:root{--color-bg:#f5f4f0;--color-surface:#ffffff;--color-surface-subtle:#eaece7;--color-border:#d5d9d2;--color-border-input:#737c74;--color-text:#19251f;--color-text-muted:#536057;--color-accent:#235740;--color-accent-hover:#193f2e;--color-on-accent:#ffffff;--color-danger:#a72d30;--color-danger-bg:#fff0f0;--color-success:#25623d;--color-success-bg:#e9f4eb;--color-warning:#79500b;--color-warning-bg:#fff3d6;--color-focus:#275b9b;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--space-0:0px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--type-xs-size:12px;--type-xs-line:16px;--type-xs-weight:500;--type-sm-size:14px;--type-sm-line:20px;--type-sm-weight:400;--type-base-size:16px;--type-base-line:24px;--type-base-weight:400;--type-lg-size:20px;--type-lg-line:28px;--type-lg-weight:600;--type-xl-size:28px;--type-xl-line:34px;--type-xl-weight:700;--type-display-size:40px;--type-display-line:44px;--type-display-weight:700;--shadow-card:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.10);--shadow-pop:0 12px 32px rgba(16,24,40,.16);--motion-fast:120ms;--motion-base:200ms;--motion-ease:cubic-bezier(.2,.8,.2,1);--line:1px;--focus-width:3px;--content:1240px;--sidebar:216px;--control:46px;--art-height:240px;--screen-width:210px;--screen-height:130px;--stand-height:46px;--stand-width:10px;--foot-width:90px;--login-width:520px;--table-width:680px;--narrow:120px;--letter-spacing:-1.5px;--tracking:1.5px;--display:52px;--border-art:8px;--break-mobile:760px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font:var(--type-base-size)/1.5 var(--font-sans)}button,input,select,textarea{font:inherit}a,button,input,select{touch-action:manipulation}a,button{transition:background var(--motion-fast)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}button:disabled{cursor:not-allowed;background:var(--color-surface-subtle);color:var(--color-text-muted)}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control);padding:var(--space-12) var(--space-24);border:var(--line) solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:600;text-decoration:none}.button:hover{text-decoration:none;background:var(--color-surface-subtle)}.button.primary,button.primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.primary:hover{background:var(--color-accent-hover)}.compact{padding:var(--space-8) var(--space-16)}.text-button{padding:var(--space-8) 0;border:0;background:transparent;text-decoration:underline}.danger{color:var(--color-danger)}:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--space-4)}main:focus{outline:none}.full{width:100%}.muted,small{color:var(--color-text-muted)}small{font-size:var(--type-sm-size);display:block}h1,h2,h3,p{margin-top:0}h1{font-size:var(--type-display-size);line-height:1.12;letter-spacing:var(--letter-spacing);margin-bottom:var(--space-16);max-width:20ch}h2{font-size:var(--type-lg-size);line-height:1.3;margin-bottom:var(--space-12)}p{margin-bottom:var(--space-16)}.eyebrow{text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-12)}.demo-banner,.eyebrow{font-size:var(--type-xs-size);font-weight:700;letter-spacing:var(--tracking)}.demo-banner{padding:var(--space-8) var(--space-24);background:var(--color-accent);color:var(--color-on-accent);text-align:center}.demo-banner span{font-weight:400;letter-spacing:normal;margin-left:var(--space-16)}.topbar{min-height:var(--space-64);background:var(--color-surface);border-bottom:var(--line) solid var(--color-border);padding:var(--space-16) var(--space-32);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24)}.brand{font-size:var(--type-xl-size);font-weight:800;letter-spacing:var(--letter-spacing);color:var(--color-text)}.brand span{font-weight:400}.brand small{font-size:var(--type-xs-size);letter-spacing:var(--tracking);font-weight:500}.topbar nav{display:flex;align-items:center;gap:var(--space-24)}.topbar nav>a{font-size:var(--type-sm-size);font-weight:600}.count{display:inline-grid;place-items:center;min-width:var(--space-24);height:var(--space-24);border-radius:var(--radius-pill);background:var(--color-surface-subtle);margin-left:var(--space-4)}main{min-width:0;max-width:var(--content);padding:var(--space-48) var(--space-32) var(--space-64);margin:auto;width:100%}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);margin-bottom:var(--space-32)}.customer-layout .page-heading h1{font-size:var(--display)}.page-heading p:last-child{max-width:65ch}.date-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-24);padding:var(--space-24);background:var(--color-surface);border:var(--line) solid var(--color-border);border-radius:var(--radius-md);margin:var(--space-24) 0 var(--space-32)}.date-note{align-self:center}.date-note,.field{font-size:var(--type-sm-size)}.field{display:block;font-weight:600;margin-bottom:var(--space-16)}.field>span{display:block;margin-bottom:var(--space-8)}input,select,textarea{display:block;width:100%;min-height:var(--control);border:var(--line) solid var(--color-border-input);border-radius:var(--radius-sm);padding:var(--space-12);color:var(--color-text);background:var(--color-surface)}textarea{min-height:var(--space-64);resize:vertical}.date-bar .field{margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);margin:var(--space-32) 0 var(--space-24)}.section-heading .field{margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24)}.panel,.product-card{background:var(--color-surface);border:var(--line) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.panel{margin-bottom:var(--space-24)}.card-body,.panel{padding:var(--space-24)}.card-body h2{margin-top:var(--space-24)}.card-body h2 a{color:var(--color-text)}.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-12)}.between{justify-content:space-between}.price{font-size:var(--type-xl-size);font-weight:700;white-space:nowrap}.price small{font-weight:400}.badge,.price small{font-size:var(--type-xs-size)}.badge{display:inline-flex;align-items:center;background:var(--color-surface-subtle);color:var(--color-text-muted);border-radius:var(--radius-pill);padding:var(--space-4) var(--space-12);font-weight:650;white-space:nowrap}.badge.success{color:var(--color-success);background:var(--color-success-bg)}.badge.warning{color:var(--color-warning);background:var(--color-warning-bg)}.equipment-art{height:var(--art-height);background:var(--color-surface-subtle);display:grid;place-items:center;padding-bottom:var(--space-24);overflow:hidden}.screen{width:var(--screen-width);height:var(--screen-height);border:var(--border-art) solid var(--color-text);border-radius:var(--radius-sm);position:relative;background:var(--color-accent)}.screen-content{color:var(--color-on-accent);font-size:var(--type-display-size);font-weight:700;display:grid;place-content:center;height:100%}.screen-content span{font-size:var(--type-sm-size);letter-spacing:var(--tracking)}.stand{top:100%;width:var(--stand-width);height:var(--stand-height)}.stand,.stand:after{position:absolute;left:50%;background:var(--color-text);transform:translateX(-50%)}.stand:after{content:"";bottom:0;width:var(--foot-width);height:var(--space-8);border-radius:var(--radius-sm)}.projector-body{width:var(--screen-width);height:var(--foot-width);border:var(--focus-width) solid var(--color-border-input);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;place-items:center}.lens{width:var(--space-48);height:var(--space-48);border:var(--border-art) solid var(--color-text);border-radius:var(--radius-pill)}.service-strip{display:flex;justify-content:space-between;align-items:center;border-top:var(--line) solid var(--color-border);margin-top:var(--space-48);padding-top:var(--space-32);gap:var(--space-24)}.service-strip p{margin:var(--space-8) 0 0}.footer{border-top:var(--line) solid var(--color-border);padding:var(--space-32);display:flex;justify-content:space-between;align-items:center;gap:var(--space-24);font-size:var(--type-sm-size)}.footer p{margin:0;color:var(--color-text-muted)}.workspace{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{min-width:0;background:var(--color-surface);border-right:var(--line) solid var(--color-border);padding:var(--space-32) var(--space-16)}.sidebar nav{display:grid;gap:var(--space-8)}.sidebar nav a{padding:var(--space-12) var(--space-16);border-radius:var(--radius-sm);color:var(--color-text-muted)}.sidebar a[aria-current=page]{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.role-panel{margin-top:var(--space-48)}.role-panel,.role-panel button{font-size:var(--type-sm-size)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-24)}.stat strong{display:block;font-size:var(--type-display-size);margin-top:var(--space-12)}.table-wrap{overflow:auto;border:var(--line) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-top:var(--space-24)}table{width:100%;min-width:var(--table-width);border-collapse:collapse;text-align:left}td,th{padding:var(--space-16) var(--space-24);border-bottom:var(--line) solid var(--color-border)}th{font-size:var(--type-xs-size);text-transform:uppercase;letter-spacing:var(--tracking);color:var(--color-text-muted)}td{font-size:var(--type-sm-size)}td a{font-weight:650}tr:last-child td{border:0}.checkout-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-32);align-items:start}.summary{position:sticky;top:var(--space-24)}.summary-line{padding:var(--space-16) 0;border-bottom:var(--line) solid var(--color-border)}.summary h2{font-size:var(--type-xl-size)}.summary small{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.stack{display:grid;gap:var(--space-16)}.stack .panel{margin:0}.cart-line{display:flex;justify-content:space-between;align-items:center;gap:var(--space-24)}.cart-line .field{max-width:var(--narrow)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-48)}.detail-grid>.equipment-art{height:100%;min-height:var(--art-height);border-radius:var(--radius-md)}.detail-grid .date-bar{grid-template-columns:1fr 1fr;padding:var(--space-16)}.detail-grid .date-note{grid-column:1/-1}.detail-grid h1{font-size:var(--type-display-size)}.back{display:block}.back,.notice{margin-bottom:var(--space-24)}.notice{padding:var(--space-16) var(--space-24);border-radius:var(--radius-sm);background:var(--color-warning-bg);color:var(--color-warning)}.notice.error{background:var(--color-danger-bg);color:var(--color-danger)}.notice.success{background:var(--color-success-bg);color:var(--color-success)}.notice p:last-child{margin:0}.empty{padding:var(--space-48) var(--space-24);text-align:center;border:var(--line) dashed var(--color-border-input);border-radius:var(--radius-md)}.empty-symbol{font-size:var(--type-display-size);color:var(--color-text-muted);margin-bottom:var(--space-16)}.login{max-width:var(--login-width);margin:var(--space-32) auto}.login button{margin:var(--space-16) 0 var(--space-24)}.filter-bar{display:flex;align-items:end;gap:var(--space-24);margin-bottom:var(--space-24)}.filter-bar .field{flex:1 1;margin:0}.agenda-item{display:flex;align-items:center;gap:var(--space-24);color:var(--color-text)}.agenda-item div:nth-child(2){flex:1 1}.agenda-item p{margin:0}.date-chip{background:var(--color-surface-subtle);padding:var(--space-16);border-radius:var(--radius-sm);font-weight:700}.check-row{display:flex;gap:var(--space-16);align-items:center;border-bottom:var(--line) solid var(--color-border);padding:var(--space-24) 0;margin-bottom:var(--space-24)}.check-row input{width:var(--space-24);height:var(--space-24);min-height:0;accent-color:var(--color-accent)}.activity{padding-left:var(--space-24);color:var(--color-text-muted);font-size:var(--type-sm-size)}.activity li{margin-bottom:var(--space-12);overflow-wrap:anywhere}.confirmation-icon{display:grid;place-items:center;width:var(--space-64);height:var(--space-64);border-radius:var(--radius-pill);background:var(--color-success-bg);color:var(--color-success);font-size:var(--type-xl-size);margin-bottom:var(--space-24)}.steps li{margin-bottom:var(--space-16)}hr{border:0;border-top:var(--line) solid var(--color-border);margin:var(--space-24) 0}.skeleton{height:var(--space-64);background:var(--color-surface-subtle);border-radius:var(--radius-sm);margin-bottom:var(--space-16)}.skip{position:absolute;top:calc(-1 * var(--space-64));left:var(--space-16);z-index:10}.skip:focus{top:var(--space-8);background:var(--color-surface);padding:var(--space-12)}.sr-only{position:absolute;width:var(--line);height:var(--line);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr)}.sidebar{padding:var(--space-16);border-right:0;border-bottom:var(--line) solid var(--color-border)}.sidebar nav{display:flex;overflow:auto}.sidebar>.eyebrow{display:none}.role-panel{margin-top:var(--space-16);display:flex;align-items:center}.checkout-grid,.role-panel{gap:var(--space-24)}}@media(max-width:760px){.topbar{flex-direction:column;align-items:flex-start;padding:var(--space-16) var(--space-24)}.topbar nav{gap:var(--space-16);flex-wrap:wrap}.demo-banner span{display:block;margin:0}.customer-layout .page-heading h1{font-size:var(--type-display-size)}main{padding:var(--space-32) var(--space-24)}.footer,.page-heading,.section-heading,.service-strip{align-items:flex-start;flex-direction:column}.checkout-grid,.date-bar,.detail-grid,.form-grid,.product-grid,.stats{grid-template-columns:1fr}.date-bar{gap:var(--space-16)}.section-heading .field{width:100%}.detail-grid>.equipment-art{height:var(--art-height)}.summary{position:static}.filter-bar{align-items:stretch;flex-direction:column}.cart-line{align-items:flex-start}.card-body{padding:var(--space-24)}.agenda-item{flex-wrap:wrap}.footer{gap:var(--space-16)}h1{overflow-wrap:anywhere}.panel{padding:var(--space-24)}.role-panel{flex-wrap:wrap}.sidebar nav a{white-space:nowrap}.table-wrap{max-width:100%}.detail-grid{gap:var(--space-24)}}@media print{.back,.button,.demo-banner,.footer,.sidebar,.topbar,button{display:none!important}.checkout-grid,.workspace{display:block}main{padding:0}.panel{page-break-inside:avoid;break-inside:avoid}.summary{position:static}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}