:root{
  --bg:#eef5f1;--bg2:#f8fbf8;--ink:#0d1b2a;--text:#152337;--muted:#6d7f90;--line:#dde8e2;
  --navy:#061524;--navy2:#0a2135;--navy3:#113650;--green:#0fb77f;--green2:#25d59f;
  --gold:#f3c94b;--gold2:#ffe08a;--blue:#38bdf8;--red:#ef4444;--orange:#f59e0b;
  --surface:#ffffff;--surface2:#f8fbfb;--shadow:0 26px 70px rgba(6,21,36,.12);--shadow2:0 14px 32px rgba(6,21,36,.08);
  --radius:26px;--radius2:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:
radial-gradient(circle at 6% 8%,rgba(15,183,127,.16),transparent 30%),
radial-gradient(circle at 92% 10%,rgba(243,201,75,.14),transparent 32%),
linear-gradient(135deg,#f9fcfa 0,#eef5f1 48%,#eaf2ef 100%);min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.mobile-top{display:none}
.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:304px;color:white;padding:24px 18px;overflow:auto;background:linear-gradient(180deg,#061524 0%,#092036 58%,#050f1b 100%);border-right:1px solid rgba(255,255,255,.10);box-shadow:20px 0 50px rgba(6,21,36,.12)}
.sidebar:before{content:"";position:fixed;left:0;top:0;width:304px;height:100vh;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.45) 62%,transparent 100%)}.sidebar:after{content:"";position:fixed;left:-120px;top:-140px;width:330px;height:330px;border-radius:50%;background:rgba(15,183,127,.22);filter:blur(15px);pointer-events:none}.brand,.sidebar-card,.menu,.sidebar-footer{position:relative;z-index:1}.brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.brand-mark{width:56px;height:56px;border-radius:20px;background:linear-gradient(135deg,var(--green),var(--gold));display:grid;place-items:center;font-weight:900;color:#082016;box-shadow:0 20px 42px rgba(15,183,127,.28);position:relative;overflow:hidden}.brand-mark.large{width:68px;height:68px;border-radius:24px}.brand-mark i{position:absolute;right:-14px;bottom:-14px;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.25)}.brand-mark span{position:relative;z-index:2}.brand-copy strong,.login-brand strong{display:block;font-size:19px;letter-spacing:-.02em}.brand-copy span,.login-brand span{display:block;margin-top:4px;color:#abc0d1;font-size:12px;font-weight:700}.sidebar-card{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);padding:14px;border-radius:20px;margin-bottom:22px;backdrop-filter:blur(14px)}.sidebar-card strong{display:block;font-size:13px}.sidebar-card span{display:block;margin-top:4px;color:#b6c9d7;font-size:11px;font-weight:700}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 8px rgba(37,213,159,.13),0 0 20px rgba(37,213,159,.58)}
.menu{display:flex;flex-direction:column;gap:5px}.menu-title{margin:18px 12px 7px;color:#85a0b5;font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:900}.menu-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:16px;color:#e6f0f7;border:1px solid transparent;font-size:14px;transition:.18s ease}.menu-link b{font-weight:800}.mi{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.07)}.menu-link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.10);transform:translateX(3px)}.menu-link.active{background:linear-gradient(135deg,rgba(15,183,127,.32),rgba(243,201,75,.16));border-color:rgba(255,255,255,.18);box-shadow:inset 4px 0 0 var(--gold),0 14px 30px rgba(0,0,0,.11)}.sidebar-footer{margin-top:22px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.05);border-radius:18px;padding:14px}.sidebar-footer span{display:block;color:#93aec2;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.sidebar-footer strong{display:block;margin-top:8px;color:#f8fbff;font-size:12px;word-break:break-word}
.main{margin-left:304px;width:calc(100% - 304px);padding:28px 32px 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:24px 28px;border:1px solid rgba(221,232,226,.85);border-radius:32px;background:rgba(255,255,255,.86);box-shadow:var(--shadow2);backdrop-filter:blur(18px)}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:900}.gold{color:var(--gold)}.topbar h1{margin:7px 0 5px;font-size:32px;line-height:1.08;letter-spacing:-.04em;color:#102033}.topbar p{margin:0;color:var(--muted);font-weight:650;max-width:780px}.userbox{display:flex;align-items:center;gap:12px;white-space:nowrap}.avatar{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,var(--navy3),var(--green));color:white;display:grid;place-items:center;font-weight:900;box-shadow:0 13px 28px rgba(15,183,127,.18)}.user-meta strong{display:block;font-size:13px}.user-meta span{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:800}.messages{margin-bottom:16px}.alert{padding:14px 16px;border-radius:18px;background:#eafff4;border:1px solid #c8f3dd;color:#176a45;font-weight:750;box-shadow:var(--shadow2)}.alert.error,.alert.danger{background:#fff1f2;border-color:#fecdd3;color:#991b1b}.alert.warning{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:12px 18px;font-weight:900;cursor:pointer;line-height:1;transition:.18s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:saturate(1.05)}.btn-primary{background:linear-gradient(135deg,var(--green),var(--green2));color:white;box-shadow:0 16px 32px rgba(15,183,127,.24)}.btn-outline{background:#eff7f3;color:#18344a;border:1px solid #d9e7df}.btn-light{background:white;color:#18344a;border:1px solid var(--line)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;box-shadow:0 16px 32px rgba(239,68,68,.20)}.full{width:100%;margin-top:16px}
.hero-card,.list-hero,.panel{border:1px solid rgba(221,232,226,.86);background:rgba(255,255,255,.90);box-shadow:var(--shadow2);border-radius:var(--radius);backdrop-filter:blur(18px)}.hero-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;padding:34px;margin-bottom:22px;background:linear-gradient(135deg,#081a2b,#0b2b42 58%,#0a1b2b);color:white}.hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;opacity:.25}.hero-card:after{content:"";position:absolute;right:-90px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(37,213,159,.32),transparent 65%)}.hero-content,.hero-map-card{position:relative;z-index:1}.kicker{display:inline-flex;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);color:#c6f6e5;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.hero-card h2{font-size:42px;line-height:1.02;letter-spacing:-.055em;margin:18px 0 12px}.hero-card p{color:#d7e7ef;line-height:1.65;font-weight:600;max-width:760px}.hero-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.hero-map-card{min-height:230px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));display:grid;place-items:center;text-align:center;overflow:hidden}.hero-map-card:before{content:"";position:absolute;inset:28px;border:1px dashed rgba(255,255,255,.25);border-radius:24px}.hero-map-card strong{font-size:22px}.hero-map-card span{color:#b8d5e6;font-size:12px;font-weight:800;margin-top:-60px}.map-node{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 10px rgba(243,201,75,.13)}.n1{left:46px;top:48px}.n2{right:72px;top:86px;background:var(--green2)}.n3{left:88px;bottom:58px;background:var(--blue)}
.notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.notice{border-radius:20px;padding:16px 18px;border:1px solid #d8ece2;background:#f2fff8}.notice strong{font-size:14px}.notice p{margin:6px 0 0;color:var(--muted);font-weight:650}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:18px 0 22px}.stat{position:relative;overflow:hidden;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow2)}.stat:after{content:"";position:absolute;right:-38px;top:-42px;width:110px;height:110px;border-radius:50%;background:rgba(15,183,127,.10)}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.stat strong{display:block;font-size:36px;letter-spacing:-.04em;margin:9px 0 3px;color:#0f2437}.stat small{color:#7d8e9d;font-weight:750}.stat.featured:after{background:rgba(15,183,127,.20)}.stat.warning:after{background:rgba(245,158,11,.18)}.stat.danger:after{background:rgba(239,68,68,.16)}
.analytics-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-bottom:18px}.content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.wide{grid-column:span 1;grid-row:span 2}.panel{padding:22px;overflow:hidden}.panel-title,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-title h3{margin:4px 0 0;font-size:21px;letter-spacing:-.03em;color:#122236}.panel-title a{color:var(--green);font-weight:900}.bar-list{display:flex;flex-direction:column;gap:14px}.bar-meta{display:flex;justify-content:space-between;color:#203446;font-size:13px;margin-bottom:7px}.bar-meta span{font-weight:900;color:var(--green)}.bar{height:12px;border-radius:999px;background:#edf4f0;overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--gold))}.health-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.health-list div{border-radius:18px;background:linear-gradient(180deg,#fbfefd,#f4faf7);border:1px solid var(--line);padding:16px}.health-list span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.health-list strong{display:block;font-size:24px;margin-top:7px;color:#102033}.compact-list{display:flex;flex-direction:column;gap:12px}.compact-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:#fbfefd;border-radius:20px;padding:13px}.compact-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-item span{display:block;margin-top:4px;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-chip{width:44px;height:44px;border-radius:15px;background:#eafaf2;display:grid;place-items:center}.icon-chip.lock{background:#fff7d7}.status{font-style:normal;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:900}.status.ok{background:#dcfce7;color:#166534}.status.no{background:#fee2e2;color:#991b1b}.status.muted{background:#edf2f7;color:#475569}.empty-state{border:1px dashed #cfded6;background:#fbfefd;border-radius:18px;padding:20px;text-align:center;color:var(--muted);font-weight:800}
.list-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:25px 28px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(240,250,245,.88))}.list-hero h2{font-size:31px;letter-spacing:-.04em;margin:6px 0;color:#102033}.list-hero p{margin:0;color:var(--muted);font-weight:650}.data-panel{padding:0}.panel-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:10px;width:100%}.search-icon{position:absolute;margin-left:15px;color:var(--muted);font-size:20px}.search input{padding-left:44px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{position:sticky;top:0;z-index:1;background:#f2f7f4;color:#526678;font-size:11px;text-transform:uppercase;letter-spacing:.09em;text-align:left;padding:15px 16px;border-bottom:1px solid var(--line);font-weight:900}.table td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:middle;background:rgba(255,255,255,.62)}.table tbody tr:hover td{background:#f9fffb}.right{text-align:right}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}.badge.ok{background:#dcfce7;color:#166534}.badge.no{background:#fee2e2;color:#991b1b}.badge.gold{background:#fef3c7;color:#92400e}.badge.neutral{background:#edf2f7;color:#475569}.code-pill{display:inline-flex;max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eef6f1;color:#16324a;border:1px solid #dce8df;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.code-pill.strong{background:#ecfdf5;color:#065f46}.actions{white-space:nowrap}.actions a{display:inline-flex;margin-left:8px;padding:7px 9px;border-radius:10px;background:#eef8f3;color:var(--green);font-weight:900;font-size:12px}.actions a.danger{background:#fff1f2;color:var(--red)}.pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:16px 18px;border-top:1px solid var(--line);color:var(--muted);font-weight:900}
input,select,textarea{width:100%;border:1px solid #dce8df;border-radius:16px;padding:13px 14px;background:linear-gradient(180deg,#fff,#f8fbfa);color:var(--text);outline:none;transition:.18s ease;box-shadow:0 8px 18px rgba(6,21,36,.035)}input:focus,select:focus,textarea:focus{border-color:rgba(15,183,127,.62);box-shadow:0 0 0 4px rgba(15,183,127,.10),0 13px 26px rgba(6,21,36,.06)}textarea{min-height:124px;resize:vertical}.form-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;align-items:start}.form-intro{position:sticky;top:24px;overflow:hidden;background:linear-gradient(135deg,#081a2b,#0d3650);color:white;border-radius:30px;padding:30px;box-shadow:var(--shadow)}.form-intro:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:34px 34px}.form-intro:after{content:"";position:absolute;right:-95px;bottom:-110px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(243,201,75,.34),transparent 65%)}.form-intro>*{position:relative;z-index:1}.form-intro h2{font-size:31px;line-height:1.04;letter-spacing:-.045em;margin:12px 0}.form-intro p{color:#d8e8ef;line-height:1.62;font-weight:650}.mini-checks{display:flex;flex-direction:column;gap:10px;margin-top:22px}.mini-checks span{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);padding:11px 13px;border-radius:15px;font-weight:850}.form-panel{padding:28px}.sv-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}.sv-field{display:flex;flex-direction:column;gap:8px}.sv-field label{font-size:.86rem;color:#173047;font-weight:900}.helptext{color:#6e8195;font-size:.78rem;line-height:1.45;font-weight:650}.field-error,.form-alert{border-radius:14px;padding:10px 12px;background:#fff2f2;color:#a02929;border:1px solid rgba(160,41,41,.18);font-size:.84rem;font-weight:750}.sv-field-check{justify-content:end}.sv-check-card{min-height:76px;display:flex!important;align-items:center;gap:14px;border:1px solid rgba(21,65,93,.14);border-radius:20px;padding:15px 16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(240,248,244,.96));box-shadow:0 10px 24px rgba(13,36,53,.055);cursor:pointer}.sv-check-card strong{display:block;color:#173047;font-size:.94rem}.sv-check-card small{display:block;color:#6e8195;margin-top:4px;font-weight:550}.sv-check-input{width:20px;height:20px;accent-color:#2fa267}.sticky-actions{margin-top:28px;padding-top:18px;border-top:1px solid rgba(21,65,93,.10);display:flex;gap:10px;flex-wrap:wrap}.delete-wrap{display:grid;place-items:center;min-height:430px}.danger-panel{max-width:560px;text-align:center;border-color:#fecdd3}.delete-icon{width:78px;height:78px;margin:0 auto 15px;border-radius:26px;display:grid;place-items:center;background:#fee2e2;color:#991b1b;font-size:36px}.danger-panel h2{font-size:29px;margin:0 0 8px}.danger-panel p{color:var(--muted);font-weight:700}.delete-target{margin:18px 0;padding:17px;border-radius:20px;background:#fff7f7;border:1px solid #fecdd3;font-weight:900;word-break:break-word}.danger-panel form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.login-body{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(15,183,127,.30),transparent 25%),radial-gradient(circle at 92% 18%,rgba(243,201,75,.22),transparent 28%),linear-gradient(135deg,#06101b,#0d2538 55%,#091623);display:grid;place-items:center;padding:28px;color:white}.login-stage{width:min(1180px,100%);min-height:700px;display:grid;grid-template-columns:1.22fr .78fr;border-radius:40px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);box-shadow:0 34px 110px rgba(0,0,0,.38);backdrop-filter:blur(18px)}.login-visual{position:relative;padding:48px 54px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.08))}.geo-lines{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.22) 1px,transparent 1px);background-size:42px 42px}.geo-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:310px;height:310px;background:rgba(15,183,127,.23);left:-90px;top:-90px}.orb-b{width:270px;height:270px;background:rgba(243,201,75,.18);right:46px;bottom:52px}.login-brand{position:relative;z-index:1;display:flex;gap:14px;align-items:center}.login-claim{position:relative;z-index:1;margin-top:110px;max-width:680px}.login-claim h1{font-size:57px;line-height:.98;letter-spacing:-.058em;margin:14px 0}.login-claim p{font-size:18px;line-height:1.65;color:#d6e5ef;font-weight:600}.login-metrics{position:absolute;z-index:1;left:52px;right:52px;bottom:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.login-metrics div{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);border-radius:20px;padding:16px;backdrop-filter:blur(10px)}.login-metrics strong{display:block;font-size:19px}.login-metrics span{display:block;color:#bcd0df;font-size:12px;margin-top:5px;font-weight:700}.login-panel{display:grid;place-items:center;padding:38px;background:#f8fbf8;color:var(--text)}.login-card{width:100%;max-width:400px}.login-card-head{display:flex;gap:14px;align-items:center;margin-bottom:24px}.login-logo{width:60px;height:60px;border-radius:22px;background:linear-gradient(135deg,var(--green),var(--gold));display:grid;place-items:center;font-weight:900;color:#082015;box-shadow:0 16px 34px rgba(15,183,127,.22)}.login-card h2{font-size:29px;line-height:1.05;margin:0 0 5px;letter-spacing:-.03em}.login-card p{margin:0;color:var(--muted);font-weight:650}.login-card label{display:block;font-weight:900;margin:16px 0 8px;color:#2e4053;font-size:13px}.security-note{display:flex;gap:10px;align-items:flex-start;margin-top:18px;background:#eef8f2;border:1px solid #d7efe0;border-radius:16px;padding:12px}.security-note p{font-size:12px;line-height:1.45}
@media(max-width:1260px){.stats-grid{grid-template-columns:repeat(3,1fr)}.hero-card{grid-template-columns:1fr}.hero-map-card{min-height:190px}.analytics-grid,.content-grid{grid-template-columns:1fr}.wide{grid-row:auto}.login-stage{grid-template-columns:1fr;min-height:0}.login-visual{display:none}.login-panel{padding:50px 24px}}
@media(max-width:940px){.mobile-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:12px 16px}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand span{width:36px;height:36px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,var(--green),var(--gold));font-weight:900}.hamburger{border:1px solid var(--line);background:white;border-radius:13px;padding:9px 12px;font-weight:900}.sidebar{transform:translateX(-105%);transition:.22s ease;z-index:60}.nav-open .sidebar{transform:translateX(0)}.main{margin-left:0;width:100%;padding:18px}.topbar{display:block}.userbox{margin-top:16px}.form-layout{grid-template-columns:1fr}.form-intro{position:relative;top:0}.sv-form-grid{grid-template-columns:1fr}.list-hero{display:block}.list-hero .btn{margin-top:16px}.search{flex-wrap:wrap}.search-icon{display:none}.search input{padding-left:14px}.notice-grid{grid-template-columns:1fr}}
@media(max-width:640px){.main{padding:12px}.topbar,.hero-card,.list-hero,.panel{border-radius:22px}.topbar h1,.hero-card h2{font-size:28px}.stats-grid,.health-list{grid-template-columns:1fr}.hero-card{padding:24px}.form-panel{padding:20px}.table th,.table td{padding:12px 10px}.compact-item{grid-template-columns:44px minmax(0,1fr)}.compact-item .status{grid-column:2}.userbox{flex-wrap:wrap}.login-panel{padding:34px 18px}.login-card-head{align-items:flex-start}}
/* =========================================================
   DASHBOARD SENVECTOR — DESIGN STRUCTURÉ PROFESSIONNEL
   ========================================================= */

.dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);
  gap: 34px;
  align-items: stretch;
  padding: 34px;
  margin-bottom: 28px;
  border-radius: 30px;
  background:
    radial-gradient(circle at 80% 15%, rgba(25, 210, 157, 0.22), transparent 34%),
    linear-gradient(135deg, #061b2d 0%, #082b35 54%, #05202b 100%);
  box-shadow: 0 26px 70px rgba(3, 17, 30, 0.22);
  color: #fff;
  overflow: hidden;
  position: relative;
}

.dashboard-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 44px 44px;
  pointer-events: none;
}

.dashboard-hero__left,
.dashboard-hero__right {
  position: relative;
  z-index: 1;
}

.dashboard-hero__left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 720px;
}

