:root{
    --bg:#f4f7fb;
    --bg-soft:#eef4ff;
    --card:#ffffff;
    --text:#0f172a;
    --muted:#64748b;
    --primary:#2563eb;
    --primary-dark:#1d4ed8;
    --secondary:#0f172a;
    --line:#dbe4f0;
    --success:#16a34a;
    --warning:#d97706;
    --danger:#dc2626;
    --info:#0891b2;
    --shadow:0 18px 50px rgba(15,23,42,.08);
    --shadow-lg:0 28px 80px rgba(15,23,42,.13);
    --radius:24px;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body{
    margin:0;
    color:var(--text);
    font-family:Inter,Arial,sans-serif;
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.10), transparent 28%),
        radial-gradient(circle at bottom right, rgba(56,189,248,.10), transparent 24%),
        linear-gradient(180deg,#eef4fb 0%,#f8fbff 100%);
}
a{text-decoration:none}
.admin-shell{display:grid;grid-template-columns:310px 1fr;min-height:100vh}
.admin-sidebar{
    position:sticky;top:0;min-height:100vh;padding:24px 18px;
    display:flex;flex-direction:column;gap:18px;
    background:
        radial-gradient(circle at top, rgba(56,189,248,.20), transparent 24%),
        linear-gradient(180deg,#08132d 0%,#10265a 56%,#17367e 100%);
    color:#dbeafe;
}
.admin-brand{display:flex;gap:14px;align-items:center;padding:0 4px 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.admin-brand-icon{
    width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:#fff;
    background:linear-gradient(135deg,#60a5fa,#2563eb 72%);
    box-shadow:0 18px 35px rgba(37,99,235,.35);
    font-size:1.35rem;
}
.admin-brand h2{margin:2px 0 4px;color:#fff;font-size:1.32rem;font-weight:800}
.admin-brand p,.admin-brand small{margin:0;color:rgba(255,255,255,.78)}
.admin-nav{display:grid;gap:8px}
.admin-nav a,.admin-sidebar-box a{
    display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;
    color:#dbeafe;font-weight:700;transition:.24s ease;
}
.admin-nav a:hover,.admin-sidebar-box a:hover{
    background:rgba(255,255,255,.08);color:#fff;transform:translateX(3px)
}
.admin-nav a.is-active{
    color:#fff;
    background:linear-gradient(135deg,rgba(96,165,250,.22),rgba(37,99,235,.20));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 24px rgba(0,0,0,.10);
}
.admin-sidebar-box{
    margin-top:auto;padding:18px;border-radius:22px;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);
    display:grid;gap:10px;backdrop-filter:blur(10px)
}
.admin-sidebar-box strong{color:#fff;font-size:.95rem}
.admin-main{padding:28px}
.glass-card,.panel-admin,.table-card,.metric,.admin-empty,.stats-strip-card,.hero-panel,.quick-panel,.form-panel,.premium-surface{
    background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)
}
.admin-header{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:24px 26px;margin-bottom:18px;
    background:linear-gradient(135deg,#ffffff 0%,#f6faff 100%);
}
.admin-badge,.mini-badge,.status-pill,.table-tag,.eyebrow,.premium-chip{
    display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
    font-size:.82rem;font-weight:800
}
.admin-badge,.mini-badge,.eyebrow,.premium-chip{background:#dbeafe;color:#1d4ed8}
.admin-page-title{margin:10px 0 6px;font-size:2.05rem;font-weight:800;color:var(--text)}
.admin-page-subtitle{margin:0;color:var(--muted);max-width:800px;line-height:1.6}
.admin-userbox{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:18px;border:1px solid var(--line);background:#fbfdff}
.admin-userbox strong{display:block;font-size:.96rem}
.admin-userbox span{display:block;color:var(--muted);font-size:.82rem}
.admin-user-avatar{
    width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;
    background:linear-gradient(135deg,#2563eb,#38bdf8)
}
.admin-alert{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:18px;margin:0 0 18px;font-weight:700}
.admin-alert.is-success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}
.admin-alert.is-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.admin-grid{display:grid;gap:18px}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}
.metric{
    position:relative;overflow:hidden;padding:20px;display:grid;gap:10px;color:#fff;border:none;
}
.metric::after{content:'';position:absolute;right:-16px;top:-18px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.12)}
.metric span{display:flex;align-items:center;gap:8px;font-weight:700;color:#eff6ff;font-size:.95rem}
.metric strong{font-size:2.1rem;color:#fff;line-height:1;font-weight:800}
.metric small{color:rgba(255,255,255,.9);line-height:1.5}
.metric-blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.metric-cyan{background:linear-gradient(135deg,#0891b2,#2563eb)}
.metric-violet{background:linear-gradient(135deg,#6d28d9,#4f46e5)}
.metric-gold{background:linear-gradient(135deg,#f59e0b,#d97706)}
.metric-green,.metric-emerald{background:linear-gradient(135deg,#16a34a,#15803d)}
.metric-pink{background:linear-gradient(135deg,#db2777,#be185d)}
.metric-dark{background:linear-gradient(135deg,#0f172a,#334155)}
.admin-grid-2cols{grid-template-columns:1.35fr .85fr;margin-bottom:18px}
.panel-admin{padding:24px}
.hero-panel{
    display:flex;justify-content:space-between;align-items:center;gap:18px;color:#fff;border:none;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 24%),
        linear-gradient(135deg,#0f172a 0%,#163b93 56%,#2563eb 100%);
    box-shadow:var(--shadow-lg)
}
.hero-panel h2{margin:10px 0 10px;font-size:2rem;color:#fff;font-weight:800}
.hero-panel p{margin:0;max-width:760px;color:rgba(255,255,255,.88);line-height:1.7}
.hero-actions-admin{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions-admin .button{border-radius:16px;font-weight:800;padding-inline:1.2rem;box-shadow:0 12px 28px rgba(15,23,42,.18)}
.quick-panel .panel-head,.panel-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.panel-head h2,.page-head h1{margin:0;font-size:1.4rem;font-weight:800;color:var(--text)}
.panel-head p,.page-head p{margin:6px 0 0;color:var(--muted);line-height:1.6}
.panel-head-stack{align-items:flex-start;flex-wrap:wrap}
.admin-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-quick-links a{
    display:block;padding:16px;border-radius:18px;background:#f8fbff;border:1px solid var(--line);
    color:var(--text);font-weight:700;transition:.24s ease;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)
}
.admin-quick-links a:hover{transform:translateY(-2px);border-color:#bfdbfe;background:#eef6ff}
.stats-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.stats-strip-card{padding:18px;text-align:center;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.stats-strip-card strong{display:block;font-size:1.65rem;font-weight:800;color:var(--text)}
.stats-strip-card span{display:block;margin-top:6px;color:var(--muted);line-height:1.5}
.table-card{overflow:hidden}
.admin-table{margin:0;background:transparent}
.admin-table thead th{
    background:#f7faff;color:var(--muted);text-transform:uppercase;font-size:.78rem;
    letter-spacing:.04em;border-bottom:1px solid var(--line)
}
.admin-table th,.admin-table td{padding:16px 18px;vertical-align:middle;border-color:var(--line)!important}
.admin-table tbody tr:hover{background:#fafcff}
.table-title{font-weight:800;color:var(--text)}
.table-tag{font-size:.76rem;padding:7px 10px}
.table-tag.is-published,.table-tag.is-success{background:#ecfdf3;color:#166534}
.table-tag.is-draft,.table-tag.is-warning{background:#fff7ed;color:#b45309}
.table-tag.is-danger{background:#fef2f2;color:#991b1b}
.table-tag.is-info{background:#ecfeff;color:#155e75}
.admin-empty{padding:28px;text-align:center;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.admin-empty strong{display:block;margin-bottom:6px;color:var(--text)}
.admin-empty span{color:var(--muted)}
.page-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap}
.page-actions{display:flex;gap:12px;flex-wrap:wrap}
.filter-card,.form-card,.stats-card-lite{
    background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px
}
.stats-card-lite{display:flex;align-items:center;gap:16px}
.stats-card-lite .icon{
    width:52px;height:52px;border-radius:18px;display:grid;place-items:center;color:#fff;
    background:linear-gradient(135deg,#2563eb,#38bdf8);font-size:1.15rem
}
.stats-card-lite strong{display:block;font-size:1.55rem;color:var(--text)}
.stats-card-lite span{color:var(--muted)}
.admin-form-grid{display:grid;gap:18px}
.admin-form-grid.two-columns{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)}
.admin-form-grid.equal-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-card{padding:24px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.form-group{display:grid;gap:8px}
.form-group label,.field label.label{font-weight:700;color:#0f172a;font-size:.96rem}
.form-group input,.form-group select,.form-group textarea,
.field .input,.field .select select,.field .textarea{
    width:100%;padding:14px 16px;border-radius:16px;border:1px solid #cfd9e6;
    background:#fff;transition:.22s ease;box-shadow:none
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus,
.field .input:focus,.field .select select:focus,.field .textarea:focus{
    border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.10)
}
.form-hint,.field .help{color:var(--muted);font-size:.85rem;line-height:1.5}
.button{font-weight:800;border-radius:15px;transition:.24s ease}
.button.is-link{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
.button.is-link:hover,.button.is-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(37,99,235,.22)}
.button.is-success:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(22,163,74,.22)}
.button.is-warning:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(245,158,11,.22)}
.button.is-light{background:#fff;border:1px solid var(--line)}
.upload-dropzone{display:block;border:2px dashed #bfdbfe;border-radius:20px;background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);padding:18px;cursor:pointer;transition:.2s ease}
.upload-dropzone:hover{border-color:#60a5fa;transform:translateY(-1px)}
.upload-dropzone input{display:none}
.upload-dropzone-inner{display:grid;place-items:center;text-align:center;gap:8px;min-height:150px;color:#1e3a8a}
.upload-dropzone-inner i{font-size:2rem;color:#2563eb}
.upload-dropzone-inner strong{color:#0f172a}
.upload-preview-card{margin-top:14px;border:1px solid #dbe4f0;border-radius:18px;overflow:hidden;background:#f8fbff;min-height:180px;display:grid;place-items:center}
.upload-preview-card img{display:block;width:100%;height:100%;object-fit:cover;min-height:180px}
.upload-placeholder{padding:28px;text-align:center;color:#64748b;font-weight:700}
.editor-card{padding-bottom:18px}
.editor-toolbar-hint{margin:-6px 0 14px;color:#64748b;font-size:.9rem}
.rich-editor{min-height:320px;background:#fff;border:1px solid #cbd5e1;border-radius:18px;overflow:hidden}
.rich-editor .ql-toolbar.ql-snow{border:none;border-bottom:1px solid #e5edf7;background:#f8fbff}
.rich-editor .ql-container.ql-snow{border:none;font-size:1rem;min-height:260px}
.editor-hidden{display:none}
.media-card,.sticky-aside-card{position:sticky;top:24px}
.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.card-title-row h3{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}
.card-title-row span{display:inline-flex;padding:7px 11px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.74rem;font-weight:800}
.switch-card{display:flex;align-items:center;gap:12px;background:#f8fbff;border:1px solid #dbe4f0;border-radius:16px;padding:14px 16px;font-weight:700;color:#0f172a;min-height:52px}
.switch-card input{accent-color:#2563eb;transform:scale(1.15)}
.switch-card-full{width:100%}
.premium-note-card{margin-top:10px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px solid #dbeafe;color:#1e3a8a}
.premium-note-card strong{display:block;color:#0f172a;margin-bottom:6px}
.premium-note-card p{margin:0;font-size:.92rem;line-height:1.6}
.form-actions-bar{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;padding-top:4px}
.multi-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.multi-preview-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;gap:8px}
.multi-preview-item img{width:100%;height:120px;object-fit:cover;border-radius:12px}
.table-price{font-size:1.05rem;font-weight:800;color:#0f172a}
.login-admin-body{
    min-height:100vh;display:grid;place-items:center;padding:24px;
    background:
        radial-gradient(circle at top left, rgba(37,99,235,.16), transparent 26%),
        radial-gradient(circle at bottom right, rgba(56,189,248,.16), transparent 24%),
        linear-gradient(135deg,#eff5ff 0%,#f8fbff 100%);
}
.login-admin-shell{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,470px);max-width:1120px;width:100%;gap:22px}
.login-admin-hero,.login-admin-card{
    background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:30px
}
.login-admin-hero{
    padding:34px;display:flex;flex-direction:column;justify-content:space-between;
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 24%),
        linear-gradient(135deg,#0f172a 0%,#17367e 56%,#2563eb 100%);
    color:#fff;border:none
}
.login-admin-hero h1{margin:14px 0 12px;font-size:2.4rem;line-height:1.05;color:#fff;font-weight:800}
.login-admin-hero p{margin:0;max-width:560px;color:rgba(255,255,255,.88);line-height:1.8}
.login-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}
.login-highlight{padding:16px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12)}
.login-highlight strong{display:block;font-size:1.05rem;color:#fff}
.login-highlight span{display:block;margin-top:6px;color:rgba(255,255,255,.82);line-height:1.5}
.login-admin-card{padding:30px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.login-admin-logo{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;font-size:1.35rem;box-shadow:0 18px 34px rgba(37,99,235,.26)}
.login-admin-card h2{margin:18px 0 10px;font-size:2rem;font-weight:800;color:var(--text)}
.login-admin-card > p{margin:0 0 18px;color:var(--muted);line-height:1.7}
.login-admin-card .notification{border-radius:16px}
.help-login{margin-top:14px;color:var(--muted);font-size:.88rem;line-height:1.6}
@media (max-width: 1180px){.metrics,.stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid-2cols{grid-template-columns:1fr}.login-admin-shell{grid-template-columns:1fr}}
@media (max-width: 1024px){.admin-form-grid.two-columns,.admin-form-grid.equal-columns,.form-row,.login-highlights,.multi-preview-grid{grid-template-columns:1fr}.media-card,.sticky-aside-card{position:static}}
@media (max-width: 768px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;min-height:auto}.admin-main{padding:16px}.admin-header,.hero-panel,.page-head{flex-direction:column;align-items:flex-start}.metrics,.stats-strip,.admin-quick-links{grid-template-columns:1fr}.panel-admin,.form-card,.filter-card,.stats-card-lite,.login-admin-card,.login-admin-hero{padding:18px}.form-actions-bar>*{width:100%}.form-actions-bar .button{justify-content:center}}


/* === Premium tables, forms and mobile nav upgrade 2026 === */
.admin-mobile-overlay{
    position:fixed;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(4px);
    opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;z-index:39;
}
.admin-mobile-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}
.admin-header-left,.admin-header-right{display:flex;align-items:center;gap:14px}
.admin-header-left{flex:1;min-width:0}
.admin-header-left > div{min-width:0}
.admin-mobile-toggle,.admin-mobile-close{
    display:none;align-items:center;justify-content:center;border:none;cursor:pointer;
    width:46px;height:46px;border-radius:16px;background:#eff6ff;color:#1d4ed8;
    box-shadow:0 10px 25px rgba(37,99,235,.12);font-size:1.05rem;font-weight:800;
}
.admin-mobile-close{
    position:absolute;right:16px;top:16px;background:rgba(255,255,255,.12);color:#fff;
    box-shadow:none;border:1px solid rgba(255,255,255,.14);
}
.table-card{border-radius:26px;border:1px solid #dbe4f0;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.admin-table{table-layout:auto}
.admin-table thead th:first-child{padding-left:22px}
.admin-table thead th:last-child{padding-right:22px}
.admin-table tbody td:first-child{padding-left:22px}
.admin-table tbody td:last-child{padding-right:22px}
.admin-table tbody tr{transition:.22s ease}
.admin-table tbody tr:hover{transform:scale(0.998);box-shadow:inset 0 0 0 999px rgba(37,99,235,.018)}
.table-actions{display:flex;gap:8px;flex-wrap:wrap}
.table-actions .button{
    border-radius:14px;border:1px solid #dbe4f0;background:#fff;font-weight:700;
    min-width:40px;box-shadow:0 8px 18px rgba(15,23,42,.06)
}
.table-actions .button:hover{transform:translateY(-1px);border-color:#bfdbfe}
.table-title{display:block;font-size:.98rem}
.table-subtitle{display:block;margin-top:4px;color:var(--muted);font-size:.84rem;line-height:1.5}
.admin-table td{line-height:1.55}
.admin-table td .table-tag + .table-tag{margin-left:6px}
.panel-admin,.filter-card,.form-card{border-radius:26px}
.form-card{
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.form-card .title,.form-card h3{letter-spacing:-.02em}
.form-row{align-items:start}
.field .input,.field .select select,.field .textarea,
.form-group input,.form-group select,.form-group textarea{
    min-height:52px;font-size:.98rem;background:#fcfdff;
}
.field .textarea,.form-group textarea{min-height:132px;resize:vertical}
.field .help{color:var(--muted);font-size:.82rem}
.select:not(.is-multiple):not(.is-loading)::after{border-color:#2563eb}
.switch-card{
    transition:.22s ease;background:linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%);
}
.switch-card:hover{border-color:#bfdbfe;transform:translateY(-1px)}
.premium-note-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.form-actions-bar{
    position:sticky;bottom:0;z-index:5;background:rgba(248,251,255,.88);backdrop-filter:blur(10px);
    padding:16px 0 4px;margin-top:2px;border-top:1px solid rgba(219,228,240,.8)
}
.form-actions-bar .button{
    min-height:48px;border-radius:16px;padding-inline:1.15rem;font-weight:800
}
.button.is-link.is-rounded,.button.is-light.is-small,.button.is-danger.is-light{
    box-shadow:0 10px 22px rgba(15,23,42,.08)
}
.button.is-link.is-rounded:hover,.button.is-light.is-small:hover,.button.is-danger.is-light:hover{transform:translateY(-1px)}
@media (max-width: 768px){
    body.admin-menu-open{overflow:hidden}
    .admin-mobile-toggle,.admin-mobile-close{display:inline-flex}
    .admin-shell{grid-template-columns:1fr}
    .admin-sidebar{
        position:fixed;left:0;top:0;bottom:0;width:min(86vw,340px);z-index:40;
        transform:translateX(-108%);transition:.28s ease;box-shadow:0 30px 80px rgba(2,8,23,.45)
    }
    .admin-sidebar.is-open{transform:translateX(0)}
    .admin-main{padding:14px}
    .admin-header{padding:18px 16px;border-radius:22px}
    .admin-header-right{width:100%;justify-content:flex-start}
    .admin-userbox{width:100%}
    .table-card{overflow:visible;background:transparent;border:none;box-shadow:none}
    .admin-table,.admin-table thead,.admin-table tbody,.admin-table th,.admin-table td,.admin-table tr{display:block;width:100%}
    .admin-table thead{display:none}
    .admin-table tbody{display:grid;gap:14px}
    .admin-table tbody tr{
        background:#fff;border:1px solid var(--line)!important;border-radius:22px;padding:10px 0;
        box-shadow:var(--shadow);overflow:hidden
    }
    .admin-table tbody td{
        padding:12px 16px 12px 16px !important;border:none!important;display:grid;gap:5px
    }
    .admin-table tbody td::before{
        content:attr(data-label);font-size:.74rem;font-weight:800;letter-spacing:.05em;
        text-transform:uppercase;color:#64748b
    }
    .table-actions{padding-top:4px}
    .form-card,.panel-admin,.filter-card,.stats-card-lite{padding:18px}
    .form-row,.columns.is-multiline{display:block}
    .columns.is-multiline>.column{padding:.4rem 0}
    .form-actions-bar{padding:14px 0 4px}
    .form-actions-bar .button{width:100%;justify-content:center}
}


/* === SaaS Premium 2026 === */
body{font-family:Inter,Arial,sans-serif}
.admin-main{position:relative}
.admin-header,.panel-admin,.form-card,.filter-card,.stats-card-lite,.table-card,.admin-empty,.quick-panel,.hero-panel{
    backdrop-filter:blur(14px)
}
.admin-header{
    box-shadow:0 22px 55px rgba(15,23,42,.08)
}
.admin-header-right .button{
    min-height:46px;border-radius:16px;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.08)
}
.admin-sidebar{
    box-shadow:28px 0 60px rgba(2,8,23,.18)
}
.admin-nav a,.admin-sidebar-box a{position:relative;overflow:hidden}
.admin-nav a::after,.admin-sidebar-box a::after{
    content:'';position:absolute;inset:auto -30% 0 auto;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.06)
}
.metric,.stats-strip-card,.stats-card-lite,.admin-quick-links a,.table-card,.panel-admin{
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease
}
.metric:hover,.stats-strip-card:hover,.stats-card-lite:hover,.admin-quick-links a:hover,.table-card:hover,.panel-admin:hover{
    transform:translateY(-3px)
}
.admin-table tbody tr{transition:transform .2s ease, box-shadow .2s ease}
.admin-table tbody tr:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 999px rgba(37,99,235,.02)}
.button.is-link,.button.is-primary{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;color:#fff
}
.button.is-warning{
    background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:#fff
}
.button.is-success{
    background:linear-gradient(135deg,#16a34a,#15803d);border:none;color:#fff
}
.button.is-light{border:1px solid #dbe6f3;background:linear-gradient(180deg,#fff,#f8fbff)}
.admin-login-hero{
    background:
      radial-gradient(circle at top left, rgba(96,165,250,.18), transparent 22%),
      radial-gradient(circle at bottom right, rgba(56,189,248,.16), transparent 24%),
      linear-gradient(180deg,#f2f7ff 0%,#eaf1ff 100%)
}
.admin-login-box{
    border-radius:30px;border:1px solid #dbe6f3;box-shadow:0 30px 80px rgba(15,23,42,.10);background:rgba(255,255,255,.92);backdrop-filter:blur(12px)
}
.admin-login-copy h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.04}


.admin-menu-badge{
    margin-left:auto;
    min-width:22px;
    height:22px;
    padding:0 7px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:#ef4444;
    color:#fff;
    font-size:.74rem;
    font-weight:800;
    box-shadow:0 8px 20px rgba(239,68,68,.35);
}