:root{color:#243c33;font-synthesis:none;--brand:#174e3e;--brand-hover:#0e3c2e;--ink:#243c33;--muted:#607168;--surface:#fff;--canvas:#f4f6f2;--line:#dce3dc;--wash:#edf3ec;--amber:#755015;--amber-wash:#f8f0dd;--danger:#a63030;--focus:#258260;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--radius:8px;--text-sm:13px;--text-base:15px;--text-lg:20px;--title:34px;--sidebar-width:238px;--header-height:76px;--page-max:1440px;--control-height:44px;--detail-width:540px;--directory-reserved-height:620px;--motion:.14s;background:#f4f6f2;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{min-height:var(--control-height);padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;transition:background var(--motion);font-weight:600}button:hover:not(:disabled){background:var(--wash)}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button svg{flex-shrink:0;width:20px;height:20px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:var(--title);letter-spacing:-1px;margin-bottom:var(--s2);font-weight:650}h2{overflow-wrap:anywhere;font-size:24px;line-height:1.3}h3{font-size:var(--text-base);margin:var(--s5) 0 var(--s3)}p{color:var(--muted);line-height:1.6}.app-shell{min-height:100vh;font-size:var(--text-base);display:flex}.sidebar{width:var(--sidebar-width);background:var(--brand);color:#fff;padding:var(--s6) var(--s5);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:var(--s3);letter-spacing:-.7px;font-size:27px;font-weight:650;display:flex}.brand-mark{text-align:center;border:1px solid #86a998;border-radius:50%;width:44px;height:44px;font-family:Georgia,serif;font-size:40px;font-style:italic;line-height:36px}.brand div>span{letter-spacing:1px;margin-top:var(--s1);font-size:8px;font-weight:500;display:block}.nav-label{letter-spacing:1.5px;color:#bfd0c4;margin:var(--s7) var(--s3) var(--s4);font-size:10px}nav a{align-items:center;gap:var(--s3);padding:var(--s3);border-radius:var(--radius);background:#ffffff15;border:1px solid #ffffff20;font-weight:600;text-decoration:none;display:flex}nav svg{width:20px;height:20px}.sidebar-bottom{font-size:var(--text-sm);color:#d8e7dd;padding-top:var(--s7);margin-top:auto}.environment-dot{width:7px;height:7px;margin-right:var(--s2);background:#bdd589;border-radius:100%;display:inline-block}.sidebar-hint{margin-top:var(--s2);color:#c0d0c6;font-size:11px;display:block}.workspace{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0}.topbar{height:var(--header-height);border-bottom:1px solid var(--line);padding:0 var(--s6);background:var(--surface);font-size:var(--text-sm);color:var(--muted);justify-content:space-between;align-items:center;display:flex}.topbar>span>span{padding:0 var(--s3);color:var(--muted)}.topbar strong{color:var(--ink);font-weight:600}.account{align-items:center;gap:var(--s5);display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:240px;overflow:hidden}.text-button{color:var(--brand);background:0 0;border:0}main{max-width:var(--page-max);padding:var(--s6);margin:0 auto}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:var(--s3);font-size:10px;font-weight:650;display:block}.page-heading{justify-content:space-between;align-items:center;gap:var(--s5);margin-bottom:var(--s5);display:flex}.page-heading p{margin:0}.primary,.secondary{justify-content:center;align-items:center;gap:var(--s2);display:inline-flex}.primary{background:var(--brand);border-color:var(--brand);color:#fff}.primary:hover:not(:disabled){background:var(--brand-hover)}.environment-note{align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-radius:var(--radius);margin-bottom:var(--s5);background:#fcf9f0;border:1px solid #e4dcc4;display:flex}.environment-note p{font-size:var(--text-sm);color:#6a5a36;margin:0}.environment-note strong{font-weight:600}.badge{white-space:nowrap;padding:var(--s1) var(--s2);border-radius:4px;align-items:center;font-size:11px;font-weight:650;line-height:1.5;display:inline-flex}.backup{color:var(--amber);background:var(--amber-wash)}.operational{color:var(--brand);background:var(--wash)}.directory{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.filters{align-items:flex-end;gap:var(--s4);padding:var(--s5);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.filters>div{flex:0 auto}.filters>.search-field{flex:260px}label{margin-bottom:var(--s2);font-size:12px;font-weight:600;display:block}.search-box{align-items:center;gap:var(--s2);border:1px solid var(--line);border-radius:var(--radius);padding-left:var(--s3);display:flex}.search-box svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.search-box input{padding:var(--s2);width:100%;min-width:0;height:var(--control-height);color:var(--ink);background:0 0;border:0}.search-submit{border:0;border-left:1px solid var(--line);border-radius:0 var(--radius) var(--radius) 0;font-size:var(--text-sm);height:var(--control-height)}select{height:calc(var(--control-height) + 2px);padding:var(--s2) var(--s6) var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);background:var(--surface);font-size:var(--text-sm)}.result-summary{padding:var(--s4) var(--s5);justify-content:space-between;gap:var(--s4);color:var(--muted);font-size:12px;display:flex}.result-summary strong{color:var(--ink);font-weight:600}.table-scroll{max-height:clamp(220px,calc(100dvh - var(--directory-reserved-height)),620px);overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-sm)}thead{background:var(--canvas);z-index:1;position:sticky;top:0}th{letter-spacing:.3px;color:var(--muted);padding:var(--s3) var(--s4);border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;font-size:11px;font-weight:600}td{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}th:first-child,td:first-child{padding-left:var(--s5);width:43%}th:last-child,td:last-child{padding-right:var(--s5);width:60px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faf6}.customer-link{text-align:left;min-height:32px;line-height:1.5;font-size:var(--text-sm);color:var(--brand);overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-weight:600}.customer-link:hover:not(:disabled){background:0 0;text-decoration:underline}.customer-code{color:var(--muted);margin-top:2px;font-size:11px;display:block}.icon-button{width:var(--control-height);padding:var(--s2);background:0 0;border-color:#0000;justify-content:center;align-items:center;display:inline-flex}.pagination{justify-content:space-between;align-items:center;gap:var(--s4);border-top:1px solid var(--line);padding:var(--s4) var(--s5);font-size:var(--text-sm);color:var(--muted);display:flex}.pagination>div{gap:var(--s2);display:flex}.pagination button{font-size:var(--text-sm)}.empty{text-align:center;padding:var(--s7) var(--s5);flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.empty h2{font-size:var(--text-lg);margin:var(--s4) 0 var(--s2)}.empty p{max-width:520px;font-size:var(--text-sm)}.empty>svg{width:32px;height:32px;color:var(--muted)}.page-footnote{margin-top:var(--s4);font-size:11px}.detail{width:min(var(--detail-width),100vw);border:0;border-left:1px solid var(--line);background:var(--surface);max-width:none;height:100dvh;max-height:none;color:var(--ink);margin:0;padding:0;position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 40px #102c2020}.detail::backdrop{background:#142e2955}.detail-inner{padding:var(--s6)}.detail header{margin-bottom:var(--s6);justify-content:space-between;align-items:center;display:flex}.detail header .eyebrow{margin:0}.detail h2{margin-top:var(--s4);margin-bottom:var(--s2);font-weight:600}.subtle{font-size:var(--text-sm)}.business-note{background:var(--amber-wash);padding:var(--s4);border-radius:var(--radius);margin:var(--s5) 0}.business-note h3{margin:0 0 var(--s2);color:var(--amber)}.business-note p{font-size:var(--text-sm);color:var(--amber);margin:0}dl{margin:0}dl>div{padding:var(--s3) 0;border-bottom:1px solid var(--line);gap:var(--s4);grid-template-columns:1fr 1.3fr;display:grid}dt{font-size:var(--text-sm);color:var(--muted)}dd{font-size:var(--text-sm);overflow-wrap:anywhere;margin:0}.small-note{color:var(--muted);margin-top:var(--s4);font-size:12px}.detail-footer{color:var(--muted);border-top:1px solid var(--line);padding-top:var(--s5);margin-top:var(--s6);font-size:12px}.welcome{max-width:660px;padding:var(--s7) 0}.welcome h1{margin:var(--s5) 0;font-size:54px;line-height:1.13}.welcome>p{max-width:500px;font-size:17px}.welcome>.small-note{font-size:12px}.welcome-note{border-left:3px solid var(--brand);padding:var(--s2) var(--s5);margin:var(--s6) 0}.welcome-note p{margin:var(--s2) 0 0;font-size:var(--text-sm)}.welcome .primary{gap:var(--s5);padding:var(--s3) var(--s5)}.startup{max-width:640px;margin:var(--s7) auto}.skip-link{top:-100px;left:var(--s4);z-index:99;background:var(--surface);padding:var(--s3);position:fixed}.skip-link:focus{top:var(--s4)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading-indicator{border:2px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite turn}@keyframes turn{to{transform:rotate(360deg)}}@media (width<=1100px){:root{--sidebar-width:200px;--s6:24px}.page-heading{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sidebar nav{gap:var(--s2);display:grid}.sidebar nav a:not([aria-current]){background:0 0;border-color:#0000;font-weight:400}.library .space-grid{gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.space-card{text-align:left;align-items:flex-start;gap:var(--s3);padding:var(--s5);flex-direction:column;min-height:190px;display:flex}.space-card strong{font-size:var(--text-lg);overflow-wrap:anywhere}.space-card>span:not(.badge){font-weight:400;font-size:var(--text-sm);color:var(--muted)}.space-card .space-symbol{color:var(--brand);font-size:28px}.document-search{margin-bottom:var(--s5)}.document-search>div,.document-actions{gap:var(--s2);flex-wrap:wrap;align-items:center;display:flex}.document-search input{flex:1;min-width:200px}.library input:not([type=checkbox]),.document-modal input:not([type=checkbox]),.document-modal select{min-height:var(--control-height);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);max-width:100%}.document-error{color:#8e2b25;padding:var(--s4);border-radius:var(--radius);background:#fbecea}.document-notice{color:var(--brand);padding:var(--s3);background:var(--wash)}.library-header{padding:var(--s5);gap:var(--s4);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.library-header h2{margin:var(--s2) 0;font-size:var(--text-lg)}.library-header p{font-size:var(--text-sm);margin:0}.library-header .text-button{padding-left:0}.library-toolbar{align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.library-toolbar nav{flex-wrap:wrap;flex:1;align-items:center;display:flex}.library-toolbar label{align-items:center;gap:var(--s2);margin:0;display:flex}.library-toolbar input{width:18px;height:18px}.library table th:first-child,.library table td:first-child{width:32%}.library table th:last-child,.library table td:last-child{width:auto}.document-row-actions{gap:var(--s2);flex-wrap:wrap;display:flex}.document-row-actions button{min-height:36px;padding:var(--s2);font-size:12px}.document-modal{border:1px solid var(--line);border-radius:var(--radius);width:min(620px,90vw);max-height:85dvh;padding:var(--s5);color:var(--ink);background:var(--surface)}.document-modal::backdrop{background:#142e2955}.document-modal header{justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s5);display:flex}.document-modal h2{margin:0;font-size:24px}.document-modal header button{width:44px;padding:0;font-size:24px}.document-modal form{gap:var(--s3);display:grid}.document-modal form label{margin-bottom:0;margin-top:var(--s2)}.document-modal p{font-size:var(--text-sm)}.version-list,.access-list{margin:var(--s4) 0;max-height:340px;padding:0;list-style:none;overflow:auto}.version-list li,.access-list li{gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.version-list li span{margin-top:var(--s2);color:var(--muted);font-size:12px;display:block}.access-list strong{white-space:nowrap;font-size:12px}.library .table-scroll{max-height:46vh}.customer-documents{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--line)}.customer-documents-heading{justify-content:space-between;align-items:flex-start;gap:var(--s4);display:flex}.customer-documents-heading h3{margin:0 0 var(--s1)}.customer-documents-heading p{font-size:var(--text-sm);margin:0}.document-count{min-width:32px;height:32px;padding:0 var(--s2);background:var(--wash);color:var(--brand);border-radius:16px;justify-content:center;align-items:center;font-size:12px;font-weight:650;display:inline-flex}.customer-document-filters,.customer-document-upload{gap:var(--s3);padding:var(--s4);margin-top:var(--s4);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);display:grid}.customer-document-filters label,.customer-document-upload label{margin:0}.customer-document-filters input,.customer-document-upload input{min-height:var(--control-height);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);width:100%;min-width:0}.customer-document-filters select,.customer-document-upload select{width:100%}.customer-document-list{margin:var(--s4) 0;padding:0;list-style:none}.customer-document-list li{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--line);display:flex}.customer-document-list strong,.customer-document-list span{overflow-wrap:anywhere;display:block}.customer-document-list span{color:var(--muted);margin-top:var(--s1);font-size:11px}.customer-document-list button{flex-shrink:0}.customer-document-upload h3{margin:0 0 var(--s1)}.approval-form{gap:var(--s3);padding:var(--s4);margin:var(--s4) 0;background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);display:grid}.approval-form h3,.approval-list h3{margin:0}.approval-form input,.approval-form select{min-height:var(--control-height);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.approval-list{gap:var(--s3);margin-top:var(--s4);display:grid}.approval-list article{gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line);display:grid}.approval-list strong,.approval-list span{overflow-wrap:anywhere;display:block}.approval-list span{color:var(--muted);margin-top:var(--s1);font-size:12px}.approval-decision{gap:var(--s2);display:grid}.approval-decision textarea{resize:vertical;width:100%;min-height:84px;padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.orders-page{gap:var(--s5);display:grid}.order-form{gap:var(--s4);padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.order-form .wide{grid-column:1/-1}.order-form label,.order-toolbar label{margin-bottom:var(--s2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700;display:block}.order-form input,.order-form select,.order-toolbar select{width:100%;min-height:var(--control-height);padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--ink)}.order-toolbar{justify-content:flex-end;align-items:center;gap:var(--s3);display:flex}.order-toolbar label{margin:0}.order-toolbar select{background:var(--surface);width:auto;min-width:180px}.order-list{gap:var(--s4);display:grid}.order-card{gap:var(--s4);padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:grid}.order-card header{justify-content:space-between;align-items:flex-start;gap:var(--s4);display:flex}.order-card h2{margin:var(--s2) 0 var(--s1);font-size:var(--text-lg)}.order-card p{color:var(--muted);margin:0}.order-card dl{gap:var(--s3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.order-card dt{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.order-card dd{margin:var(--s1) 0 0;font-weight:650}.order-status{min-height:28px;padding:0 var(--s3);border-radius:999px;align-items:center;font-size:12px;font-weight:750;display:inline-flex}.order-status.pending{color:#9a3412;background:#fff7ed}.order-status.approved{color:#027a48;background:#ecfdf3}.order-status.rejected{color:#b42318;background:#fef3f2}.order-decision{gap:var(--s3);padding:var(--s4);background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius);display:grid}.order-decision textarea{resize:vertical;width:100%;min-height:92px;padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.order-decision div{gap:var(--s3);flex-wrap:wrap;display:flex}.order-detail{max-width:720px}.order-history{gap:var(--s3);padding-left:var(--s5);display:grid}.order-history li{padding:var(--s3) 0;border-bottom:1px solid var(--line)}.order-history span{margin-top:var(--s1);color:var(--muted);font-size:12px;display:block}.order-history p{margin:var(--s2) 0 0}@media (width<=900px){.order-form{grid-template-columns:1fr}.order-card header{display:grid}.order-card dl{grid-template-columns:1fr}.order-toolbar{flex-wrap:wrap;justify-content:flex-start}}