.kicker {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 8px;
  padding: 8px 15px;
  margin-bottom: 22px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  color: #43f2ba;
  font-weight: 900;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
}

.dashboard-hero h2 {
  margin: 0;
  max-width: 660px;
  font-size: clamp(2.2rem, 4vw, 4rem);
  line-height: 0.98;
  letter-spacing: -0.06em;
  color: #ffffff;
}

.dashboard-hero p {
  margin: 22px 0 0;
  max-width: 650px;
  color: rgba(235, 246, 250, 0.86);
  font-size: 1.05rem;
  line-height: 1.7;
  font-weight: 650;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 30px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 22px;
  border-radius: 15px;
  font-weight: 900;
  text-decoration: none;
  transition: all .2s ease;
}

.btn-primary {
  background: linear-gradient(135deg, #19c98e, #13b886);
  color: white;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 14px 34px rgba(19, 184, 134, 0.26);
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 42px rgba(19, 184, 134, 0.35);
}

.btn-outline-light {
  background: rgba(255,255,255,0.04);
  color: #ffffff;
  border: 1px solid rgba(251, 210, 88, 0.58);
}

.btn-outline-light:hover {
  background: rgba(251, 210, 88, 0.12);
  transform: translateY(-2px);
}


/* API CARD */

.dashboard-hero__right {
  display: flex;
  align-items: center;
}

.api-card {
  width: 100%;
  min-height: 310px;
  padding: 28px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 76% 20%, rgba(20, 210, 150, 0.16), transparent 30%),
    rgba(255,255,255,0.065);
  border: 1px solid rgba(255,255,255,0.13);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.07);
}

