@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#102e3a;--navy2:#173c49;--teal:#007e7a;--mint:#d8f3ec;--bg:#f4f8f8;--line:#e5eded;--text:#18343f;--muted:#789098;--red:#d45756;--shadow:0 9px 30px rgba(18,55,65,.045)}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:228px;flex:0 0 228px;background:#0d303d;color:#d8e9ec;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:28px 15px 19px}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 39px;color:#fff}.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,#25c4b3,#0b8d8d);color:#fff;border-radius:13px;width:39px;height:39px;box-shadow:0 7px 15px rgba(0,0,0,.1);font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:24px}.brand strong{display:block;font:800 19px/1 'Plus Jakarta Sans',sans-serif;letter-spacing:.12em}.brand small{display:block;font-size:9px;font-weight:700;letter-spacing:.44em;color:#8ad7cf;margin-top:4px}.sidebar-caption{font-size:9px;letter-spacing:.17em;color:#86a8b1;font-weight:700;padding:0 17px 13px}.sidebar nav{display:grid;gap:3px}.nav-link{min-height:39px;display:flex;align-items:center;gap:13px;border-radius:9px;padding:0 14px;color:#b7cbd1;font-weight:600;font-size:12px;position:relative;transition:.15s}.nav-link:hover{background:rgba(255,255,255,.075);color:#fff}.nav-link.active{background:#175765;color:#fff;box-shadow:inset 3px 0 #3acbb9}.nav-icon{display:inline-grid;place-items:center;width:18px;font-size:18px;font-weight:400;color:#89b6c0}.active .nav-icon{color:#80e1d4}.nav-dot{background:#ff6765;width:6px;height:6px;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.site-pill{display:flex;align-items:center;gap:10px;padding:13px 11px;background:#17404d;border:1px solid #255461;border-radius:10px;margin-bottom:13px}.site-pill b,.site-pill small{display:block}.site-pill b{font-size:11px;color:#fff}.site-pill small{font-size:9px;color:#9dc1c7;margin-top:3px}.site-dot{width:8px;height:8px;box-shadow:0 0 0 4px rgba(41,206,165,.12);border-radius:50%;background:#35d8a6}.logout{color:#b6d0d3;background:none;border:0;padding:9px 12px;font-weight:600;font-size:11px;text-align:left;width:100%}.logout:hover{color:#fff}.main-area{flex:1;min-width:0}.topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px}.crumb{color:#90a2a6;font-size:11px;font-weight:700;letter-spacing:.03em}.crumb span{color:#b5c3c7;padding:0 12px}.top-actions{display:flex;gap:11px;align-items:center}.today{color:#647d85;font-size:11px;margin-right:12px}.avatar{width:31px;height:31px;border-radius:50%;background:#def4ed;color:#108a82;display:grid;place-items:center;font-weight:800}.user-name{font-size:11px;font-weight:700;line-height:1.2}.user-name small{display:block;color:#8da1a6;font-size:9px;font-weight:500;margin-top:3px}.content{max-width:1550px;margin:auto;padding:33px 35px 18px}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font:800 9px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.2em;color:#038d82;margin-bottom:9px}.page-head h1{font:800 28px/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;margin-bottom:6px}.page-head p:not(.eyebrow){font-size:12px;color:#83979e;margin-bottom:0}.live-chip{display:flex;align-items:center;gap:6px;background:#e1f5eb;border:1px solid #c9eadb;color:#2e9c72;border-radius:100px;font-size:10px;font-weight:700;padding:7px 11px}.live-chip span{width:6px;height:6px;background:#36bf80;border-radius:50%}.hero{display:flex;min-height:195px;position:relative;overflow:hidden;background:linear-gradient(111deg,#174e5b 0%,#0f666c 58%,#11837d 100%);border-radius:14px;color:#fff;padding:26px 31px;margin-bottom:21px}.hero .eyebrow{color:#a3ebd8}.hero h2{font:800 25px/1.32 'Plus Jakarta Sans',sans-serif;letter-spacing:-.04em;margin:0 0 9px}.hero h2 em{font-style:normal;color:#a8eed6}.hero p:not(.eyebrow){font-size:11px;max-width:435px;color:#c7e8e7;line-height:1.6;margin-bottom:10px}.hero-link{color:#fff;font-size:11px;font-weight:700;border-bottom:1px solid #8fd2ca;padding-bottom:3px}.hero-link span{margin-left:8px}.hero-art{position:absolute;width:300px;height:260px;right:55px;top:-31px}.orbit{position:absolute;border:1px solid rgba(202,255,234,.18);border-radius:50%;transform:rotate(-22deg)}.orbit.one{width:300px;height:158px;top:45px;left:10px}.orbit.two{width:205px;height:205px;top:13px;left:58px}.hero-house{position:absolute;width:118px;height:118px;top:66px;left:103px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.29);backdrop-filter:blur(2px);display:grid;place-items:center;border-radius:28px;font-size:96px;line-height:1;color:#d5fcf4}.hero-check{position:absolute;right:29px;top:53px;border-radius:50%;width:39px;height:39px;background:#69dcb7;display:grid;place-items:center;color:#106f67;font-weight:900;font-size:18px;box-shadow:0 5px 20px rgba(0,0,0,.14)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e8eeee;border-radius:12px;padding:19px 19px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:.15s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(18,55,65,.09)}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;font-size:19px;margin-bottom:14px}.stat-icon.teal,.event-icon.teal{background:#def5ef;color:#078f83}.stat-icon.blue{background:#e4f0fb;color:#3281ba}.stat-icon.orange{background:#fff0e1;color:#e8953a}.stat-icon.red,.event-icon.red{background:#ffeded;color:#df5b5d}.stat-card>span{font-size:11px;color:#6b858c;font-weight:600;margin-bottom:4px}.stat-card strong{font:800 27px/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;margin-bottom:4px}.stat-card small{font-size:10px;color:#9aabb0}.stat-card.critical{border-color:#f9e4e3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e6eded;border-radius:12px;box-shadow:var(--shadow);margin-bottom:18px;min-width:0}.panel-head{padding:19px 21px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f1}.panel-head h2{font:800 14px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:-.025em;margin-bottom:5px}.panel-head p{font-size:10px;color:#91a2a7;margin:0}.panel-head>a:not(.btn){font-size:10px;color:#138f84;font-weight:700;white-space:nowrap;margin-top:3px}.event-list{padding:0 21px}.event{display:flex;align-items:center;gap:11px;min-height:61px;border-bottom:1px solid #f0f3f3}.event:last-child{border-bottom:0}.event-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:15px}.event>div{min-width:0;flex:1}.event strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event small{display:block;color:#92a4a8;font-size:10px;margin-top:4px}.badge{display:inline-block;border-radius:100px;padding:5px 8px;font-size:9px;font-weight:700;white-space:nowrap}.badge.success{background:#e5f6ed;color:#279c6d}.badge.warning{background:#fff4df;color:#b9871a}.badge.danger{background:#feebeb;color:#c95556}.badge.info{background:#e9f2fa;color:#497fa8}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:570px}.table-wrap th{background:#fbfdfd;color:#8b9da3;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;padding:12px 20px;white-space:nowrap}.table-wrap td{border-top:1px solid #edf2f2;padding:13px 20px;color:#56717a;font-size:11px;vertical-align:middle}.table-wrap td strong{display:block;font-size:11px;color:#24404a;font-weight:700}.table-wrap td small{display:block;max-width:250px;color:#91a3aa;font-size:10px;margin-top:3px;line-height:1.4}.table-wrap td small.mono{font-family:monospace;color:#437c77;word-break:break-all}.empty{padding:25px;color:#9aabb0;font-size:11px}.split-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:17px;align-items:start}.form-panel{padding-bottom:19px}.stack{display:grid;gap:13px;padding:19px 21px 0}.stack label{display:grid;gap:6px;font-size:10px;font-weight:700;color:#5d7780}.stack input,.stack select,.stack textarea,.inline-form input,.inline-form select,.payment-form input,.payment-form select{border:1px solid #dce7e7;border-radius:7px;background:#fff;color:#1d3944;outline:0;padding:9px 10px;min-width:0;font-size:11px}.stack input:focus,.stack select:focus,.stack textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:#2aaea1;box-shadow:0 0 0 3px rgba(32,172,156,.1)}.stack textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{border:1px solid #cde0de;background:#ecf7f4;color:#087e73;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap}.btn:hover{background:#d9f0ea}.btn.primary{background:#0b857b;border-color:#0b857b;color:#fff;padding:10px 14px}.btn.primary:hover{background:#096e68}.btn.secondary{background:#fff}.btn.small{padding:6px 9px}.btn.ghost{background:#fff;color:#b45f5d;border-color:#ead7d6}.btn.full{width:100%;justify-content:space-between}.inline-form{display:flex;align-items:center;gap:5px}.inline-form input{width:125px}.inline-form select{max-width:125px}.payment-form{display:grid;grid-template-columns:72px 68px 96px auto;gap:5px}.payment-form input,.payment-form select{width:100%;padding:6px}.hint{padding:0 21px;color:#91a3aa;font-size:10px;line-height:1.5}.notice{display:flex;gap:12px;padding:15px 18px;margin-bottom:17px;border:1px solid #cde8e3;border-radius:10px;background:#ebf8f5;color:#236e67}.notice>span{font-size:18px;line-height:1}.notice strong{font-size:11px}.notice p{font-size:10px;line-height:1.5;margin:5px 0 0}.notice.emergency{background:#fff0ee;border-color:#f6d9d4;color:#ab4e4f}.announcement-list{padding:0 20px}.announcement{padding:18px 0;border-bottom:1px solid #edf2f2}.announcement:last-child{border-bottom:0}.announcement>div{display:flex;align-items:center;gap:10px;float:left}.announcement-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e4f5f0;color:#148f80}.announcement strong,.announcement small{display:block}.announcement strong{font-size:11px}.announcement small{font-size:9px;color:#93a5aa;margin-top:3px}.announcement>.badge{float:right}.announcement p{clear:both;padding-top:13px;margin-bottom:0;color:#617c83;font-size:11px;line-height:1.65}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:19px}.report-tile{border:1px solid #e7eeee;border-radius:9px;min-height:95px;padding:14px;display:flex;flex-direction:column}.report-tile:hover{border-color:#79cbbf;background:#f5fcfa}.report-tile span{font-size:19px;color:#0e9387}.report-tile strong{font-size:11px;margin-top:6px}.report-tile small{font-size:9px;color:#81a2a2;margin-top:3px}.money-stat{font-size:20px!important}.alert{padding:12px 15px;border-radius:8px;margin-bottom:17px;font-size:11px}.alert.success{background:#e3f7ed;color:#187651}.alert.danger{background:#ffebeb;color:#b54b4b}footer{font-size:10px;color:#a6b4b9;text-align:center;padding:13px 0}footer span{padding:0 7px}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 15%,#e3f7f1,transparent 32%),#f4f8f8;padding:20px}.login-card{width:min(100%,420px);background:#fff;border:1px solid #e1eceb;border-radius:17px;padding:34px;box-shadow:0 20px 70px rgba(17,57,61,.08)}.login-card .brand-mark{margin-bottom:25px}.login-card h1{font:800 28px/1.25 'Plus Jakarta Sans',sans-serif;letter-spacing:-.045em;margin-bottom:8px}.login-card .muted{color:#859a9f;font-size:12px;line-height:1.6}.login-card .stack{padding:12px 0 0}.login-card .stack label{font-size:11px}.login-card .stack input{padding:12px}.login-foot{font-size:10px;text-align:center;color:#9babb0;margin:24px 0 0}
@media(max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.split-layout{grid-template-columns:1fr}.form-panel{max-width:none}.report-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.sidebar{width:67px;flex-basis:67px;padding:18px 8px}.brand{padding:0 5px 25px}.brand>span:not(.brand-mark),.sidebar-caption,.nav-link>span:not(.nav-icon),.site-pill,.logout{display:none}.nav-link{justify-content:center;padding:0}.nav-icon{font-size:20px}.topbar{padding:0 19px}.content{padding:25px 19px}.hero-art{right:-65px;opacity:.45}.two-col{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:570px){.topbar{height:54px}.crumb{font-size:9px}.today,.user-name{display:none}.content{padding:20px 12px}.page-head h1{font-size:23px}.page-head p:not(.eyebrow){font-size:11px}.live-chip{font-size:0;padding:8px}.hero{padding:21px;min-height:180px}.hero h2{font-size:21px}.hero-art{display:none}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card strong{font-size:23px}.stat-card small{font-size:9px}.panel-head{padding:15px}.report-grid{padding:13px;gap:8px}.form-grid{grid-template-columns:1fr}}
.btn:disabled{opacity:.45;cursor:not-allowed}.notice.warning{background:#fff8e8;border-color:#eadba8;color:#8a6116}