:root{--am-navy:#112d40;--am-ink:#153244;--am-green:#25d366;--am-green-deep:#087e51;--am-silver:#e7eef3;--am-muted:#738894;--am-line:#e3ebef;--am-bg:#f4f7f9;font-family:Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;color:var(--am-ink);background:var(--am-bg)}
*{box-sizing:border-box}body{margin:0;background:var(--am-bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}
button{transition:transform .14s,background .14s,border-color .14s,box-shadow .14s}button:not(:disabled):hover{transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}
.layout{grid-template-columns:265px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 100% 0%,#eff9f4,transparent 32%),#f4f7f9}
.sidebar,.side{position:relative;background:linear-gradient(170deg,#0f2a3b 0%,#173d48 65%,#164e48 100%);color:#fff;border-right:1px solid #0b3d39;padding:26px 16px 20px;gap:25px}
.sidebar:before,.side:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--am-green),#93f5bd,#bbd2dc)}
.brand{padding:5px 8px 8px;gap:13px;align-items:center}
.brand-symbol{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,#3beb91,#1aaf64);color:#103e30;font-size:27px;box-shadow:0 7px 22px #0d613455}
.brand h1{font-size:18px;letter-spacing:.025em;line-height:1.35;font-weight:830}.brand small{color:#77f3b3;font-size:11px;letter-spacing:.22em;font-weight:730}
.side .brand{font-size:21px;line-height:1.25;letter-spacing:.025em}.side .brand b{color:#5df19f}
.nav{gap:5px}.nav button{border-radius:12px;text-align:left;font-size:13px;font-weight:650;min-height:44px;color:#cbdce5;padding:12px 15px;border:1px solid transparent}.nav button.on,.nav button.active{background:linear-gradient(100deg,#295e51,#2d6a5b);border-color:#56cd8a55;color:white;box-shadow:inset 3px 0 0 #50f19b}.nav button:hover:not(.active){background:#ffffff13;color:white}
.sidemeta,.side footer{margin-top:auto;border-top:1px solid #ffffff26;padding:16px 9px 3px;color:#9ebec7;font-size:11px;line-height:1.8}
.main{min-width:0}.topbar,.top{position:sticky;top:0;z-index:3;background:#fffdfef2;backdrop-filter:blur(13px);padding:19px 32px;border-bottom:1px solid var(--am-line);box-shadow:0 3px 15px #132c4110;gap:15px}
.topbar h2,.top h1{font-size:20px;font-weight:780;letter-spacing:-.025em}
.topbar p,.top small{color:#708793;font-size:12px}.actions,.tools{gap:9px}
.content,.body{max-width:1680px;margin:auto;padding:28px 32px 62px}
.intro,.hero{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(111deg,#102d3e 0%,#215c52 63%,#1c825b 100%);padding:32px 35px;box-shadow:0 15px 36px #13493d1f;color:white}
.intro:after,.hero:after{content:"";position:absolute;width:250px;height:250px;right:-48px;top:-130px;border-radius:50%;border:34px solid #7bf0b01c;pointer-events:none}
.intro h3,.hero h2{font-size:clamp(23px,2.15vw,34px);font-weight:830;line-height:1.16;letter-spacing:-.035em;margin-bottom:11px;max-width:840px}
.intro p,.hero p{color:#cfece6;max-width:800px;font-size:14px;line-height:1.75}
.intro button.primary,.hero button.primary{box-shadow:0 8px 20px #07553b55}
.cards{gap:15px;margin:21px 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.card{position:relative;border:1px solid #dfe9ed;background:white;padding:23px;border-radius:16px;box-shadow:0 8px 24px #183c4910;min-height:140px}
.card:before{content:"";width:32px;height:3px;position:absolute;top:0;left:24px;background:linear-gradient(90deg,#27d678,#89efd0);border-radius:0 0 8px 8px}
.card small{font-weight:650;color:#758c99}.card strong,.card b{font-size:clamp(21px,2vw,30px);letter-spacing:-.055em;font-weight:820;color:#143747;line-height:1.3}
.card em,.card small:last-child{font-size:12px;color:#748c98}
.panel{background:white;border:1px solid #e0eaee;border-radius:17px;padding:24px;box-shadow:0 8px 28px #193d4d0c}
.panel h4,.panel h3{font-size:17px;letter-spacing:-.02em;font-weight:800;color:#153547}
.page-header h3,.heading h2{font-size:24px;letter-spacing:-.035em;font-weight:800}
button,.btn{border-radius:10px;border:1px solid #d5e1e8;color:#1c4356;font-weight:680;box-shadow:0 1px 1px #194d4d10}
button.primary,.btn.primary{background:#25d366;border-color:#25d366;color:#093c25;font-weight:780}
button.primary:hover{background:#43e684;box-shadow:0 4px 17px #25d36655}
.status,.badge{background:#e3f7ed;color:#237b4c;border-radius:99px;font-weight:760;font-size:11px;padding:8px 11px}
.status.off,.badge.pending{background:#fff3df;color:#956b22}.status.err{background:#ffe7e4;color:#a04440}
.formfield input,.formfield select,.formfield textarea,.field input,.field select,.field textarea,select#projectSelect,#projectSel{background:#fcfefe!important;border:1px solid #cadce3!important;box-shadow:0 1px 1px #0d3a470a;border-radius:10px!important;min-height:42px}
.formfield input:focus,.formfield select:focus,.formfield textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid #25d36638;border-color:#24b96d!important}
th{background:#f2f7f7;color:#67828d;text-transform:uppercase;letter-spacing:.055em;font-size:11px}td,th{border-bottom:1px solid #e9eef2}tbody tr:nth-child(even){background:#fcfdfd}tr:hover td{background:#f2faf6}
.tag,.pill{background:#e8f5ee;border-radius:9px;color:#276d4b;font-weight:650}.notice,.note{line-height:1.6;border-radius:10px}.empty{border-radius:14px}
.login-wrap,.auth{background:radial-gradient(circle at 80% 10%,#277654 0%,transparent 38%),linear-gradient(140deg,#092737,#174657)}.login-panel,.authbox{border:1px solid #ffffff47;box-shadow:0 25px 70px #081d3199;border-radius:22px;padding:34px}
.modal,.modalwrap .modal{border-radius:18px;box-shadow:0 25px 80px #081e3655}.topbar select,.top select{max-width:310px}
.am-mobile-banner{display:none}
@media(min-width:1450px){.cards{gap:18px}.content,.body{padding:33px 42px 70px}}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:224px minmax(0,1fr)}.sidebar,.side{padding:20px 10px}.topbar,.top{padding:16px 20px}.content,.body{padding:20px}}
@media(max-width:760px){.layout{display:block;padding-bottom:80px}.sidebar,.side{position:static;padding:13px 12px 10px;gap:9px}.brand,.side .brand{padding:4px 6px}.brand h1{font-size:15px}.brand-symbol{width:37px;height:37px;font-size:22px}.sidebar .nav,.side .nav{display:flex;overflow-x:auto;scrollbar-width:none;gap:5px;padding:0 2px 6px}.nav button{white-space:nowrap;min-height:39px;font-size:12px;padding:9px 11px}.sidemeta,.side footer{display:none}.topbar,.top{position:static;padding:13px 16px}.topbar h2,.top h1{font-size:17px}.topbar select,.top select{max-width:195px;font-size:12px}.content,.body{padding:15px 12px 28px}.intro,.hero{padding:24px 21px;border-radius:17px}.intro h3,.hero h2{font-size:22px}.intro button,.hero button{margin-bottom:7px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.card{min-height:112px;padding:15px;border-radius:13px}.card strong,.card b{font-size:21px;margin-top:12px}.card small{font-size:11px}.grid2,.twocol,.grid3{grid-template-columns:1fr!important;gap:8px}.panel{padding:16px;margin:11px 0}.page-header h3,.heading h2{font-size:20px}.am-mobile-banner{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;background:#102e40;box-shadow:0 -5px 26px #0d2b3f35;padding:9px max(12px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:center;justify-content:space-between;color:#e5fff0;font-size:12px;font-weight:650}.am-mobile-banner .app-install{padding:8px 11px;border-color:#25d366;background:#25d366;color:#153326;font-size:12px}.am-mobile-banner .am-mobile-state{display:flex;align-items:center;gap:7px}.am-mobile-state:before{content:"";height:8px;width:8px;border-radius:50%;background:#43e78c}.am-mobile-banner.offline .am-mobile-state:before{background:#f0b14f}}
@media(max-width:430px){.cards{grid-template-columns:1fr 1fr}.card strong{font-size:19px}.actions,.tools{gap:5px}.topbar .actions button,.top .tools button{padding:8px 9px;font-size:12px}}
@media print{.sidebar,.side,.am-mobile-banner,.modal-overlay,.modalwrap,.topbar .actions,.top .tools,.page-header button{display:none!important}.layout{display:block}.topbar,.top{position:static;box-shadow:none}.content,.body{padding:0;background:white}.panel,.card{box-shadow:none;break-inside:avoid}table{min-width:0}td,th{padding:5px;font-size:10px}}
.am-login-mark{display:flex;align-items:center;justify-content:center;margin:-3px 0 15px}.am-login-mark img{border-radius:19px;box-shadow:0 10px 30px #0e3d4b31}.budget-reference{border:1px solid #b8e8cd;background:linear-gradient(140deg,#fff,#f6fffa);margin:18px 0}.budget-reference .cards{margin:12px 0}.budget-reference .card{box-shadow:none}

.am-new-brand{display:flex!important;gap:12px;align-items:center!important;padding:7px 9px 13px!important}.am-new-brand img{object-fit:contain;border-radius:9px;flex-shrink:0}.am-new-brand span{display:grid;gap:3px}.am-new-brand strong{color:#fff;font-size:18px;line-height:1}.am-new-brand small{color:#60eca0;letter-spacing:2.1px;font-size:11px;margin:0}

.budget-reference .tag{background:#fff1d7;color:#9c6c20;font-weight:800}.budget-reference .tools{display:flex;flex-wrap:wrap;gap:8px}.budget-reference .cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:950px){.budget-reference .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.budget-reference .cards{grid-template-columns:1fr}}