:root{--deep:#064d42;--teal:#00a994;--mint:#dff8f1;--lime:#9bd35a;--ink:#173d37;--muted:#68807b;--line:#d9e8e4;--bg:#f2f7f5}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:Inter,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.shell>aside{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:270px;padding:22px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:4px 8px 22px;display:flex}.brand img{object-fit:contain;border-radius:50%;width:68px;height:68px}.brand div{display:grid}.brand b{color:var(--deep);font-family:Georgia,serif;font-size:20px}.brand span{color:var(--muted);margin-top:4px;font-size:10px}.shell nav{scrollbar-width:auto;scrollbar-color:#71817d #e1eae7;flex:1;min-height:0;padding:20px 5px;overflow-y:auto}.shell nav>small{color:#078879;letter-spacing:.13em;margin:0 10px 9px;font-size:9px;font-weight:900;display:block}.shell nav button{text-align:left;color:#4c6761;cursor:pointer;background:0 0;border:0;border-radius:12px;gap:10px;width:100%;padding:10px;display:flex}.shell nav button:hover,.shell nav button.active{color:#006f61;background:#e8f8f3}.shell nav button.active{box-shadow:inset 3px 0 var(--teal)}.shell nav i{text-align:center;width:24px;font-size:17px;font-style:normal}.shell nav span{font-size:12px;font-weight:750;display:grid}.shell nav em{color:#849792;margin-top:3px;font-size:8.5px;font-style:normal;font-weight:500}.channel{background:linear-gradient(135deg,var(--deep),#08796b);color:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.channel i{font-size:20px;font-style:normal}.channel span{display:grid}.channel b{font-size:11px}.channel small{color:#c8e7df;margin-top:3px;font-size:8px}.shell>main{min-height:100vh;margin-left:270px}.shell>main>header{border-bottom:1px solid var(--line);z-index:3;background:#fff;justify-content:space-between;align-items:center;height:98px;padding:18px 34px;display:flex;position:sticky;top:0}.shell header small,.hero>div>span,.welcome>span,.tag{letter-spacing:.14em;color:#078879;font-size:9px;font-weight:900}.shell header h1{margin:4px 0 0;font-family:Georgia,serif;font-size:25px}.shell header label{color:#67817a;gap:5px;font-size:8px;font-weight:900;display:grid}.shell header select{border:1px solid var(--line);min-width:250px;color:var(--ink);background:#f8fcfa;border-radius:10px;padding:10px}.content{max-width:1450px;margin:auto;padding:28px 34px}.welcome{background:linear-gradient(125deg,#e3fff4,#f9fff5);border:1px solid #cde8dd;border-radius:23px;padding:34px;position:relative;overflow:hidden}.welcome:after{content:"";border:45px solid #00a99415;border-radius:50%;width:240px;height:240px;position:absolute;top:-120px;right:-90px}.welcome h2{color:var(--deep);margin:8px 0;font-family:Georgia,serif;font-size:31px}.welcome p{color:var(--muted);max-width:680px}.metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin:17px 0;display:grid}.metrics button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;gap:7px;padding:18px;display:grid}.metrics button:hover{border-color:var(--teal);transform:translateY(-1px)}.metrics strong{color:var(--deep);font-size:29px}.metrics span{color:var(--muted);font-size:10px;font-weight:750}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:15px;display:grid}.dashboard-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;padding:23px}.dashboard-grid h3{margin:7px 0 18px;font-family:Georgia,serif;font-size:21px}.dashboard-grid ol{grid-template-columns:1fr 1fr;gap:13px;margin:0;padding:0;list-style:none;display:grid}.dashboard-grid li{background:#f5faf8;border-radius:12px;gap:4px;padding:13px;display:grid}.dashboard-grid li b{font-size:11px}.dashboard-grid li small{color:var(--muted);font-size:9px;line-height:1.45}.dashboard-grid .legal{color:#fff;background:linear-gradient(145deg,#084d42,#08776a)}.legal .tag{color:#9be1cf}.legal p{color:#cbe7e0;font-size:12px;line-height:1.65}.legal>b{color:#b6ed7b;font-size:9px}.hero{border:1px solid var(--line);background:#fff;border-radius:19px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:24px 27px;display:flex}.hero h2{margin:7px 0;font-family:Georgia,serif;font-size:27px}.hero p{color:var(--muted);margin:0;font-size:11px}.hero button,.actions button,.report button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:11px;padding:12px 16px;font-size:11px;font-weight:850}.table{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden}.thead,.row{grid-template-columns:2fr 1fr 1fr 1fr;align-items:center;gap:15px;padding:13px 18px;display:grid}.thead{color:#71867f;letter-spacing:.1em;background:#f3f8f6;font-size:8px;font-weight:900}.row{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:0;border-top:1px solid #e9f0ed}.row:hover{background:#f7fcfa}.row>span:first-child{display:grid}.row b{font-size:11px}.row small{color:#82968f;margin-top:3px;font-size:8px}.row>span{font-size:10px}.row em{color:#087061;background:#e2f7ef;border-radius:15px;padding:5px 8px;font-style:normal}.empty{text-align:center;color:var(--muted);padding:35px;font-size:11px}.backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;background:#092f2877;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{scrollbar-gutter:stable;background:#fff;border-radius:22px;width:min(650px,100%);max-height:94vh;padding:30px;position:relative;overflow-y:auto}.close{color:#71857f;background:0 0;border:0;font-size:25px;position:absolute;top:13px;right:16px}.modal h2{margin:8px 0 18px;font-family:Georgia,serif;font-size:26px}.modal>label{color:#4d6962;gap:6px;margin:13px 0;font-size:9px;font-weight:850;display:grid}.modal input,.modal select,.modal textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:11px}.modal textarea{resize:vertical;min-height:85px}.actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.actions .secondary{color:var(--deep);border:1px solid var(--line);background:#fff}.details{background:#f4faf7;border-radius:13px;grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.details p{margin:0;font-size:9px;display:grid}.details b{text-transform:capitalize;color:#68807a}.details span{margin-top:3px;font-size:11px}.toast{background:var(--deep);color:#fff;z-index:30;border-radius:12px;padding:14px 18px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 40px #063f3555}.report-sheet{border:1px solid var(--line);background:#fff;max-width:1100px;margin:auto;padding:42px}.report-sheet>img{width:100px}.report-sheet h1{color:var(--deep);font-family:Georgia,serif;font-size:31px}.report-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0;display:grid}.report-grid div{background:#eff9f5;border-radius:12px;padding:15px;display:grid}.report-grid strong{font-size:24px}.report-grid span{color:var(--muted);font-size:9px}.report-sheet table{border-collapse:collapse;width:100%;font-size:9px}.report-sheet th,.report-sheet td{border:1px solid var(--line);text-align:left;padding:9px}.report-sheet footer{border-top:1px solid var(--line);color:var(--muted);margin-top:25px;padding-top:15px;font-size:9px}@media (width<=980px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.shell>aside{width:82px;padding:15px 8px}.brand div,.shell nav span,.channel span{display:none}.brand img{width:55px;height:55px}.shell nav button{justify-content:center}.shell>main{margin-left:82px}.report-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.shell>main>header{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:15px}.shell header label,.shell header select{width:100%;min-width:0}.content{padding:16px}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid ol{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start;gap:15px}.thead{display:none}.row{grid-template-columns:1fr 1fr}.row>span:last-child{display:none}.details{grid-template-columns:1fr}}@media print{.shell>aside,.shell>main>header,.report>.hero{display:none!important}.shell>main{margin:0}.content{padding:0}.report-sheet{border:0;max-width:none}.report-sheet table{font-size:8pt}}.login-page{background:linear-gradient(125deg,#e5f8f2,#f8fcfa);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-page>section{color:#fff;background:linear-gradient(145deg,#054b40,#087c6c);flex-direction:column;justify-content:center;padding:10vw;display:flex}.login-page>section img{background:#fff;border-radius:50%;width:150px;margin-bottom:35px}.login-page>section span,.login-page form>span{letter-spacing:.15em;color:#a6e7d7;font-size:9px;font-weight:900}.login-page h1{margin:10px 0;font-family:Georgia,serif;font-size:48px}.login-page>section p{color:#cde8e1;max-width:540px;line-height:1.7}.login-page form{background:#fff;border:1px solid #d9e8e4;border-radius:24px;width:min(430px,100% - 40px);margin:auto;padding:38px;box-shadow:0 24px 70px #063f3517}.login-page form>span{color:#078879}.login-page form h2{margin:8px 0;font-family:Georgia,serif;font-size:28px}.login-page form p{color:#68807b;font-size:11px}.login-page form label{gap:7px;margin:17px 0;font-size:10px;font-weight:850;display:grid}.login-page form input{border:1px solid #d9e8e4;border-radius:10px;padding:12px}.login-page form button{color:#fff;background:#00a994;border:0;border-radius:11px;width:100%;padding:13px;font-weight:850}.login-error{color:#a33a31;background:#fff0ee;border-radius:9px;margin-bottom:12px;padding:10px;font-size:10px}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-page>section{padding:45px 30px}.login-page h1{font-size:35px}.login-page>section img{width:100px;margin-bottom:20px}.login-page form{margin:30px auto}}