.api-card__title {
  text-align: center;
  font-size: 1.18rem;
  font-weight: 950;
  color: #ffffff;
  margin-bottom: 30px;
}

.api-schema {
  display: grid;
  grid-template-columns: 90px 1fr 96px 1fr 112px;
  align-items: center;
  gap: 8px;
}

.api-node {
  width: 78px;
  height: 78px;
  margin: auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: rgba(25, 201, 142, 0.12);
  border: 1px solid rgba(25, 201, 142, 0.38);
  color: #fff;
  position: relative;
}

.api-node span {
  font-size: 1.6rem;
}

.api-node small {
  position: absolute;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-weight: 800;
  color: rgba(255,255,255,0.82);
}

.api-node.center {
  width: 96px;
  height: 96px;
  background: linear-gradient(135deg, #20c487, #f3d66d);
  color: #082235;
  border: 6px solid rgba(255,255,255,0.1);
  box-shadow: 0 0 0 10px rgba(25,201,142,0.08);
}

.api-node.center strong {
  font-size: 1.4rem;
  font-weight: 1000;
}

.api-node.secure {
  background: rgba(245, 196, 68, 0.13);
  border-color: rgba(245, 196, 68, 0.43);
}

.api-line {
  height: 2px;
  border-radius: 999px;
  background-image: linear-gradient(90deg, rgba(255,255,255,0.2) 30%, transparent 0%);
  background-size: 12px 2px;
}

.api-endpoint {
  margin: 52px auto 0;
  width: fit-content;
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.86);
  font-weight: 850;
  font-size: 0.88rem;
}

