@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f5f7fb;--ink:#193753;--muted:#627389;--line:#e2e8f0;--green:#356f61;--green-light:#e9f4ef;--brass:#8b632d;--sidebar:#193753;--font:Manrope,'Segoe UI',sans-serif;--radius:18px}
body{font-size:14px;color:var(--ink)}h1,h2,h3{font-family:var(--font)!important;font-weight:700!important;color:var(--ink)!important}label,legend{color:#40536b;font-size:13px}input,select,textarea{border-color:#d6e0eb;border-radius:10px;min-height:44px}input:focus,select:focus,textarea:focus{border-color:#4e8e80;outline:2px solid #dcefe9}button:focus-visible,a:focus-visible{outline:3px solid #d98667;outline-offset:4px}.button{min-height:44px;border-radius:10px;font-size:13px}.primary{background:#285d52}.primary:hover{background:#1e493f}.secondary:hover{background:#eef3fa}.panel,.client-main .panel,.login-panel{border:1px solid var(--line);border-radius:18px;box-shadow:0 4px 20px #19375303}.panel h2{letter-spacing:-.5px}.brand-logo{width:62px;height:43px;object-fit:contain;flex-shrink:0}.brand small{color:#64768c;letter-spacing:0}.brand{font-weight:700}.sidebar .brand-logo{background:white;border-radius:8px;padding:5px;width:48px;height:42px}.sidebar .brand small{color:#b4c5d5}.sidebar .brand{font-size:16px}.sidebar nav a{font-size:13px;color:#bed0df}.sidebar nav a.selected{background:#ffffff16}.sidebar nav a.selected:before{background:#ed937c}.sidebar nav svg{color:#aacdc3}.sidebar-note strong{color:#e2edf6}.sidebar-note p,.sidebar-note a,.sidebar-bottom small{color:#b4c5d5}.sidebar-note>svg{color:#f0c77e}.topbar{background:#fff}.stat{border-radius:16px;border-color:var(--line)}.stat:nth-child(2){background:#edf4ff}.stat:nth-child(3){background:#fff6ed}.stat:nth-child(4){background:#edf7f2}.stat>strong{font-weight:700}.client-body{background:#f6f8fc}.client-header{background:#fff;border-bottom:1px solid var(--line);height:92px;max-width:none;padding:0 max(32px,calc((100vw - 1220px)/2))}.client-label{color:#60758d}.client-main{max-width:1284px;padding:30px 32px}.client-heading{display:grid;grid-template-columns:1fr .85fr .9fr;gap:24px;padding:20px 0 32px;align-items:center}.client-heading h1{font-size:clamp(34px,3.6vw,50px);letter-spacing:-2px;line-height:1.16;margin:13px 0 20px}.eyebrow{color:#4f7a70;font-weight:600}.client-project-name{color:#344c67;font-size:14px}.site-line{color:#61758a;line-height:1.7}.hero-illustration{width:100%;height:auto;max-height:235px;object-fit:contain}.handover-card{background:#e9effc;border:1px solid #dce5fa;border-radius:19px;width:auto;padding:25px}.handover-card>span,.handover-card p,.handover-card small{color:#50647e}.handover-card>strong{font-size:29px;color:#193753;font-weight:700;margin:24px 0 12px;letter-spacing:-1px}.handover-icon{color:#7189b8;right:20px}.client-status-bar{border-color:var(--line);color:#60738a}.client-status-bar>a{color:#356f61}.notice{background:#edf3fb;border-color:#dbe6f5;border-radius:14px}.notice p,.notice strong{font-size:13px}.sample-banner{background:#eef2fa;border-color:#c8d5e8;color:#536982}.client-main .panel{padding:28px;margin-bottom:24px}.section-heading h2,.client-main .section-heading h2{font-size:20px}.section-heading p,.client-main .section-heading p{font-size:13px;color:#627389;line-height:1.8;margin-top:6px}.client-main .timeline-step strong{font-size:13px;color:var(--ink)}.timeline-node{background:#edf1f8;color:#7587a0;border-color:#dce4ef}.timeline-step.done .timeline-node{background:#356f61;border-color:#356f61;color:white}.timeline-step.current .timeline-node{background:#fff0e9;color:#a74f38;border-color:#edb7a5;box-shadow:0 0 0 5px #fff5ef}.timeline-step:after{background:#dce5ef}.timeline-step>span:not(.timeline-node),.timeline-step small{color:#627389}.production-progress>div:first-child>strong{color:#244961;font-weight:700}.production-progress>div>span,.calendar-note,.workshop-milestones article>div>span,.client-updates p,.client-updates small,.helper{color:#627389}.production-progress strong span{color:#8294ad}.production-date strong{font-weight:600}.milestone-check{background:#edf2fb;color:#7187a5}.milestone-check.complete{background:#e5f2eb;color:#356f61}.workshop-milestones article{border-color:var(--line)}.workshop-milestones strong,.client-updates strong{font-size:13px}.update-dot{background:#e58a73}.payment-overview{border-color:var(--line)}.payment-overview strong{color:#193753;font-weight:700}.payment-stage{border-radius:14px;border-color:var(--line);background:#fafbfe}.payment-stage.paid{background:#f0f8f4}.client-payments .payment-stage h3{font-size:13px}.payment-stage small{line-height:1.8}.guidelines-intro h2{font-size:30px!important;letter-spacing:-1px}.guidelines-intro>p,.guidelines-tip p{color:#627389;font-size:13px;max-width:330px}.guidelines-section{gap:45px}.community-scene{width:240px;max-width:100%;height:auto;margin-bottom:12px}.guidelines-intro .round-icon{display:none}.empty-scene{display:block;width:210px;height:auto;margin:0 auto 10px}.planning-empty>svg{display:none}.closing-logo{object-fit:contain}.client-closing h3{font-size:18px;color:#3c5b75}.client-closing p{color:#627389}.client-footer{color:#627389;border-color:var(--line);max-width:1220px}.login-layout{gap:65px}.login-story h1{font-size:52px;letter-spacing:-2px}.login-story>p{color:#627389;font-size:14px}.login-illustration{display:block;width:100%;height:auto;margin-top:18px}.login-caption{color:#627389;margin-top:0}.login-panel{padding:38px}.pill{background:#eef3fc;border-color:#dce5f3;color:#526985}.mobile-project-nav{display:none}[hidden]{display:none!important}section[id],div[id]{scroll-margin-top:25px}
@media(max-width:1050px){.client-heading{grid-template-columns:1fr 1fr}.hero-illustration{grid-column:1;grid-row:2;max-height:160px;display:none}.client-columns{grid-template-columns:1fr}.client-columns>.panel{height:auto}.client-heading h1{font-size:44px}.client-main .project-timeline{grid-template-columns:repeat(3,1fr);gap:25px}.client-main .timeline-step:nth-child(3):after{display:none}}
@media(max-width:680px){.client-header{height:78px;padding:0 18px}.brand-logo{width:49px;height:36px}.client-header .brand{gap:8px;font-size:14px}.client-header .brand small{font-size:11px}.client-header .subtle-link{font-size:11px}.client-main{padding:20px 16px 85px}.client-heading{display:grid;grid-template-columns:1fr;gap:22px;padding:12px 0 23px;position:relative}.client-heading>div:first-child{padding-right:82px;min-height:175px}.client-heading h1{font-size:37px;letter-spacing:-1.7px;margin:12px 0 16px}.hero-illustration{display:block;position:absolute;right:-4px;top:36px;width:115px;height:130px;max-height:none;pointer-events:none}.client-heading .eyebrow{max-width:230px}.client-project-name{font-size:13px}.site-line{font-size:12px}.handover-card{padding:22px;width:100%}.handover-card>strong{font-size:28px;margin:13px 0 10px}.client-main .panel{padding:23px 20px;border-radius:16px}.client-main .section-heading h2{font-size:19px}.client-status-bar{gap:12px}.client-status-bar>a{width:100%;margin:0}.client-main .project-timeline{display:flex;flex-direction:column;gap:0;padding:10px 0 0}.client-main .timeline-step{position:relative;display:grid;grid-template-columns:38px 1fr;column-gap:14px;padding:0 0 28px;min-height:105px;text-align:left}.client-main .timeline-step:after,.client-main .timeline-step:nth-child(3):after{display:block;position:absolute;top:35px;bottom:0;left:17px;width:2px;height:auto;right:auto}.client-main .timeline-step:last-child{padding-bottom:0;min-height:75px}.client-main .timeline-step:last-child:after{display:none}.client-main .timeline-node{grid-column:1;grid-row:1/4;margin:0;width:36px;height:36px;z-index:1}.client-main .timeline-step strong{grid-column:2;min-height:0;font-size:14px;margin:0 0 4px}.client-main .timeline-step>span:not(.timeline-node){grid-column:2;min-height:0;font-size:12px}.client-main .timeline-step small{grid-column:2;margin-top:5px;font-size:12px}.payment-stages{grid-template-columns:1fr}.client-payments .payment-stage h3{min-height:0;font-size:14px}.client-payments .payment-stage{padding:20px}.payment-overview strong{font-size:21px}.payment-overview{gap:22px 12px}.guidelines-section{gap:25px}.community-scene{width:180px;float:right;margin:-10px -12px 5px 0}.guidelines-intro h2{font-size:27px!important;padding-top:10px}.guidelines-intro>p{clear:both}.form-grid{grid-template-columns:1fr}.weekday-options{flex-wrap:wrap}.weekday-options span{min-height:44px;min-width:38px}.radio-options{flex-wrap:wrap}.guidelines-notice .button{margin-left:0;width:100%}.mobile-project-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #dce5ef;padding:9px 8px max(9px,env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -5px 25px #19375308}.mobile-project-nav a{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:11px;min-width:65px;min-height:44px;color:#425d78}.mobile-project-nav a:hover,.mobile-project-nav a:focus{color:#285d52;background:#edf6f1;border-radius:9px}.client-footer{margin:0 18px;padding-bottom:90px}.login-layout{gap:25px}.login-story h1{font-size:40px;margin:20px 0 15px}.login-story{padding:8px 5px}.login-illustration{width:170px;position:absolute;right:-5px;top:40px;opacity:.9}.login-story h1,.login-story>p{max-width:65%}.login-story>p{font-size:12px}.login-panel{padding:27px 23px}.client-closing{padding:20px 0}.client-closing h3{font-size:16px}.client-closing .closing-logo{display:none}.main-content{padding:25px 16px}.project-heading{flex-wrap:wrap}.project-heading .heading-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.project-tabs a{min-height:44px;display:flex;align-items:center}.icon-button{min-width:44px;min-height:44px}.topbar-right{display:none}.section-heading{flex-wrap:wrap}.production-progress{align-items:flex-start}.production-date strong{font-size:14px}.workshop-milestones article>.small{font-size:11px}.client-payments .section-heading h2{max-width:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.admin-empty-scene{width:260px;max-width:100%;height:auto}.empty-state h3{font-family:var(--font);font-size:23px}.project-list-panel .table-scroll{border-color:var(--line)}
@media(max-width:680px){.project-list-panel .table-scroll{overflow:visible}.project-list-panel table,.project-list-panel tbody{display:block;width:100%;min-width:0}.project-list-panel thead{display:none}.project-list-panel tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);position:relative}.project-list-panel td{display:block;padding:0!important;border:0!important;white-space:normal!important;min-width:0;font-size:13px}.project-list-panel td:first-child{grid-column:1/-1;padding-right:40px!important}.project-list-panel td:last-child{position:absolute;right:-5px;top:12px}.project-list-panel td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:#627389;margin-bottom:6px}.project-list-panel .project-name{font-size:16px}.project-list-panel td small{font-size:12px}.project-list-panel td:nth-child(4),.project-list-panel td:nth-child(5){display:block!important}.project-list-panel .list-toolbar{flex-wrap:wrap}.project-list-panel .list-toolbar>select{width:100%}.project-list-panel .search-box{flex-basis:100%}.sidebar{z-index:25}.admin-empty-scene{width:210px}.login-caption{display:none}}
@media(max-width:680px){.hero-illustration{grid-area:auto;top:42px}.client-heading>div:first-child{padding-right:90px}.client-heading h1{font-size:35px}.client-main .timeline-step>span:not(.timeline-node){max-width:none}.production-client .section-heading{flex-wrap:wrap}.guidelines-intro h2{max-width:180px}.community-scene{width:150px}.login-illustration{grid-area:auto}}
.exception-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.exception-grid form{padding:20px;background:#f6f8fc;border-radius:12px}.payment-stage small{display:block;margin-top:6px}@media(max-width:900px){.exception-grid{grid-template-columns:1fr}}
.refresh-notice{position:sticky;top:8px;z-index:18;align-items:center;justify-content:space-between;box-shadow:0 6px 25px #19375312}.refresh-notice span{flex:1}@media(max-width:680px){.refresh-notice{flex-wrap:wrap}}
.audit-detail{margin-top:10px;font-size:12px}.audit-detail summary{cursor:pointer;color:#356f61}.audit-detail pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fb;padding:12px;border-radius:8px}
.confirmation-dialog{max-width:460px;border:1px solid var(--line);border-radius:16px;padding:28px;color:var(--ink)}.confirmation-dialog::backdrop{background:#19375370;backdrop-filter:blur(3px)}.confirmation-dialog p{margin-bottom:24px}.confirmation-dialog .button-row{justify-content:flex-end}