:root{--nav:#063943;--emerald:#07998e;--aqua:#61d9cd;--ink:#0b3038;--muted:#67818a;--line:#d7e6e7;--bg:#eff7f7;--white:#fff;--red:#be3f36;--shadow:0 18px 50px rgba(5,53,61,.1)}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;background:radial-gradient(circle at 85% 5%,#d8f5f1,transparent 27%),var(--bg)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:278px;padding:22px 18px;background:linear-gradient(165deg,var(--nav),#032d36);color:#d6eeee;display:flex;flex-direction:column;z-index:20}.brand,.login-brand{display:flex;align-items:center;gap:13px}.brand{padding:0 5px 20px;border-bottom:1px solid #ffffff18}.logo{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--emerald);font-size:25px;font-weight:950}.logo.small{width:44px;height:44px;font-size:16px}.brand b{display:block;color:#fff;font-size:20px}.brand em{color:var(--aqua);font-style:normal}.brand small,.login-brand small{display:block;margin-top:4px;font-size:10px;letter-spacing:1.3px}.sidebar nav{flex:1;overflow:auto;padding-top:15px}.sidebar nav>small{display:block;margin:17px 10px 8px;color:#8cb5b9;font-size:10px;font-weight:900;letter-spacing:1.4px}.sidebar nav a{min-height:49px;padding:0 13px;border-radius:13px;display:flex;align-items:center;gap:13px;color:#cee0e2;font-weight:750}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#07998e2d;box-shadow:inset 4px 0 var(--aqua)}.sidebar nav a span{flex:1}.sidebar footer{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid #ffffff18}.sidebar footer>span{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:var(--emerald);color:#fff;font-weight:900}.sidebar footer b,.sidebar footer small{display:block}.sidebar footer small{margin-top:3px;color:#91b2b7}.app{min-height:100vh;margin-left:278px}.topbar{min-height:96px;padding:17px 27px;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:18px;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}#menu{display:none;border:0;background:transparent;font-size:24px}.topbar>div:nth-child(2){margin-right:auto}.topbar small{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:1.4px}.topbar h1{margin:5px 0 0}.account{display:flex;align-items:center;gap:14px}.account a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.content{max-width:1500px;margin:auto;padding:28px}.hero{min-height:280px;padding:38px;display:grid;grid-template-columns:1fr 240px;align-items:center;gap:25px;border-radius:28px;color:#fff;background:linear-gradient(120deg,#063d46,#057f78);box-shadow:0 24px 60px #044d5029}.hero small{color:#a9e8e2;font-weight:900;letter-spacing:1.6px}.hero h2{max-width:760px;margin:14px 0;font-size:clamp(37px,4vw,59px);line-height:1}.hero p{font-size:17px;color:#d4e7e8}.hero aside{padding:24px;border:1px solid #ffffff38;border-radius:20px;background:#ffffff16}.hero aside>*{display:block}.hero aside b{margin:12px 0;font-size:38px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metrics article,.panel{padding:23px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.metrics small,.panel>small{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1.3px}.metrics b{display:block;margin:13px 0 7px;font-size:31px}.metrics span,.panel p{color:var(--muted)}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.quick{display:flex;flex-wrap:wrap;gap:10px}.quick a,.btn{padding:12px 16px;border:0;border-radius:11px;background:var(--emerald);color:#fff;font-weight:850;cursor:pointer}.page-head{min-height:145px;margin-bottom:18px;padding:28px 32px;border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(120deg,#063d46,#057f78)}.page-head h2{margin:0;font-size:36px}.page-head p{color:#d4e7e8}.table-wrap{overflow:auto;padding:0}table{width:100%;min-width:800px;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid #e5eeee}th{background:#f7fbfb;color:var(--muted);font-size:11px;letter-spacing:1px}td small,td b{display:block}td small{margin-top:5px;color:var(--muted)}.pill{display:inline-block;padding:6px 9px;border-radius:20px;font-size:12px;font-weight:850}.pill.green{background:#e2f5ef;color:#08766d}.pill.amber{background:#fff4df;color:#98630b}.pill.red{background:#fff0ef;color:var(--red)}.form-panel{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}.form-grid input,.form-grid select,.login-card input{width:100%;min-height:47px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#fbfdfd;color:var(--ink)}.form-grid .btn{align-self:end;min-height:47px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards h3{font-size:23px}.integration{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:15px}.integration button{grid-column:2;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff}.notices{display:grid;gap:12px}.flash,.alert{margin-bottom:17px;padding:14px 17px;border-radius:12px;background:#e2f5ef;color:#08766d;font-weight:800}.flash.error,.alert{background:#fff0ef;color:var(--red)}.empty{text-align:center;color:var(--muted)}.login-body,.install-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#032d36,#07515a)}.login-card,.installer{width:min(520px,100%);padding:35px;border-radius:26px;background:#fff;box-shadow:0 35px 90px #00181f66}.installer{width:min(850px,100%)}.installer header{display:flex;align-items:center;gap:15px}.login-brand b{font-size:21px}.login-card h1{margin:32px 0 8px;font-size:37px}.login-card>p{color:var(--muted)}.login-card form{display:grid;gap:15px}.login-card label{display:grid;gap:7px;font-weight:750}.login-card .btn{min-height:50px}.login-card footer{margin-top:24px;text-align:center;color:var(--muted);font-size:12px}.installer h2{margin-top:30px}.installer .form-grid{grid-template-columns:repeat(2,1fr)}.installer>.success{margin-top:25px;padding:24px;border-radius:17px;background:#e2f5ef}.success b{font-size:24px;color:#08766d}.success p{margin-bottom:25px}code{padding:3px 6px;border-radius:5px;background:#e7eeee}@media(max-width:1050px){.metrics,.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.app{margin-left:0}#menu{display:block}.content{padding:14px}.hero{grid-template-columns:1fr}.hero aside{display:none}.grid2{grid-template-columns:1fr}.topbar{padding:13px}.account b{display:none}.page-head{align-items:flex-start;flex-direction:column}.page-head h2{font-size:29px}}@media(max-width:560px){.metrics,.cards,.form-grid,.installer .form-grid{grid-template-columns:1fr}.hero{padding:25px}.hero h2{font-size:38px}.login-card,.installer{padding:24px}.content{padding:10px}}@media print{.sidebar,.topbar,.page-head .btn{display:none}.app{margin:0}.content{max-width:none;padding:0}}