:root{--green:#1C3D3B;--green2:#2A7A72;--accent:#C4962C;--cream:#F7F3ED;--sand:#EFEBE4;--caramel:#D4C4A8;--ink:#1A1A18;--graphite:#5A5A52;--muted:#7A7A72;--line:#e4e1da;--white:#fff;--shadow:0 18px 50px rgba(28,61,59,.08)}
*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;font-family:'DM Sans',sans-serif;background:#fbfaf7;color:var(--ink);-webkit-font-smoothing:antialiased}button,select,input{font:inherit}.hidden{display:none!important}
/* Login */
.login{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(430px,.65fr);background:var(--cream);overflow:hidden}.login-story{position:relative;display:flex;flex-direction:column;justify-content:center;padding:72px clamp(56px,10vw,180px);min-height:100vh}.login-logo{position:absolute;top:56px;left:clamp(56px,10vw,180px);width:205px;height:auto}.secure-badge{width:max-content;display:flex;gap:8px;align-items:center;border:1px solid #d7ddd7;background:#fff9;padding:8px 12px;border-radius:999px;color:var(--green);font-size:12px;margin-bottom:32px}.login-story h1{font-family:'Plus Jakarta Sans',sans-serif;color:#112d2c;font-size:clamp(42px,4.6vw,68px);line-height:1.04;letter-spacing:-3px;margin:0;max-width:760px}.login-story h1 span{color:#315f5b}.login-story>p{max-width:700px;font-size:17px;line-height:1.75;color:var(--graphite);margin:28px 0 0}.story-lines{position:absolute;left:7%;bottom:-180px;width:460px;height:360px;opacity:.05;pointer-events:none}.story-lines i{position:absolute;left:50%;bottom:0;width:3px;height:330px;background:var(--green);transform-origin:bottom;border-radius:9px}.story-lines i:nth-child(1){transform:rotate(-28deg)}.story-lines i:nth-child(2){transform:rotate(-14deg)}.story-lines i:nth-child(4){transform:rotate(14deg)}.story-lines i:nth-child(5){transform:rotate(28deg)}
.login-panel-wrap{display:grid;place-items:center;padding:42px 6vw 42px 20px}.login-panel{position:relative;width:min(500px,100%);background:#fff;border:1px solid #ebe9e3;border-radius:32px;padding:46px 42px;box-shadow:0 30px 80px rgba(28,61,59,.12);overflow:hidden}.login-panel:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #edf0ec;border-radius:50%;right:-80px;top:-80px}.login-shield{width:48px;height:48px;border-radius:15px;background:#edf4f1;color:var(--green);display:grid;place-items:center;font-size:22px}.login-panel h2{font-family:'Plus Jakarta Sans',sans-serif;font-size:27px;margin:26px 0 8px;color:#102c2b}.login-panel>p{color:var(--graphite);line-height:1.6;margin:0 0 26px}.google-slot{min-height:44px}.google-slot>div,.google-slot iframe{max-width:100%!important}.dev-login,.primary{border:0;background:var(--green);color:#fff;padding:14px 18px;border-radius:12px;cursor:pointer;font-weight:600}.dev-login{width:100%;display:flex;justify-content:center;gap:18px}.login-divider{display:flex;align-items:center;gap:14px;margin:25px 0;color:#8d918b;font:500 10px 'Plus Jakarta Sans';letter-spacing:1.5px}.login-divider:before,.login-divider:after{content:"";height:1px;background:#e2e4df;flex:1}.login-info{background:#f7f8f5;border:1px solid #e9ebe6;border-radius:14px;padding:15px 16px;display:flex;flex-direction:column;gap:4px;color:var(--green)}.login-info span{font-size:12px;color:var(--muted);line-height:1.45}.hint{display:block;text-align:center;color:#8b948f;margin-top:18px;font-size:11px}
/* App shell */
.shell{min-height:100vh;display:grid;grid-template-columns:268px 1fr}aside{background:var(--green);color:#fff;padding:30px 18px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.logo{margin:0 12px 38px}.logo img{width:176px;max-height:55px;object-fit:contain;object-position:left center}.nav-label{font:600 10px 'Plus Jakarta Sans';letter-spacing:2px;color:#88aaa4;margin:0 13px 10px}nav{display:flex;flex-direction:column;gap:5px}.navbtn{position:relative;border:0;background:transparent;color:#d6e2df;text-align:left;padding:13px 14px 13px 44px;border-radius:12px;cursor:pointer;font-weight:500;transition:.18s}.navbtn:before{content:"•";position:absolute;left:18px;top:12px;color:#86aaa3;font-size:16px}.navbtn:hover{background:#ffffff0d;color:#fff}.navbtn.active{background:#ffffff13;color:#fff;box-shadow:inset 3px 0 var(--accent)}.navbtn.active:before{color:var(--accent)}.aside-foot{margin-top:auto;border-top:1px solid #ffffff1c;padding:20px 12px 0;display:flex;flex-direction:column}.aside-foot span{font:600 12px 'Plus Jakarta Sans';letter-spacing:1.2px}.aside-foot small{color:#9eb7b1;margin-top:5px;font-size:11px}
main{min-width:0;background:#fbfaf7}header{height:82px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid #ebe9e3;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.header-left{display:flex;align-items:center;gap:12px}.header-left>div{display:flex;flex-direction:column}.header-kicker{font:600 9px 'Plus Jakarta Sans';letter-spacing:1.8px;color:var(--green2);margin-bottom:3px}#crumb{font:600 15px 'Plus Jakarta Sans';color:#203431}.head-actions{display:flex;align-items:center;gap:12px}select,input{border:1px solid #dedfd9;background:#fff;padding:10px 12px;border-radius:11px;color:#263a37;outline:none}select:focus,input:focus{border-color:#8baaa5;box-shadow:0 0 0 3px #2a7a7212}.head-actions select{min-width:210px}.avatar{width:42px;height:42px;background:#f2f0ea;border:1px solid #e4e1da;border-radius:50%;display:grid;place-items:center}.avatar img{width:24px;height:24px}.mobile{display:none}
#content{padding:38px 38px 56px;max-width:1500px}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.pagehead h1{font-family:'Plus Jakarta Sans';margin:5px 0 4px;font-size:32px;letter-spacing:-1px;color:#173331}.eyebrow{font:600 10px 'Plus Jakarta Sans';letter-spacing:2px;color:var(--green2)}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card,.panel{background:#fff;border:1px solid #e6e4de;border-radius:20px;padding:22px;box-shadow:0 2px 3px rgba(28,61,59,.015)}.card{min-height:136px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-35px;bottom:-50px;width:120px;height:120px;border:1px solid #eef0eb;border-radius:50%}.metric{font:700 38px 'Plus Jakarta Sans';color:var(--green);margin-top:13px;letter-spacing:-1px}.metric-label{font:600 10px 'Plus Jakarta Sans';color:var(--muted);letter-spacing:1.3px}.grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:16px}.panel h3{font-family:'Plus Jakarta Sans';margin-top:0;color:#173331}.row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #efeee9}.pill{font-size:11px;background:#eef4f1;color:var(--green);padding:5px 9px;border-radius:20px;height:max-content}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:14px 9px;border-bottom:1px solid #efeee9;font-size:13px}.table th{color:var(--muted);font:600 10px 'Plus Jakarta Sans';letter-spacing:1px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.column{background:#f2f0ea;border:1px solid #ebe8e0;border-radius:16px;padding:14px}.candidate{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;margin:9px 0}.candidate small{color:#78837d}.progress{height:8px;background:#edf0ed;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:var(--green2)}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick button{background:#fbfaf7;border:1px solid #e4e1da;border-radius:14px;padding:18px;text-align:left;color:var(--green);cursor:pointer;min-height:74px;font-weight:600}.quick button:hover{background:#f4f1e9;border-color:#d5d0c4}.error{padding:14px;background:#fff4ee;border:1px solid #f1d8ca;border-radius:10px}
.clickrow{cursor:pointer}.clickrow:hover{background:#faf9f5}.modal{position:fixed;inset:0;background:#102c2b88;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modalbox{width:min(1050px,96vw);max-height:92vh;overflow:auto;background:#fbfaf7;border-radius:24px;box-shadow:0 30px 90px #10241d55}.modalhead{background:#fff;padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;position:sticky;top:0;z-index:2}.close{border:0;background:#f0f2ed;color:var(--green);width:38px;height:38px;border-radius:50%;cursor:pointer}.tabs{display:flex;gap:5px;padding:12px 20px;background:#fff;border-bottom:1px solid var(--line);overflow:auto;position:sticky;top:87px;z-index:2}.tab{border:0;background:transparent;padding:9px 12px;border-radius:9px;white-space:nowrap;cursor:pointer}.tab.active{background:#eaf0e9;color:var(--green);font-weight:700}.tabbody{padding:20px}.profilegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.field small{display:block;color:#7b8780;font-size:10px;letter-spacing:1px;margin-bottom:6px}.money{font:700 25px 'Plus Jakarta Sans';color:var(--green)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{font-size:12px;color:#65736b}.formgrid input,.formgrid select{display:block;width:100%;margin-top:5px}.formactions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.secondary{border:1px solid var(--line);background:#fff;padding:11px 15px;border-radius:9px;cursor:pointer}.drawer{position:fixed;inset:0;background:#18312866;z-index:45;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawerbox{width:min(540px,100vw);height:100%;overflow:auto;background:#fff;padding:28px;box-shadow:-20px 0 60px #10241d22}.notice{background:#eef3ed;border-radius:10px;padding:12px;color:#51645a;font-size:12px}.actionbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mini-action{border:1px solid var(--line);background:#fff;color:var(--green);padding:8px 11px;border-radius:9px;cursor:pointer}.mini-action:hover{background:#eef3ed}.danger{color:#8b3f32;border-color:#ead5cf}.stack{display:flex;flex-direction:column;gap:10px}.statusline{display:flex;align-items:center;justify-content:space-between;gap:12px}.success{background:#edf6ef;border:1px solid #d4e8d8;padding:12px;border-radius:10px;color:#365e43}
@media(max-width:980px){.login{grid-template-columns:1fr}.login-story{min-height:auto;padding:100px 9vw 50px}.login-logo{top:35px;left:9vw;width:170px}.login-story h1{font-size:48px}.login-panel-wrap{padding:0 9vw 80px}.login-panel{width:100%}.shell{grid-template-columns:1fr}aside{display:none;position:fixed;z-index:20;height:100vh;width:268px}.menu aside{display:flex}.cards{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}.kanban{grid-template-columns:1fr 1fr}.mobile{display:inline;border:0;background:transparent;font-size:20px}header{padding:0 18px}#content{padding:28px 20px}}
@media(max-width:620px){.login-story{padding:90px 26px 38px}.login-logo{left:26px;width:150px}.login-story h1{font-size:38px;letter-spacing:-2px}.login-story>p{font-size:15px}.login-panel-wrap{padding:0 20px 50px}.login-panel{padding:32px 24px;border-radius:24px}.cards,.kanban,.profilegrid,.formgrid{grid-template-columns:1fr}.pagehead{display:block}.head-actions select{max-width:150px;min-width:0}.quick{grid-template-columns:1fr}.tabs{top:110px}}