:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f4143;background:#f5f9f8;font-size:14px;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bddd0;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.028em}.muted,.sub{color:#779294}.small{font-size:11px}.loading{display:grid;place-items:center;min-height:100dvh;color:#398b81}.app-shell{display:flex;min-height:100dvh}.sidebar{width:245px;min-width:245px;background:#173c41;color:white;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:27px 14px}.logo{display:flex;align-items:center;gap:10px;padding:4px 10px 27px}.logo-mark{font-size:17px;font-weight:900;letter-spacing:-1px;background:#118779;padding:10px;border-radius:12px}.logo strong{font-size:20px}.logo small{display:block;color:#a9d8d0;font-size:10px}.side-nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-btn{border:0;background:transparent;color:#d2e5e3;display:flex;gap:12px;padding:12px 14px;text-align:left;border-radius:10px;align-items:center;font-weight:600;font-size:13px}.nav-btn.active,.nav-btn:hover{background:#2c6266;color:white}.nav-btn .glyph{font-size:18px;min-width:22px;text-align:center;color:#95d3c5}.side-foot{border-top:1px solid #3d6a6c;margin-top:auto;padding:20px 11px 0;font-size:12px;overflow-wrap:anywhere}.side-foot strong{display:block;margin-bottom:7px}.main{flex:1;min-width:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e0ebea;background:#fff}.topbar>strong{font-weight:750;letter-spacing:.3px}.topbar .right{display:flex;gap:12px;align-items:center}.container{max-width:1480px;padding:30px;margin:0 auto 90px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.page-head h1{font-size:31px;margin:5px 0 7px;color:#183b41}.page-head p{color:#809c9b;font-size:13px;margin:0}.eyebrow{font-weight:800;font-size:10px;letter-spacing:2px;color:#32978b}.btn{display:inline-flex;align-items:center;gap:8px;background:#12877b;color:white;border:1px solid #12877b;padding:11px 15px;border-radius:10px;font-weight:750;font-size:12px;justify-content:center}.btn:hover{background:#0b7068}.btn.secondary{background:white;color:#2d7774;border:1px solid #d3e4e2}.btn.ghost{background:transparent;border:0;color:#26766e}.btn.danger{background:#af5c57;border-color:#af5c57}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:white;border:1px solid #e0eae9;border-radius:15px;box-shadow:0 6px 24px #1a42440a;padding:21px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{display:flex;flex-direction:column;gap:9px;min-height:133px}.stat .symbol{color:#2a9087;background:#eaf5f2;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;font-size:20px}.stat .value{font-size:27px;font-weight:790;letter-spacing:-.8px}.stat .label{color:#6a8788;font-size:12px;font-weight:650}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.section{margin-top:23px}.section-title{font-size:20px;color:#21464a;margin-bottom:14px}.list{display:flex;flex-direction:column;gap:0}.list-item{display:flex;align-items:center;gap:15px;padding:14px 4px;border-top:1px solid #eef3f2}.list-item:first-child{border-top:0}.avatar{background:#e4f4ef;color:#238779;font-size:15px;font-weight:800;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}.grow{flex:1;min-width:0}.grow strong{display:block;margin-bottom:5px}.grow small{color:#7d9998}.pill{display:inline-flex;background:#e9f5f2;color:#277c73;font-weight:700;font-size:10px;padding:7px 9px;border-radius:20px;white-space:nowrap}.pill.warn{background:#fdf0e9;color:#ab6c3b}.pill.gray{background:#edf1f1;color:#74898a}.bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.search{width:min(460px,100%);padding:12px 14px;border:1px solid #d7e5e3;border-radius:10px;background:white;color:#28494a}.table-wrap{overflow-x:auto;border:1px solid #e0ebea;background:white;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:640px}.table th{background:#f7fbfa;color:#7c999a;font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.8px;padding:14px 16px}.table td{border-top:1px solid #edf2f1;padding:13px 16px;color:#406467;font-size:12px;white-space:nowrap}.table button{border:0;background:#eaf4f1;color:#297e76;padding:8px 10px;border-radius:7px;font-weight:750;font-size:11px}.empty{padding:35px 15px;text-align:center;color:#88a3a2;font-size:13px}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid #dbe8e6;margin-bottom:20px}.tab{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 15px;color:#779391;white-space:nowrap;font-weight:750;font-size:12px}.tab.active{border-bottom-color:#16897e;color:#13786d}.detail-head{display:flex;gap:17px;align-items:center;padding:25px;background:white;border:1px solid #deebea;border-radius:15px;margin-bottom:15px;flex-wrap:wrap}.detail-head .avatar{width:63px;height:63px;font-size:24px}.detail-head h1{font-size:26px;margin:4px 0}.detail-head>div:nth-child(2){flex:1}.kvs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kv{border-top:1px solid #e9f0f0;padding:10px 0;overflow-wrap:anywhere}.kv label{display:block;color:#91a8a6;font-size:10px;text-transform:uppercase;margin-bottom:5px}.kv strong{font-size:13px}.login-bg{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-aside{display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 95% 85%,#276b6c 0,#173c41 55%);color:white;padding:50px clamp(28px,5vw,80px)}.login-aside h1{font-size:clamp(45px,5.6vw,78px);letter-spacing:-3px;line-height:1.1;margin:0}.login-aside h1 em{color:#86d4c6;font-style:normal}.login-aside p{color:#b4d6d1;max-width:420px;line-height:1.8}.login-main{display:grid;place-items:center;padding:28px}.login-card{width:min(410px,100%)}.login-card h2{font-size:32px;margin-bottom:9px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;min-width:0}.field label{font-size:11px;color:#4d7373;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #d7e4e2;background:#f9fcfb;color:#234a4d;font-size:13px}.field textarea{min-height:90px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.field.wide,.wide{grid-column:1/-1}.modal-cover{position:fixed;inset:0;background:#0e2e35bb;display:grid;place-items:center;padding:14px;z-index:200}.modal{background:white;width:min(680px,100%);max-height:90dvh;overflow:auto;border-radius:16px;padding:25px;box-shadow:0 25px 90px #09242d55}.modal h2{font-size:23px}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal>header button{border:0;background:#f1f6f5;border-radius:9px;color:#688b89;font-size:23px;width:35px;height:35px}.modal-actions{display:flex;justify-content:end;gap:10px;grid-column:1/-1;border-top:1px solid #e8efee;padding-top:17px;margin-top:10px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:300;background:#173c41;color:white;padding:14px 20px;border-radius:11px;max-width:90%;font-size:12px}.error{background:#fff1eb;color:#9e5c43;padding:13px 16px;border-radius:9px;margin:13px 0;font-size:12px;line-height:1.6}.notice{background:#edf8f5;color:#27796e;padding:13px 16px;border-radius:9px;font-size:12px;line-height:1.6}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-tile{border:1px solid #dce9e7;border-radius:11px;overflow:hidden;background:white}.media-tile img{width:100%;height:135px;object-fit:cover;background:#f0f6f5}.media-tile div{padding:11px;font-size:11px}.media-tile strong{display:block;margin-bottom:5px}.progress{font-size:11px;color:#519389}.bottom-nav{display:none}.badge{display:inline-block;background:#e2f1ed;color:#287e74;border-radius:15px;padding:7px 12px;font-size:11px;font-weight:800}.finance-summary{margin-bottom:16px;display:flex;gap:13px;flex-wrap:wrap}.finance-summary .card{flex:1;min-width:150px}.finance-summary strong{font-size:19px;display:block;margin-top:9px}
@media(max-width:1140px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px;min-width:215px}.container{padding:22px}.grid2{grid-template-columns:1fr}}
@media(max-width:770px){.sidebar{display:none}.container{padding:19px 15px 92px}.topbar{height:60px;padding:0 15px}.topbar .right .sub{display:none}.page-head{align-items:start;flex-direction:column}.page-head h1{font-size:28px}.grid4{gap:9px}.stat{padding:16px;min-height:118px}.stat .value{font-size:24px}.grid2{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;background:white;border-top:1px solid #d9e9e5;height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:90}.bottom-nav button{border:0;background:none;color:#83a29f;display:flex;flex-direction:column;gap:4px;align-items:center;padding:7px;min-width:50px;font-size:19px}.bottom-nav button.active{color:#0e8376}.bottom-nav small{font-size:9px;font-weight:800}.login-bg{grid-template-columns:1fr}.login-aside{min-height:205px;padding:28px;gap:20px}.login-aside h1{display:none}.login-aside p{font-size:13px;margin:0}.login-main{padding:30px 25px;display:block}.login-card h2{font-size:27px}.detail-head{padding:17px}.kvs{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.modal{padding:19px}.toast{bottom:82px}.tabs .tab{padding:12px}.card{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}