:root{
  --navy:#071a36;
  --navy2:#0b2a55;
  --blue:#4096f6;
  --sky:#32c7ff;
  --green:#24b99d;
  --gold:#ffb650;
  --red:#f43f6c;
  --page:#eaf2fb;
  --text:#102238;
  --muted:#52637a;
  --line:#d7e0eb;
  --shadow:0 16px 38px rgba(26,43,66,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,var(--page) 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
.hidden{display:none!important}

/* Secure gateway */
.entry{
  min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:36px 20px;color:#fff;
  background:linear-gradient(135deg,#030b18 0%,#071a36 46%,#0b4f85 100%)
}
.entry-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 18% 18%,rgba(56,189,248,.42),transparent 25%),
  radial-gradient(circle at 86% 14%,rgba(255,182,80,.24),transparent 24%),
  radial-gradient(circle at 76% 82%,rgba(36,185,157,.26),transparent 26%),
  linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 100%),
  linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 100%);
  background-size:auto,auto,auto,46px 46px,46px 46px
}
.entry-bg:after{content:"";position:absolute;inset:7%;border:1px solid rgba(125,211,252,.13);border-radius:36px;box-shadow:inset 0 0 80px rgba(56,189,248,.1),0 0 90px rgba(0,0,0,.28)}
.entry-card{width:min(1060px,100%);position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07));box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18);backdrop-filter:blur(18px)}
.entry-brand{grid-column:1/-1;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(90deg,rgba(3,11,24,.72),rgba(8,46,91,.42));display:flex;align-items:center;justify-content:space-between;gap:16px}
.entry-brand img{display:block;width:310px;max-width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.preview-chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(125,211,252,.28);background:rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8de9ff}
.entry-copy{min-height:445px;padding:44px 42px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 18% 20%,rgba(50,199,255,.22),transparent 30%),linear-gradient(135deg,rgba(3,11,24,.40),rgba(8,46,91,.18))}
.entry-kicker{width:fit-content;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 11px;border:1px solid rgba(125,211,252,.28);border-radius:999px;color:#7ce7ff;background:rgba(255,255,255,.10);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.entry-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#24b99d;box-shadow:0 0 14px #24b99d}
.entry-copy h1{margin:0;max-width:500px;color:#fff;font-size:43px;line-height:1.02;letter-spacing:-.01em;text-shadow:0 14px 34px rgba(0,0,0,.30)}
.entry-copy p{max-width:530px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7;font-weight:700}
.entry-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.entry-highlights span{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.entry-form{min-height:445px;padding:44px 42px;display:grid;align-content:center;gap:16px;background:rgba(255,255,255,.96);color:#102238}
.entry-form-head>span{display:inline-flex;margin-bottom:11px;padding:7px 10px;border-radius:999px;background:#e7f8ff;color:#077aa5;font-size:11px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.entry-form-head h2{margin:0;color:#071a36;font-size:31px;line-height:1.05;font-weight:950;letter-spacing:-.01em}
.entry-form-head p{margin:10px 0 0;color:#53657d;font-size:14px;line-height:1.55;font-weight:700}
.entry-form label{display:grid;gap:8px;margin:0}
.entry-form label span{color:#203852;font-size:12px;font-weight:950;letter-spacing:.10em;text-transform:uppercase}
.entry-form input{appearance:none;width:100%;min-height:56px;border:1px solid #c5d6e8;border-radius:14px;padding:0 16px;color:#102238;background:linear-gradient(180deg,#fff,#f6fbff);box-shadow:inset 0 1px 0 #fff,0 13px 28px rgba(16,34,56,.07);font-size:15px;font-weight:700;outline:none}
.entry-form input:focus{border-color:#19bdf4;box-shadow:0 0 0 4px rgba(25,189,244,.18),inset 0 1px 0 #fff}
.entry-form button{min-height:58px;margin-top:5px;border:0;border-radius:14px;color:#03172d;background:linear-gradient(180deg,#8eeaff,#1bbef4);box-shadow:0 18px 38px rgba(14,165,233,.30),inset 0 1px 0 rgba(255,255,255,.65);font-size:13px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:.18s}
.entry-form button:hover{transform:translateY(-1px);box-shadow:0 24px 44px rgba(14,165,233,.34),inset 0 1px 0 rgba(255,255,255,.70)}
.entry-assurance{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:17px 28px 20px;border-top:1px solid rgba(255,255,255,.12);background:rgba(3,11,24,.34)}
.entry-assurance span{display:inline-flex;padding:8px 11px;border-radius:999px;color:rgba(255,255,255,.84);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

/* Dashboard */
.dashboard{min-height:100vh;background:linear-gradient(180deg,#f8fbff 0%,var(--page) 100%)}
.top{min-height:72px;display:flex;align-items:center;position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#071a36 0%,#0b2a55 58%,#0e3d78 100%);color:#fff;box-shadow:0 2px 10px rgba(20,36,58,.18)}
.brand{width:324px;min-height:72px;display:flex;align-items:center;padding:0 18px;border-right:1px solid rgba(255,255,255,.12)}
.brand img{display:block;width:238px;max-width:100%;height:auto}
.nav{display:flex;align-items:center;gap:3px;padding:0 16px;flex:1}
.nav a{padding:9px 10px;border-radius:7px;color:#fff;text-decoration:none;font-size:12px;font-weight:850}
.nav a:hover{background:rgba(255,255,255,.09)}
.top-actions{display:flex;align-items:center;gap:8px;padding:0 16px}
.top-actions span,.top-actions button,.top-actions a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:7px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.top-actions span{background:linear-gradient(180deg,#0ea5e9,#1673d1)}
.top-actions button{cursor:pointer}
.refresh{background:linear-gradient(180deg,#7dd3fc 0%,#38bdf8 58%,#0ea5e9 100%);color:#04162e!important;border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 12px 26px rgba(14,165,233,.32)}
.logout{background:linear-gradient(180deg,#ff7a59 0%,#ef233c 48%,#9f1239 100%);border:2px solid rgba(255,255,255,.92)!important;box-shadow:0 12px 28px rgba(239,35,60,.38)}

.tier-strip{background:linear-gradient(180deg,#fff,#edf4fb);border-bottom:1px solid #cbd7e4;padding:10px 12px 12px;box-shadow:0 8px 22px rgba(24,52,86,.07)}
.tier-strip-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 8px;max-width:1840px}
.tier-strip-head strong{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#40556f}
.tier-strip-head span{font-size:10px;font-weight:800;color:#698098}
.tier-grid{max-width:1840px;margin:0 auto;display:grid;grid-template-columns:repeat(8,minmax(145px,1fr));gap:9px}
.tier-btn{min-height:74px;position:relative;overflow:hidden;border-radius:7px;border:1px solid rgba(255,255,255,.36);padding:10px 11px;color:#fff;text-align:left;cursor:pointer;box-shadow:0 8px 18px rgba(14,31,58,.16),inset 0 1px 0 rgba(255,255,255,.22);transition:.18s}
.tier-btn:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 92% 8%,rgba(255,255,255,.25),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.14),transparent 48%)}
.tier-btn:hover{transform:translateY(-2px);filter:saturate(1.08)}
.tier-btn.active{box-shadow:0 0 0 3px #ffd84f,0 8px 24px rgba(14,31,58,.22)}
.tier-btn b,.tier-btn small,.tier-btn em{position:relative;z-index:1;display:block}
.tier-btn b{font-size:13px;line-height:1.05}
.tier-btn small{margin-top:5px;font-size:9px;font-weight:850;color:rgba(255,255,255,.9)}
.tier-btn em{position:absolute;right:8px;bottom:8px;font-style:normal;font-size:10px;font-weight:950}

.shell{display:grid;grid-template-columns:324px minmax(0,1fr);align-items:start;min-height:calc(100vh - 72px)}
.sidebar{background:linear-gradient(180deg,#f8fafc 0%,#eef3f8 52%,#e4ebf3 100%);border-right:1px solid #c9d3df;box-shadow:10px 0 28px rgba(37,48,68,.14);min-height:100%}
.side-section{padding:10px 6px 18px}
.side-title{margin:8px 0 7px;padding:8px 12px;color:#fff;font-size:12px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(180deg,#4096f6,#2776d4);border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid #1857a5;box-shadow:0 2px 8px rgba(24,87,165,.18)}
.category-note{margin:0 4px 9px;padding:9px 10px;border-radius:7px;background:#eaf6ff;border:1px solid #bfdbfe;color:#18446f;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.search-box{margin:0 4px 10px;display:flex;align-items:center;gap:8px;height:40px;padding:0 11px;border:1px solid #c7d4e2;border-radius:6px;background:#fff;box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(33,43,58,.08)}
.search-box svg{width:16px;height:16px;stroke:#6a7f98;flex:0 0 auto}
.search-box input{width:100%;border:0;outline:0;background:transparent;color:#18314d;font-size:12px}
.side-links{padding-right:4px}
.side-link{width:100%;min-height:34px;margin:4px 0;padding:8px 12px 8px 23px;position:relative;display:flex;align-items:center;gap:8px;color:#102238;border:1px solid #bfc8d4;border-radius:5px;text-decoration:none;font-weight:850;font-size:12px;background:linear-gradient(180deg,#fff 0%,#f6f8fb 45%,#e4e9f0 100%);box-shadow:inset 0 1px 0 #fff,0 2px 5px rgba(33,43,58,.16);cursor:pointer;text-align:left}
.side-link:before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;border-radius:50%;background:#4096f6;transform:translateY(-50%);box-shadow:0 0 0 2px rgba(64,150,246,.1)}
.side-link.active{color:#fff;border-color:#7dd3fc;background:linear-gradient(180deg,#38bdf8,#0ea5e9);box-shadow:0 8px 22px rgba(14,165,233,.26)}
.idx{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;border-radius:7px;background:rgba(64,150,246,.12);color:#1b5ca7;font-size:10px;font-weight:950}
.side-link.active .idx{background:rgba(255,255,255,.22);color:#fff}
.side-link .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-count{min-width:26px;padding:3px 6px;border-radius:999px;background:#e9f3ff;color:#1b5ca7;text-align:center;font-size:9px;font-weight:950}
.side-link.active .side-count{background:rgba(255,255,255,.2);color:#fff}

.main{min-width:0;padding:24px 28px 0}
.hero{position:relative;overflow:hidden;margin-bottom:16px;padding:15px 20px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;border:1px solid rgba(125,211,252,.34);border-radius:12px;color:#fff;background:linear-gradient(135deg,rgba(5,19,43,.98) 0%,rgba(8,46,91,.98) 54%,rgba(10,121,182,.98) 100%);box-shadow:0 18px 44px rgba(10,45,95,.20),inset 0 1px 0 rgba(255,255,255,.18)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 9% 12%,rgba(50,199,255,.36),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 100%);background-size:auto,44px 44px,44px 44px}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,#38bdf8,#24b99d,#ffb650,#38bdf8);box-shadow:0 -10px 28px rgba(56,189,248,.28)}
.hero-content,.hero-actions{position:relative;z-index:1}
.hero-content{padding-left:13px;border-left:4px solid #38bdf8}
.hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#7ce7ff;font-size:9px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.hero-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#24b99d;box-shadow:0 0 12px #24b99d}
.hero h1{max-width:850px;margin:0;color:#fff;font-size:25px;line-height:1.08;letter-spacing:.01em;text-shadow:0 8px 24px rgba(0,0,0,.26)}
.hero p{max-width:900px;margin:6px 0 0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.45;font-weight:750}
.hero-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.hero-meta span{padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:9px;font-weight:850}
.hero-actions{min-width:260px;display:flex;gap:10px;justify-content:flex-end}
.btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:8px;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:950;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(180deg,#7dd3fc,#38bdf8);color:#03172d;border-color:rgba(255,255,255,.2);box-shadow:0 14px 30px rgba(50,199,255,.26)}
.btn-secondary{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.24)}

.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.kpi{min-height:128px;padding:22px 24px;color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 20px 44px rgba(9,20,41,.24),inset 0 1px 0 rgba(255,255,255,.18)}
.kpi span,.kpi em{display:block;font-style:normal;font-weight:850}
.kpi span{font-size:14px}
.kpi strong{display:block;margin:20px 0 12px;text-align:right;font-size:30px;line-height:1}
.kpi em{font-size:12px;opacity:.94}
.kpi.blue{background:linear-gradient(135deg,#06255c 0%,#0b5fbd 58%,#0ea5e9 100%)}
.kpi.green{background:linear-gradient(135deg,#053b2d 0%,#087a5d 55%,#13b981 100%)}
.kpi.gold{background:linear-gradient(135deg,#5b2d06 0%,#b56b0f 56%,#f0a326 100%)}
.kpi.red{background:linear-gradient(135deg,#4a071c 0%,#9f1239 54%,#ef3f65 100%)}

.panel{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden;margin-bottom:22px}
.section-strip{padding:15px 18px;border-bottom:1px solid #e6edf5;background:linear-gradient(180deg,#fff,#f4f8fd);color:#18314d;font-size:13px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;gap:12px}
.section-strip small{font-size:10px;color:#698098;letter-spacing:.04em}
.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px}
.card{--accent:#40dfff;--deep:#061634;--mid:#084a8c;--low:#0e7490;min-height:365px;display:flex;flex-direction:column;padding:16px 18px 19px;position:relative;overflow:hidden;border-radius:16px;color:#fff;background-color:#07101d;background-image:radial-gradient(circle at 78% 12%,rgba(34,211,238,.3),transparent 36%),linear-gradient(145deg,var(--deep),var(--mid) 54%,var(--low));border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 54px rgba(20,36,58,.24)}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 100%),linear-gradient(0deg,rgba(255,255,255,.055) 0 1px,transparent 1px 100%);background-size:auto,34px 34px,34px 34px;pointer-events:none}
.card:after{content:"";position:absolute;right:18px;bottom:18px;width:96px;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent));box-shadow:0 0 26px var(--accent)}
.card-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-bottom:14px}
.badges{display:flex;gap:5px;flex-wrap:wrap}
.badge{display:inline-flex;padding:5px 8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.num{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(255,255,255,.13);font-size:11px;font-weight:900}
.art{height:102px;margin:-2px 0 14px;position:relative;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);z-index:1}
.art svg{width:92%;height:80px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.28))}
.card h2{position:relative;z-index:1;margin:0 0 9px;color:#fff;font-size:15px;line-height:1.14;text-transform:uppercase;text-shadow:0 3px 16px rgba(0,0,0,.36);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card p{position:relative;z-index:1;margin:0 0 12px;color:rgba(255,255,255,.86);font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.credential{position:relative;z-index:1;display:grid;gap:5px;margin:0 0 11px;padding:9px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.82);font-size:9px;font-weight:800}
.credential span{display:flex;justify-content:space-between;gap:8px}
.credential b{color:#fff;letter-spacing:.04em;text-transform:uppercase}
.credential em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.card-action{position:relative;z-index:1;margin-top:auto}
.card-btn{width:100%;min-height:34px;display:flex;align-items:center;justify-content:center;color:#071a36;border:2px solid rgba(255,255,255,.92);background:linear-gradient(180deg,#fff9da 0%,#ffd84f 52%,#ff9d00 100%);border-radius:999px;padding:9px 12px;box-shadow:0 16px 30px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,255,255,.95);font-size:9px;font-weight:950;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.card-btn:hover{background:linear-gradient(180deg,#fff 0%,#8ef0ff 50%,#20c5ff 100%);transform:translateY(-1px)}
.load-more-wrap{display:none;justify-content:center;padding:0 18px 24px}.load-more-wrap.show{display:flex}.load-more{min-height:42px;padding:0 22px;border:1px solid #0d5ca9;border-radius:999px;background:linear-gradient(180deg,#2fc7ff,#0e78da);color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px rgba(14,120,218,.24)}.empty{display:none;margin:24px;padding:28px;border:1px dashed #b9c8d8;border-radius:10px;background:#f7fbff;text-align:center;color:#5c6f86;font-weight:850}
.empty.show{display:block}

.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px}
.summary-card{padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow)}
.summary-card h3{margin:0 0 14px;color:#1c2b40;font-size:13px;font-weight:900;text-transform:uppercase}
.summary-card ul{list-style:none;margin:0;padding:0}
.summary-card li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e6edf5;color:#314057;font-size:12px}
.summary-card li b{color:#0d845f}

.footer{margin:0 -28px;background:linear-gradient(180deg,#f7fbff 0%,#fff 42%,#f2f7ff 100%);border-top:1px solid rgba(31,85,150,.14);padding:54px 34px 26px}
.footer-shell{max-width:1220px;margin:0 auto}
.cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:30px 34px;border-radius:18px;background:radial-gradient(circle at 9% 20%,rgba(42,169,255,.24),transparent 28%),linear-gradient(135deg,#061d3a 0%,#0b376d 55%,#0d83c8 100%);box-shadow:0 24px 60px rgba(10,45,95,.20);color:#fff}
.eyebrow{color:#7ce7ff;display:block;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.cta h2{margin:0 0 9px;font-size:28px;color:#fff}
.cta p{margin:0;max-width:760px;color:rgba(255,255,255,.82);line-height:1.7;font-size:14px}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.bottom{border-top:1px solid rgba(26,83,150,.14);padding-top:22px;color:#5a6b82;font-size:12px;display:flex;justify-content:space-between;margin-top:28px}

/* modal */
.modal-backdrop{display:none;position:fixed;inset:0;z-index:100;background:rgba(2,8,23,.76);backdrop-filter:blur(8px);padding:24px;place-items:center}
.modal-backdrop.open{display:grid}
.modal{width:min(720px,100%);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.38)}
.modal-head{padding:24px;color:#fff;background:linear-gradient(135deg,#061d3a,#0b376d 55%,#0d83c8)}
.modal-head small{display:block;margin-bottom:7px;color:#7ce7ff;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.modal-head h3{margin:0;font-size:25px}
.modal-body{padding:24px}
.modal-body p{color:#52637a;line-height:1.7}
.modal-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.modal-meta span{padding:12px;border:1px solid #d8e4ef;border-radius:10px;background:#f7fbff;color:#324b67;font-size:11px}
.modal-meta b{display:block;margin-bottom:5px;color:#0c4a78;text-transform:uppercase}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:17px 24px;border-top:1px solid #e2e8f0;background:#f8fbff}
.modal-actions .btn-secondary{background:#e8f2fc;color:#163966;border-color:#cbdced}
.modal-actions .btn-primary{border:0}

.palette-1{--accent:#40dfff;--deep:#061634;--mid:#084a8c;--low:#0e7490}
.palette-2{--accent:#fb7185;--deep:#260617;--mid:#7f1d4d;--low:#f97316}
.palette-3{--accent:#86efac;--deep:#052e1a;--mid:#047857;--low:#22c55e}
.palette-4{--accent:#fda4af;--deep:#330511;--mid:#9f1239;--low:#f43f5e}
.palette-5{--accent:#67e8f9;--deep:#082f49;--mid:#1d4ed8;--low:#0891b2}
.palette-6{--accent:#fde68a;--deep:#422006;--mid:#b45309;--low:#f59e0b}
.palette-7{--accent:#4ade80;--deep:#052e16;--mid:#166534;--low:#65a30d}
.palette-8{--accent:#38bdf8;--deep:#11114a;--mid:#3730a3;--low:#0284c7}
.palette-9{--accent:#facc15;--deep:#3b0718;--mid:#be123c;--low:#ca8a04}
.palette-10{--accent:#c084fc;--deep:#240046;--mid:#7e22ce;--low:#d946ef}
.palette-11{--accent:#2dd4bf;--deep:#042f2e;--mid:#0f766e;--low:#06b6d4}
.palette-12{--accent:#fb7185;--deep:#4a044e;--mid:#db2777;--low:#fb923c}
.palette-13{--accent:#7dd3fc;--deep:#020617;--mid:#1e3a8a;--low:#0891b2}
.palette-14{--accent:#fb923c;--deep:#1c0a02;--mid:#7c2d12;--low:#c2410c}
.palette-15{--accent:#86efac;--deep:#03140a;--mid:#14532d;--low:#22c55e}
.palette-16{--accent:#a5b4fc;--deep:#100c2a;--mid:#3730a3;--low:#6366f1}
.palette-17{--accent:#fda4af;--deep:#24050d;--mid:#9f1239;--low:#f43f5e}
.palette-18{--accent:#5eead4;--deep:#021917;--mid:#0f766e;--low:#14b8a6}
.palette-19{--accent:#fde047;--deep:#1f1603;--mid:#854d0e;--low:#eab308}
.palette-20{--accent:#d8b4fe;--deep:#17052d;--mid:#6b21a8;--low:#a855f7}
.palette-21{--accent:#67e8f9;--deep:#061923;--mid:#0e7490;--low:#22d3ee}
.palette-22{--accent:#f0abfc;--deep:#230522;--mid:#a21caf;--low:#e879f9}
.palette-23{--accent:#bef264;--deep:#101804;--mid:#4d7c0f;--low:#84cc16}
.palette-24{--accent:#f9a8d4;--deep:#21051f;--mid:#86198f;--low:#db2777}

@media(max-width:1500px){
  .tier-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}
  .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .top{flex-wrap:wrap}.brand{width:auto;min-width:260px}.nav{order:3;width:100%;padding:5px 12px;background:rgba(0,0,0,.12)}
  .shell{grid-template-columns:270px minmax(0,1fr)}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpis,.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .entry{padding:18px 14px}.entry-card{grid-template-columns:1fr}.entry-brand{padding:18px}.entry-copy,.entry-form{min-height:auto;padding:32px 22px}.entry-copy h1{font-size:38px}.preview-chip{display:none}
  .top{position:relative}.brand{width:100%;justify-content:center;border:0}.top-actions{width:100%;justify-content:center;padding-bottom:10px}.nav{overflow:auto;justify-content:flex-start}
  .tier-grid{display:flex;overflow:auto}.tier-btn{min-width:180px}
  .shell{display:block}.sidebar{border-right:0;border-bottom:1px solid #c9d3df}.side-links{display:flex;overflow:auto;gap:7px;padding:0 4px 8px}.side-link{min-width:220px}.main{padding:18px 14px 0}
  .hero{grid-template-columns:1fr}.hero-actions{min-width:0;justify-content:flex-start}.resource-grid{grid-template-columns:1fr}.kpis,.summary-grid{grid-template-columns:1fr}
  .footer{margin:0 -14px;padding:36px 18px 22px}.cta{grid-template-columns:1fr;padding:24px}.bottom{display:grid;gap:8px}
  .section-strip{display:grid}.modal-meta{grid-template-columns:1fr}
}

.entry-error{padding:12px 14px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#9f1239;font-size:13px;font-weight:850;line-height:1.45}
.logout{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}
body.admin-bar .top{top:32px}
@media(max-width:782px){body.admin-bar .top{top:46px}}