:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--text:#1d1d1f;--text-secondary:#62626c;--text-tertiary:#73737d;--background:#fafafb;--sidebar-background:#f3f3f5;--accent:#0066dc;--accent-hover:#0056bd;--accent-soft:#e9f2ff;--accent-ink:#075fc4;--surface:#ffffff;--surface-muted:#f7f7f9;--line:#e5e5e9;--line-strong:#d8d8df;--success:#267b46;--success-soft:#ecf7ef;--warning:#94610a;--warning-soft:#fcf4e5;--error:#b43535;--error-soft:#fdf0f0;--basalt:var(--text);--basalt-soft:var(--text-secondary);--warm-white:var(--background);--limestone:#ececf0;--limestone-soft:#f3f3f6;--bronze:var(--accent);--bronze-dark:var(--accent-hover);--bronze-soft:var(--accent-soft);--porphyry:var(--error);--porphyry-soft:var(--error-soft);--sidebar-width:220px;--topbar-height:58px;--mobile-nav-height:0px;--radius-xs:7px;--radius-sm:8px;--radius-md:12px;--shadow-popover:none;--ease-out:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}body,html{min-height:100%}html{color-scheme:light;scrollbar-color:#b9bbc3 transparent;scrollbar-width:thin}body,html{background:var(--warm-white)}body{margin:0;color:var(--basalt);font-family:var(--font-sans);font-size:14px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit;accent-color:var(--accent);caret-color:var(--accent)}a,button,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--basalt);background:var(--bronze-soft)}.muted{color:var(--basalt-soft)}.brand-logo{display:block;max-width:100%;height:auto;object-fit:contain}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(510px,1.08fr) minmax(420px,.92fr);background:var(--surface)}.login-brand{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(36px,5vw,72px);color:var(--text);background:var(--sidebar-background);border-right:1px solid var(--line)}.login-logo{display:grid;gap:4px;width:fit-content;line-height:1.25}.login-logo strong{color:var(--text);font-size:22px;letter-spacing:-.02em}.login-logo>span{color:var(--text-secondary);font-size:12px}.login-brand-content{width:min(100%,680px);margin-block:auto;padding-block:46px}.login-brand-context{margin:0 0 18px;color:var(--accent-ink);font-size:13px;font-weight:650}.login-mobile-flow{display:none;color:var(--text-secondary)}.login-brand h1{max-width:650px;margin:0;font-family:var(--font-sans);font-size:clamp(38px,3.6vw,54px);line-height:1.1;letter-spacing:-.03em;font-weight:600;text-wrap:balance}.login-copy{max-width:58ch;margin:22px 0 0;color:var(--text-secondary);font-size:15px;line-height:1.65;text-wrap:pretty}.login-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:34px 0 0;padding:20px 0;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);list-style:none}.login-flow li{position:relative;min-width:0;display:grid;align-content:start;gap:5px}.login-flow li:not(:last-child):after{content:"→";position:absolute;top:1px;right:-19px;color:var(--text-tertiary)}.login-flow strong{color:var(--text);font-size:13px}.login-flow span{color:var(--text-secondary);font-size:11px;line-height:1.45;text-wrap:pretty}.login-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}.login-capabilities>div{display:grid;gap:6px;padding-right:28px}.login-capabilities>div+div{padding-right:0;padding-left:28px;border-left:1px solid var(--line-strong)}.login-capabilities strong{color:var(--text);font-size:12px}.login-capabilities span{color:var(--text-secondary);font-size:11px;line-height:1.5;text-wrap:pretty}.login-site{width:fit-content;display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);border-bottom:1px solid;font-size:12px}.login-panel{display:grid;place-items:center;min-height:100vh;padding:40px;background:var(--warm-white)}.login-form-wrap{width:min(100%,410px)}.login-company-logo{width:232px;margin:0 auto 32px}.product-mark{margin:0 0 20px;color:var(--bronze-dark);font-size:12px;font-weight:600;letter-spacing:-.01em}.login-form-wrap h2{margin:0;font-size:30px;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}.login-intro{max-width:46ch;margin:10px 0 30px;color:var(--basalt-soft);font-size:13px;line-height:1.55;text-wrap:pretty}.login-form{display:grid;gap:18px}.login-form label>span:first-child{font-size:12px}.login-form input{min-height:44px;padding-inline:12px;background:var(--surface)}.login-password-control{position:relative;display:block}.login-password-control input{padding-right:46px}.login-password-control>button{position:absolute;inset:0 0 0 auto;width:44px;display:grid;place-items:center;border:0;border-radius:0 5px 5px 0;color:var(--basalt-soft);background:transparent;cursor:pointer}.login-password-control>button:hover{color:var(--basalt);background:var(--limestone-soft)}.login-password-control>button:disabled{cursor:not-allowed;opacity:.5}.login-form-feedback{min-height:0;display:grid;gap:8px;margin-top:-5px}.login-caps-lock{margin:0;color:var(--warning);font-size:12px;font-weight:650}.login-error{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1px solid color-mix(in oklch,var(--error) 35%,var(--surface));border-radius:var(--radius-xs);color:var(--error);background:var(--porphyry-soft);font-size:12px;line-height:1.45}.login-error svg{flex:0 0 auto;margin-top:1px}.login-submit{min-height:44px;margin-top:0}.login-afterword{margin:22px 0 0;color:var(--basalt-soft);font-size:11px;text-align:center}label{display:grid;gap:7px}label>span{font-size:12px;font-weight:500}input,select,textarea{width:100%;min-height:36px;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface);padding:7px 10px;transition:border-color .15s var(--ease-out),background-color .15s var(--ease-out);border-color:var(--line-strong);font-size:13px}input:hover,select:hover,textarea:hover{border-color:#b7bcc6}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent);box-shadow:none;outline-offset:1px}input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:1}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error)}.form-error{margin:-4px 0 0;color:var(--error);font-size:13px}.button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);border-radius:7px;padding:6px 12px;background:var(--surface);cursor:pointer;font-weight:500;transition:background-color .15s var(--ease-out),border-color .15s var(--ease-out),color .15s var(--ease-out);font-size:12px;border-color:var(--line-strong)}.button:hover{border-color:#b7bcc6;background:var(--surface-muted)}.button:active{transform:none;background:var(--limestone)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-primary{border-color:var(--accent);color:#ffffff;background:var(--accent)}.button-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.button-danger{color:var(--porphyry);border-color:color-mix(in oklch,var(--porphyry) 45%,white)}.button-quiet{border-color:transparent;background:transparent}.button-wide{width:100%;min-height:40px;margin-top:4px}.icon-button{width:34px;min-width:34px;padding:0}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--sidebar-background);color:var(--text-secondary);z-index:30;transition:width .18s var(--ease-out);border-right:1px solid var(--line)}.sidebar-brand{min-height:100px;height:100px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;padding:24px 24px 20px;border-bottom:0;background:transparent}.sidebar-brand:focus-visible{outline-offset:-3px}.sidebar-logo-full{width:171px}.sidebar-logo-compact{display:none;width:36px}.sidebar-nav{display:grid;gap:5px;padding:0 14px 18px;min-height:0;overflow-x:hidden;overflow-y:auto}.nav-link{min-height:42px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:8px;color:#51515a;transition:color .15s var(--ease-out),background .15s var(--ease-out);font-weight:500;font-size:13px}.nav-link:hover{color:var(--text);background:#e9e9ee}.nav-link-active{color:#005bc4;background:#e2ecfa}.nav-link-active svg{color:var(--accent)}.nav-link:focus-visible{outline-offset:-2px}.sidebar-collapse{min-height:36px;display:flex;align-items:center;gap:11px;margin:auto 14px 8px;padding:0 13px;border:0;border-radius:6px;color:var(--text-secondary);background:transparent;cursor:pointer;font-size:12px;text-align:left;flex-shrink:0}.sidebar-collapse:hover{color:var(--text);background:#e9e9ee}.sidebar-collapse span{white-space:nowrap}.sidebar-footer{min-height:42px;display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid var(--line);color:var(--text-secondary);font-size:11px;margin:0 23px;flex-shrink:0}.environment-dot{width:7px;height:7px;border-radius:50%;background:oklch(.64 .12 150)}.mobile-nav{display:none}.workspace{width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width);transition:width .18s var(--ease-out),margin-left .18s var(--ease-out)}:root[data-sidebar-collapsed=true]{--sidebar-width:64px}:root[data-sidebar-collapsed=true] .sidebar-brand{justify-content:center;padding-inline:0}:root[data-sidebar-collapsed=true] .nav-link span,:root[data-sidebar-collapsed=true] .sidebar-collapse span,:root[data-sidebar-collapsed=true] .sidebar-footer span,:root[data-sidebar-collapsed=true] .sidebar-logo-full{display:none}:root[data-sidebar-collapsed=true] .sidebar-logo-compact{display:block}:root[data-sidebar-collapsed=true] .sidebar-nav{padding-inline:9px}:root[data-sidebar-collapsed=true] .nav-link,:root[data-sidebar-collapsed=true] .sidebar-collapse,:root[data-sidebar-collapsed=true] .sidebar-footer{justify-content:center;padding-inline:0}.topbar{position:sticky;top:0;z-index:20;height:var(--topbar-height);justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar,.topbar-context{display:flex;align-items:center}.topbar-context{color:var(--text-secondary);font-size:12px;gap:11px;min-width:0}.topbar-mobile-brand{display:none}.user-menu{position:relative}.user-menu>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer}.user-menu>summary::-webkit-details-marker{display:none}.user-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;color:var(--text-secondary);background:#e1e2e7;font-size:10px;font-weight:600;flex-shrink:0}.user-copy{display:grid;line-height:1.15}.user-copy strong{font-size:12px;font-weight:600}.user-copy small{max-width:180px;margin-top:3px;overflow:hidden;color:var(--basalt-soft);font-size:10px;text-overflow:ellipsis}.user-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:none;border-color:var(--line-strong)}.user-popover button{width:100%;border:0;border-radius:5px;padding:8px 10px;text-align:left;background:transparent;cursor:pointer}.user-popover button:hover{background:var(--limestone-soft)}.workspace-main{min-width:0}.page{padding:27px 30px 40px}.page-narrow{max-width:1020px}.page-header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.page-header h1{margin:0;font-family:var(--font-sans);font-size:28px;line-height:1.2;letter-spacing:-.025em;font-weight:650;text-wrap:balance}.page-header p{margin:7px 0 0;color:var(--basalt-soft);font-size:13px;line-height:1.5}.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.next-stage{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-stage-mark{color:var(--bronze);font-family:var(--font-sans);font-size:30px;line-height:1}.next-stage h2{margin:0;font-size:16px}.next-stage p{max-width:65ch;margin:7px 0 0;color:var(--basalt-soft)}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-spacer{flex:1 1}.search-field{position:relative;width:min(310px,100%)}.search-field svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--basalt-soft);pointer-events:none}.search-field input{padding-left:34px}.status-chip{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:3px 8px;border-radius:5px;background:var(--surface-muted);color:var(--basalt-soft);font-size:11px;font-weight:500;white-space:nowrap}.status-chip:before{content:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.status-draft{color:var(--text-secondary);background:var(--limestone-soft)}.status-sent{color:var(--warning);background:var(--warning-soft)}.status-approved,.status-completed{color:var(--success);background:var(--success-soft)}.status-work{color:var(--accent-ink);background:var(--accent-soft)}.data-surface{overflow:hidden;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.data-table th{height:44px;padding:0 14px;color:var(--basalt-soft);background:#fcfcfd;font-size:11px;text-align:left;font-weight:500;white-space:nowrap}.data-table td{height:60px;padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle;font-size:12px}.data-table tbody tr{cursor:pointer;transition:background .13s var(--ease-out)}.data-table tbody tr:hover{background:#f5f7fb}.data-table .numeric{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.table-primary{display:grid;line-height:1.4;gap:2px}.table-primary strong{font-size:13px;font-weight:600}.table-primary small{margin-top:3px;color:var(--basalt-soft);font-size:11px}.empty-state{display:grid;place-items:center;min-height:310px;padding:40px;text-align:center}.empty-state h2{margin:14px 0 6px;font-size:17px}.empty-state p{max-width:46ch;margin:0 0 18px;color:var(--basalt-soft)}.field-row{display:flex;gap:12px;align-items:flex-end}.field-row>label{flex:1 1}.field-label{font-size:11px;font-weight:600;color:var(--basalt-soft)}.section-title{margin:0 0 12px;font-size:13px;letter-spacing:-.005em}@media (max-width:900px){:root{--sidebar-width:64px}.sidebar-brand{justify-content:center;padding:0}.nav-link span,.sidebar-footer span,.sidebar-logo-full{display:none}.sidebar-logo-compact{display:block}.sidebar-nav{padding-inline:9px}.nav-link,.sidebar-collapse,.sidebar-footer{justify-content:center;padding:0}.sidebar-collapse span{display:none}.login-page{grid-template-columns:1fr}.login-brand{min-height:auto;padding:32px}.login-brand-content{padding-block:54px 34px}.login-brand h1{max-width:720px;font-size:44px}.login-site{margin-top:20px}.login-panel{min-height:520px;padding:52px 24px}.login-company-logo{width:212px}.product-mark{margin-bottom:26px}.user-copy{display:none}.data-surface{overflow-x:auto}.data-table{min-width:850px}}@media (max-width:620px){:root{--sidebar-width:0px;--mobile-nav-height:calc(62px + env(safe-area-inset-bottom))}.sidebar{display:none}.workspace{width:100%;margin-left:0}.workspace-main{padding-bottom:var(--mobile-nav-height)}.topbar{padding:0 16px}.topbar-context{display:none}.topbar-mobile-brand{display:block;width:min(176px,55vw)}.mobile-nav{position:fixed;inset:auto 0 0;z-index:40;display:block;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-top:1px solid var(--line-strong);background:color-mix(in oklch,var(--surface) 96%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-scroll{display:flex;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.mobile-nav-scroll::-webkit-scrollbar{display:none}.mobile-nav-link{flex:0 0 70px;min-height:46px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:7px;color:var(--basalt-soft)}.mobile-nav-link span{max-width:68px;overflow:hidden;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-link-active{color:var(--bronze-dark);background:var(--bronze-soft)}.page{padding:20px 16px 36px}.page-header{flex-direction:column;gap:14px}.page-actions{width:100%}.page-actions .button{flex:1 1}.login-page{display:flex;flex-direction:column}.login-brand{min-height:auto;padding:26px 20px}.login-logo{display:none}.login-brand-content{padding:0}.login-brand-context,.login-capabilities,.login-copy,.login-flow,.login-site{display:none}.login-brand h1{max-width:18ch;font-size:30px;line-height:1.08}.login-mobile-flow{display:block;margin:14px 0 0;color:oklch(.78 .045 69);font-size:11px;font-weight:650}.login-panel{order:-1;min-height:auto;place-items:start center;padding:32px 20px 34px}.login-company-logo{width:188px;margin-bottom:28px}.product-mark{margin-bottom:14px;font-size:11px}.login-form-wrap h2{font-size:27px}.login-intro{margin-bottom:26px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.button-primary:active{background:var(--accent-hover)}.button-quiet:hover{color:var(--accent);background:var(--accent-soft);border-color:transparent}.sidebar-section-label{margin:0 24px 8px;color:var(--text-tertiary);font-size:11px;font-weight:500;white-space:nowrap}.nav-link svg{color:#74747c;flex-shrink:0}.nav-link-active:hover{color:#005bc4;background:#dbe8fa}.topbar-context strong{font-weight:500;color:#424249;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-sidebar{margin:4px 20px 19px;flex-shrink:0}.user-menu-sidebar>summary{gap:9px;min-height:42px}.user-menu-sidebar .user-copy{flex:1 1;min-width:0}.user-menu-sidebar .user-copy strong{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-sidebar .user-copy small{max-width:120px}.user-menu-sidebar .user-popover{top:auto;bottom:calc(100% + 8px);left:0;right:auto;min-width:178px}.user-menu-topbar{display:none}.page-header-copy{min-width:0}:root[data-sidebar-collapsed=true] .sidebar-section-label{display:none}:root[data-sidebar-collapsed=true] .user-menu-sidebar{margin-inline:16px}:root[data-sidebar-collapsed=true] .user-menu-sidebar .user-copy,:root[data-sidebar-collapsed=true] .user-menu-sidebar>summary>svg{display:none}@media (max-width:900px){.sidebar-section-label{display:none}.user-menu-sidebar{margin-inline:16px}.user-menu-sidebar>summary>svg{display:none}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-footer{margin-inline:0}}@media (max-width:620px){:root[data-sidebar-collapsed=true]{--sidebar-width:0px}.topbar{padding-inline:16px;background:var(--surface)}.topbar-context{display:none}.user-menu-topbar{display:block}.mobile-nav{background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-top-color:var(--line)}.page{padding:22px 16px 36px}.page-header{align-items:flex-start;margin-bottom:22px}.page-header h1{font-size:26px}.page-actions{gap:8px}.login-brand h1{font-size:30px}.login-mobile-flow{color:var(--text-secondary)}}@media (pointer:coarse){.button,.user-menu>summary,.user-popover button{min-height:42px}}