.api-footer {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgba(255,255,255,0.78);
  font-weight: 800;
}

.api-footer strong {
  color: #43f2ba;
  font-size: 1.3rem;
}


/* NOTIFICATIONS */

.notice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
  margin-bottom: 26px;
}

.notice {
  display: flex;
  gap: 14px;
  padding: 18px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid #e6edf0;
  box-shadow: 0 16px 40px rgba(10, 31, 48, 0.07);
}

.notice-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #effaf5;
}

.notice strong {
  display: block;
  color: #10233a;
  margin-bottom: 5px;
}

.notice p {
  margin: 0;
  color: #6a7a8d;
  line-height: 1.5;
}


/* STATS */

.premium-stats {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 18px;
  margin-bottom: 26px;
}

.stat-card {
  padding: 22px;
  min-height: 150px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid #e8eef2;
  box-shadow: 0 18px 48px rgba(12, 32, 52, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}

.stat-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: var(--accent);
}

.stat-card__icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: color-mix(in srgb, var(--accent) 12%, white);
  color: var(--accent);
  font-size: 1.2rem;
}

.stat-card__content span {
  display: block;
  margin-top: 14px;
  color: var(--accent);
  font-size: 0.78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.stat-card__content strong {
  display: block;
  margin-top: 9px;
  color: #10233a;
  font-size: 2rem;
  letter-spacing: -0.04em;
}

.stat-card__content small {
  display: block;
  margin-top: 7px;
  color: #6d7e91;
  font-weight: 750;
}

.stat-card.green { --accent: #12b886; }
.stat-card.amber { --accent: #f08c00; }
.stat-card.teal { --accent: #0ca6a6; }
.stat-card.violet { --accent: #7048e8; }
.stat-card.blue { --accent: #228be6; }
.stat-card.red { --accent: #e03131; }


/* ANALYTICS */

.analytics-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 22px;
  margin-bottom: 26px;
}

.panel {
  padding: 24px;
  border-radius: 24px;
  background: rgba(255,255,255,0.94);
  border: 1px solid #e6edf0;
  box-shadow: 0 18px 48px rgba(12, 32, 52, 0.08);
}

.panel-title {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 20px;
}

.panel-title h3 {
  margin: 4px 0 0;
  color: #10233a;
  font-size: 1.25rem;
  letter-spacing: -0.03em;
}

.panel-title a {
  color: #0f9f7a;
  text-decoration: none;
  font-weight: 900;
  font-size: 0.9rem;
}

.eyebrow {
  display: block;
  color: #7a8da3;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.bar-list {
  display: grid;
  gap: 16px;
}

.bar-row {
  display: grid;
  gap: 8px;
}

.bar-meta {
  display: flex;
  justify-content: space-between;
  color: #10233a;
  font-weight: 850;
}

.bar-meta span {
  color: #73859a;
}

.bar {
  height: 11px;
  border-radius: 999px;
  background: #eef3f5;
  overflow: hidden;
}

.bar i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #15c994, #26b6e8);
}

.health-list {
  display: grid;
  gap: 12px;
}

.health-list div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #edf1f4;
}

.health-list div:last-child {
  border-bottom: 0;
}

.health-list span {
  color: #66788c;
  font-weight: 800;
}

.health-list strong {
  color: #10233a;
  font-size: 1.1rem;
}


/* TABLES AND LISTS */

.content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.8fr);
  gap: 22px;
  align-items: start;
}

.content-grid .wide {
  grid-row: span 2;
}

.table-wrap {
  width: 100%;
  overflow-x: auto;
}

.premium-table {
  width: 100%;
  border-collapse: collapse;
}

.premium-table th {
  text-align: left;
  padding: 14px 16px;
  color: #6f8196;
  font-size: 0.74rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  background: #f6f9fb;
}

.premium-table td {
  padding: 15px 16px;
  border-bottom: 1px solid #edf1f4;
  color: #22364d;
  font-weight: 700;
}

.premium-table tr:hover td {
  background: #fbfdfd;
}

.code-pill {
  display: inline-flex;
  max-width: 220px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f2f6f8;
  color: #1f344a;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 0.78rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.badge,
.status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 950;
  font-style: normal;
}

.badge.ok,
.status.ok {
  background: #e8fbf4;
  color: #087f5b;
}

.status.no {
  background: #fff0f0;
  color: #c92a2a;
}

.status.muted {
  background: #f1f3f5;
  color: #748092;
}

.compact-list {
  display: grid;
  gap: 14px;
}

.compact-item {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 13px;
  align-items: center;
  padding: 14px;
  border-radius: 18px;
  background: #f8fbfc;
  border: 1px solid #e9eff2;
}

.icon-chip {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: #e8fbf4;
  color: #087f5b;
}

.icon-chip.lock {
  background: #fff6dc;
  color: #b7791f;
}

.compact-item__text {
  min-width: 0;
}

.compact-item strong {
  display: block;
  color: #10233a;
  font-size: 0.92rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.compact-item span {
  display: block;
  margin-top: 4px;
  color: #6b7d91;
  font-size: 0.82rem;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.empty-state {
  padding: 22px;
  text-align: center;
  color: #7a8da3;
  font-weight: 800;
  border-radius: 18px;
  background: #f8fbfc;
  border: 1px dashed #d7e1e7;
}


/* RESPONSIVE */

@media (max-width: 1400px) {
  .premium-stats {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 1100px) {
  .dashboard-hero,
  .analytics-grid,
  .content-grid {
    grid-template-columns: 1fr;
  }

  .dashboard-hero__right {
    display: block;
  }

  .content-grid .wide {
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .dashboard-hero {
    padding: 24px;
    border-radius: 24px;
  }

  .premium-stats {
    grid-template-columns: 1fr;
  }

  .api-schema {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .api-line {
    width: 2px;
    height: 28px;
    margin: auto;
  }

  .api-node small {
    position: static;
    transform: none;
    margin-top: 4px;
  }

  .api-node {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .hero-actions {
    flex-direction: column;
  }

  .btn {
    width: 100%;
  }
}.grid-2{display:grid;grid-template-columns:1fr 1.3fr;gap:18px;align-items:start}.mt-3{margin-top:18px}.token-box{background:#111827;color:#d1fae5;border-radius:10px;padding:14px 16px;font-family:ui-monospace,Consolas,monospace;font-size:.9rem;overflow:auto;word-break:break-all}.muted{color:#6b7280}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.plan-card{border:1px solid #e4dcc4;border-radius:14px;background:#fffdf8;padding:16px;box-shadow:0 12px 30px rgba(31,41,55,.06)}.plan-card h4{margin:0 0 8px}.plan-card .price{font-size:1.35rem;font-weight:900;color:#234b25;margin-bottom:8px}.plan-card ul{margin:10px 0 14px;padding-left:18px;color:#4b5563}.plan-card li{margin:4px 0}@media(max-width:980px){.grid-2{grid-template-columns:1fr}}