:root{--paper: #F4F1E8;--surface: #FFFFFF;--surface-2: #FBFAF4;--ink: #1F1E18;--ink-soft: #5C5A4E;--ink-faint: #908D7E;--green: #275A45;--green-deep: #1A3F31;--green-dark: #143226;--green-soft: #E7EFE8;--green-line: #C5D6CB;--amber: #B0712A;--amber-soft: #F4E6D0;--amber-line: #E4C79A;--red: #9E3A2C;--red-soft: #F1DDD7;--red-line: #E0B6AC;--line: #E4DFD0;--line-soft: #EEEADD;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(31,30,24,.04), 0 8px 24px rgba(31,30,24,.06);--shadow-lift: 0 2px 6px rgba(31,30,24,.07), 0 18px 40px rgba(31,30,24,.1);--sidebar-w: 268px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Libre Franklin,system-ui,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.2;letter-spacing:-.01em}a{color:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--green-deep);color:#dce6df;padding:26px 18px 22px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px}.brand-mark{width:38px;height:38px;border-radius:9px;background:#efe9d8;color:var(--green-deep);display:grid;place-items:center;flex-shrink:0}.brand-name{font-family:Fraunces,serif;font-size:20px;font-weight:600;color:#f3eede;letter-spacing:-.015em;line-height:1.15}.brand-name span{display:block;font-size:12.5px;font-weight:400;font-family:Libre Franklin,sans-serif;color:#9db4a5;letter-spacing:.04em;text-transform:uppercase}.nav-cta{display:flex;align-items:center;gap:10px;background:var(--amber);color:#fff8ec;border:none;border-radius:var(--radius-sm);padding:13px 15px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;box-shadow:0 6px 16px #b0712a52;transition:background .15s ease,transform .12s ease}.nav-cta:hover{background:#9c611f;transform:translateY(-1px)}.nav-cta svg{flex-shrink:0}.nav{display:flex;flex-direction:column;gap:3px}.nav-label{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:#7e9787;padding:14px 12px 7px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:#c6d4ca;text-decoration:none;font-size:15px;font-weight:500;transition:background .14s ease,color .14s ease}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item:hover{background:#ffffff12;color:#eaf1ec}.nav-item.is-active{background:#efe9d8;color:var(--green-deep);font-weight:600}.nav-item.is-active svg{opacity:1}.sidebar-foot{margin-top:auto;display:flex;align-items:center;gap:11px;padding:12px;border-radius:var(--radius-sm);background:#ffffff0f}.sidebar-foot .avatar{background:#efe9d8;color:var(--green-deep)}.sidebar-foot .who{font-size:14px;line-height:1.3}.sidebar-foot .who b{font-weight:600;color:#f1ecdd;display:block}.sidebar-foot .who span{color:#9db4a5;font-size:12.5px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:15px;flex-shrink:0}.main{display:flex;flex-direction:column;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:0 38px;height:70px;display:flex;align-items:center;justify-content:space-between}.topbar .crumb{font-size:14px;color:var(--ink-faint)}.topbar .crumb b{color:var(--ink-soft);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-soft);position:relative}.icon-btn .dot{position:absolute;top:8px;right:9px;width:8px;height:8px;border-radius:50%;background:var(--amber);border:2px solid var(--surface)}.content{padding:38px;max-width:1180px;width:100%;animation:rise .5s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.page-head{margin-bottom:26px}.page-head .eyebrow{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:8px}.page-title{font-size:33px;color:var(--ink)}.page-sub{color:var(--ink-soft);font-size:16px;margin-top:8px;max-width:60ch}.page-head.with-action{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.btn{display:inline-flex;align-items:center;gap:9px;font:inherit;font-weight:600;font-size:15px;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s ease,transform .12s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#f3f6f1}.btn-primary:hover{background:var(--green-deep)}.btn-secondary{background:var(--surface);color:var(--green);border-color:var(--green-line)}.btn-secondary:hover{background:var(--green-soft)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--surface-2)}.btn-amber{background:var(--amber);color:#fff8ec}.btn-amber:hover{background:#9c611f}.btn-lg{padding:15px 26px;font-size:16px}.btn-sm{padding:8px 14px;font-size:14px}.btn-block{width:100%;justify-content:center}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{padding:20px 24px;border-bottom:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:16px}.card-head h3{font-size:19px}.card-head .sub{font-size:13.5px;color:var(--ink-faint);margin-top:2px}.card-body{padding:24px}.card-body.tight{padding:8px 12px}.grid{display:grid;gap:22px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-aside{grid-template-columns:1.6fr 1fr}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;text-decoration:none;transition:transform .12s ease,box-shadow .15s ease}a.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.tile-top{display:flex;align-items:center;gap:10px}.tile-ico{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.tile-num{font-family:Fraunces,serif;font-size:38px;font-weight:600;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}.tile-label{font-size:14.5px;color:var(--ink-soft);font-weight:500}.tile-foot{font-size:13px;color:var(--ink-faint);margin-top:2px}.tile.is-amber .tile-ico{background:var(--amber-soft);color:var(--amber)}.tile.is-amber .tile-num{color:var(--amber)}.tile.is-red .tile-ico{background:var(--red-soft);color:var(--red)}.tile.is-red .tile-num{color:var(--red)}.tile.is-green .tile-ico{background:var(--green-soft);color:var(--green)}.tasklist{display:flex;flex-direction:column}.task{display:flex;align-items:center;gap:15px;padding:15px 24px;border-bottom:1px solid var(--line-soft);text-decoration:none}.task:last-child{border-bottom:none}.task:hover{background:var(--surface-2)}.task-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:var(--green-soft);color:var(--green)}.task-ico.amber{background:var(--amber-soft);color:var(--amber)}.task-ico.red{background:var(--red-soft);color:var(--red)}.task-main{flex:1;min-width:0}.task-main b{font-weight:600;font-size:15.5px;display:block}.task-main span{font-size:13.5px;color:var(--ink-faint)}.task-when{font-size:13.5px;color:var(--ink-soft);white-space:nowrap}.task-chevron{color:var(--ink-faint);flex-shrink:0}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th{text-align:left;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line)}.table td{padding:14px 16px;border-bottom:1px solid var(--line-soft);font-size:14.5px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right;font-weight:600}.table .strong{font-weight:600;color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:100px;border:1px solid}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-green{color:var(--green);background:var(--green-soft);border-color:var(--green-line)}.badge-amber{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-line)}.badge-red{color:var(--red);background:var(--red-soft);border-color:var(--red-line)}.badge-grey{color:var(--ink-soft);background:var(--surface-2);border-color:var(--line)}.form-grid{display:grid;gap:20px 24px}.form-grid.cols-2{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:7px}.field.span-2{grid-column:1 / -1}.label{font-size:14px;font-weight:600;color:var(--ink)}.label .opt{font-weight:400;color:var(--ink-faint)}.input,.select,.textarea{font:inherit;font-size:15.5px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--ink-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.textarea{resize:vertical;min-height:96px}.hint{font-size:13px;color:var(--ink-faint)}.field-prefix{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden}.field-prefix:focus-within{border-color:var(--green);box-shadow:0 0 0 4px var(--green-soft)}.field-prefix span{padding:12px 13px;background:var(--surface-2);color:var(--ink-soft);font-weight:600;font-size:15px;border-right:1px solid var(--line)}.field-prefix .input{border:none;box-shadow:none}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:4px}.form-actions.between{justify-content:space-between}.stepper{display:flex;flex-direction:column;gap:2px}.step{display:flex;gap:14px;padding:13px 14px;border-radius:var(--radius-sm)}.step-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:600;font-size:14px;border:2px solid var(--line);background:var(--surface);color:var(--ink-faint)}.step-txt b{font-size:15px;font-weight:600;display:block}.step-txt span{font-size:13px;color:var(--ink-faint)}.step.is-done .step-dot{background:var(--green);border-color:var(--green);color:#fff}.step.is-done .step-txt b{color:var(--ink-soft)}.step.is-current{background:var(--green-soft)}.step.is-current .step-dot{border-color:var(--green);color:var(--green)}.step.is-current .step-txt b{color:var(--green-deep)}.progress-track{height:8px;background:var(--line);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:100px}.dropzone{border:2px dashed var(--green-line);background:var(--green-soft);border-radius:var(--radius);padding:44px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.dropzone .dz-ico{width:58px;height:58px;border-radius:14px;background:var(--surface);color:var(--green);display:grid;place-items:center;margin-bottom:4px;box-shadow:var(--shadow)}.dropzone b{font-size:17px;font-family:Fraunces,serif;font-weight:600}.dropzone p{font-size:14px;color:var(--ink-soft)}.filerow{display:flex;align-items:center;gap:13px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.filerow .f-ico{width:36px;height:36px;border-radius:8px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:700}.filerow .f-name{flex:1;font-size:14.5px;font-weight:500}.filerow .f-name span{display:block;font-size:12.5px;color:var(--ink-faint);font-weight:400}.notice{display:flex;gap:13px;padding:15px 18px;border-radius:var(--radius-sm);border:1px solid var(--green-line);background:var(--green-soft);font-size:14px;color:var(--green-deep)}.notice.amber{border-color:var(--amber-line);background:var(--amber-soft);color:#6e461a}.notice svg{flex-shrink:0;margin-top:1px}.notice b{font-weight:600}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-aside{background:var(--green-deep);color:#dce6df;padding:54px 56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-aside:after{content:"";position:absolute;right:-130px;bottom:-130px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(176,113,42,.34),transparent 62%)}.login-aside .brand-name{font-size:24px}.login-quote{position:relative;z-index:1;max-width:30ch}.login-quote h2{font-size:34px;color:#f3eede;font-weight:500;line-height:1.25}.login-quote p{margin-top:16px;color:#a9bdb0;font-size:15.5px}.login-points{display:flex;flex-direction:column;gap:13px;position:relative;z-index:1}.login-point{display:flex;gap:11px;align-items:center;font-size:15px;color:#cbdad0}.login-point .lp-ico{width:30px;height:30px;border-radius:8px;flex-shrink:0;background:#ffffff1a;color:#efe9d8;display:grid;place-items:center}.login-main{background:var(--paper);display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:392px}.login-card>.brand{margin-bottom:30px;padding:0}.login-card h1{font-size:30px}.login-card .lead{color:var(--ink-soft);margin:8px 0 30px}.login-form{display:flex;flex-direction:column;gap:18px}.login-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.login-row a{color:var(--green);font-weight:600;text-decoration:none}.checkbox{display:flex;align-items:center;gap:8px;color:var(--ink-soft)}.checkbox input{width:17px;height:17px;accent-color:var(--green)}.login-foot{margin-top:26px;font-size:13.5px;color:var(--ink-faint);text-align:center}.sheet{max-width:1080px;margin:0 auto;padding:56px 32px 80px}.sheet-head{text-align:center;margin-bottom:46px}.sheet-head .brand{justify-content:center;margin-bottom:22px}.sheet-head h1{font-size:40px}.sheet-head p{color:var(--ink-soft);margin-top:12px;font-size:17px;max-width:56ch;margin-inline:auto}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screen-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .16s ease;display:flex;flex-direction:column}.screen-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.screen-thumb{height:116px;display:grid;place-items:center;background:var(--green-soft);color:var(--green);border-bottom:1px solid var(--line)}.screen-card.amber .screen-thumb{background:var(--amber-soft);color:var(--amber)}.screen-meta{padding:16px 18px}.screen-meta .sc-no{font-size:12px;font-weight:700;color:var(--ink-faint);letter-spacing:.06em}.screen-meta b{display:block;font-size:16px;font-weight:600;margin:3px 0 4px;font-family:Fraunces,serif}.screen-meta span{font-size:13.5px;color:var(--ink-soft)}.section-label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:700;margin:40px 0 16px}.draft-flag{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--ink);color:#f3eede;font-size:12px;font-weight:600;letter-spacing:.04em;padding:7px 13px;border-radius:100px;box-shadow:var(--shadow-lift);display:flex;align-items:center;gap:7px}.draft-flag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}.mt-0{margin-top:0}.mt-1{margin-top:14px}.mt-2{margin-top:22px}.mt-3{margin-top:32px}.muted{color:var(--ink-soft)}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:16px}.stack{display:flex;flex-direction:column;gap:14px}.big-amount{font-family:Fraunces,serif;font-size:30px;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:920px){.app{grid-template-columns:1fr}.sidebar{display:none}.login-page{grid-template-columns:1fr}.login-aside{display:none}.grid-2,.grid-3,.grid-aside,.form-grid.cols-2,.tiles,.screen-grid{grid-template-columns:1fr}}