:root{
  --brand-primary:#0f6b65;
  --brand-secondary:#082f32;
  --brand-accent:#c69a3b;
  --brand-header-start:#061c22;
  --brand-header-end:#123f40;
  --surface:#ffffff;
  --surface-soft:#f4f8f6;
  --line:#dfe9e6;
  --text:#0f172a;
  --muted:#64748b;
  --grad-main:linear-gradient(135deg,#074c49 0%,#0f6b65 58%,#16847b 100%);
  --grad-header:linear-gradient(135deg,var(--brand-header-start) 0%,#0a3738 52%,var(--brand-header-end) 100%);
  --shadow-sm:0 8px 28px rgba(31,41,55,.08);
  --shadow-lg:0 24px 70px rgba(31,41,55,.12);
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(15,107,101,.075),transparent 24%),radial-gradient(circle at top right,rgba(198,154,59,.10),transparent 22%),#f4f7f5}
a{color:inherit}

.clean-header{position:sticky;top:0;z-index:1000;background:var(--grad-header);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 14px 38px rgba(31,41,55,.20)}
.clean-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px}
.clean-brand{text-decoration:none;display:flex;flex-direction:column;min-width:190px;line-height:1.05}
.clean-brand span{font-size:24px;font-weight:950;letter-spacing:-.04em;color:#fff}
.clean-brand small{font-size:12px;color:#c9dcda;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:290px}
.clean-nav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0}
.clean-nav a{font-size:14px;font-weight:850;text-decoration:none;color:#e7f0ee;padding:10px 12px;border-radius:12px;white-space:nowrap;transition:.18s ease}
.clean-nav a:hover{background:rgba(255,255,255,.10);color:#fff}
.clean-actions{display:flex;align-items:center;gap:8px}
.clean-btn,.admin-top-btn,.admin-btn,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.15);text-decoration:none;font-weight:900;font-size:14px;cursor:pointer;color:#fff;background:var(--grad-main);box-shadow:0 14px 28px rgba(7,76,73,.22);transition:.18s ease}
.clean-btn:hover,.admin-top-btn:hover,.admin-btn:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(7,76,73,.28)}
.clean-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}
.clean-icon b{position:absolute;right:-4px;top:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}
.clean-account{position:relative}
.clean-account summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:42px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:900;color:#fff;max-width:190px}
.clean-account summary::-webkit-details-marker{display:none}
.clean-account summary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clean-account-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 45px rgba(15,23,42,.14);padding:8px;z-index:1002}
.clean-account-menu a{display:block;text-decoration:none;padding:11px 12px;border-radius:11px;color:#334155;font-weight:800;font-size:14px}
.clean-account-menu a:hover{background:#edf5f3;color:#0f172a}
.clean-account-menu a.danger{color:#dc2626}
.clean-menu-btn{display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);color:#fff;font-size:20px;font-weight:900;cursor:pointer}
.clean-mobile-panel{display:none;border-top:1px solid rgba(255,255,255,.10);background:#071f24}
.clean-mobile-panel.open{display:block}
.clean-mobile-grid{max-width:1240px;margin:0 auto;padding:10px 16px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.clean-mobile-grid a{text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;font-weight:850;color:#fff;text-align:center}
.user-badge{font-size:11px;padding:2px 6px;border-radius:999px;background:#fef3c7;color:#92400e;white-space:nowrap}

.admin-topbar{position:sticky;top:0;z-index:1000;background:var(--grad-header);box-shadow:0 20px 45px rgba(15,23,42,.22);border-bottom:1px solid rgba(255,255,255,.10)}
.admin-topbar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px 18px}
.admin-brand{text-decoration:none;color:#fff;display:flex;flex-direction:column;min-width:190px;line-height:1.05}
.admin-brand span{font-size:22px;font-weight:950;letter-spacing:-.04em}.admin-brand small{font-size:12px;color:#c9dcda;margin-top:3px;font-weight:850}
.admin-topnav{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0}.admin-topnav a{text-decoration:none;color:#e7f0ee;font-weight:850;font-size:14px;padding:10px 11px;border-radius:12px;white-space:nowrap}.admin-topnav a:hover{background:rgba(255,255,255,.10);color:#fff}
.admin-top-actions{display:flex;align-items:center;gap:8px}
.admin-mobile-panel{background:#071f24;border-top:1px solid rgba(255,255,255,.10)}
.admin-shell{max-width:1240px;margin:0 auto;padding:24px 16px 48px}
.admin-hero{display:grid;grid-template-columns:1.5fr .78fr;gap:18px;align-items:stretch;margin-bottom:18px}
.admin-hero-main,.admin-hero-side,.admin-card,.admin-metric{background:#fff;border:1px solid #dfe9e6;border-radius:26px;box-shadow:var(--shadow-lg)}
.admin-hero-main{padding:28px;background:linear-gradient(135deg,#fff 0%,#eef6f3 45%,#fff9ee 100%);position:relative;overflow:hidden}
.admin-hero-main:before{content:"";position:absolute;right:-100px;top:-100px;width:240px;height:240px;border-radius:999px;background:linear-gradient(135deg,rgba(15,107,101,.13),rgba(198,154,59,.14));pointer-events:none}
.admin-hero-main>*{position:relative}
.admin-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff5dc;color:#7b5420;font-size:12px;font-weight:950;letter-spacing:.06em;text-transform:uppercase}
.admin-hero-main h1{font-size:clamp(30px,4.3vw,50px);line-height:1;letter-spacing:-.06em;margin:12px 0;color:#111827}
.admin-hero-main p{margin:0;color:#475569;font-size:16px;line-height:1.65;max-width:760px}
.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.admin-btn{border:0}
.admin-hero-side{padding:20px}
.admin-hero-side span{display:block;color:#64748b;font-weight:800;font-size:13px}.admin-hero-side strong{display:block;font-size:54px;letter-spacing:-.06em;color:#111827;line-height:1;margin:8px 0}
.admin-focus-list{display:grid;gap:8px;margin-top:14px}.admin-focus-list a,.admin-focus-list div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:14px;background:#f5f9f7;border:1px solid #e0eae7;text-decoration:none;color:#334155;font-weight:850}.admin-focus-list b{color:#111827}
.admin-separated-note{display:none}
.admin-alert.bad{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;border-radius:16px;padding:13px 14px;margin-bottom:14px;font-weight:850}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.admin-metric{display:block;padding:16px;text-decoration:none}.admin-metric span{display:block;color:#64748b;font-size:13px;font-weight:850}.admin-metric strong{display:block;font-size:30px;letter-spacing:-.05em;margin-top:4px;color:#111827}
.admin-card{padding:18px;margin-bottom:18px}.admin-card h2{margin:0 0 6px;font-size:22px;letter-spacing:-.04em}.admin-card p{margin:0 0 14px;color:#64748b;line-height:1.5}
.admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.admin-section-label{margin:0 0 12px;color:#64748b;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.admin-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-block,.admin-link-card{display:block;text-decoration:none;background:linear-gradient(180deg,#fff,#f5f9f7);border:1px solid #dfe9e6;border-radius:18px;padding:16px;min-height:118px;transition:.18s ease}
.admin-block:hover,.admin-link-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(15,23,42,.10)}
.admin-block b,.admin-link-card strong{display:block;font-size:16px;color:#111827;margin-bottom:7px}.admin-block span,.admin-link-card span{display:block;color:#64748b;line-height:1.45;font-size:13px}.admin-block i{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,rgba(15,107,101,.12),rgba(198,154,59,.16));font-style:normal;margin-bottom:10px}
.admin-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-table-wrap{overflow:auto;border:1px solid #dfe9e6;border-radius:16px}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #e7eeeb;text-align:left;font-size:14px}.admin-table th{color:#475569;background:#f5f9f7;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.admin-table tr:last-child td{border-bottom:0}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff4d8;color:#75501c;font-size:12px;font-weight:900}

@media(max-width:1060px){.admin-topnav,.clean-nav,.clean-account{display:none}.clean-menu-btn{display:inline-flex;align-items:center;justify-content:center}.admin-block-grid,.admin-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.admin-hero,.admin-grid{grid-template-columns:1fr}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.clean-header-inner,.admin-topbar-inner{padding:12px}.clean-brand,.admin-brand{min-width:0}.clean-brand span,.admin-brand span{font-size:19px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clean-brand small,.admin-brand small{max-width:170px}.admin-block-grid,.admin-link-grid,.admin-metrics,.clean-mobile-grid{grid-template-columns:1fr}.admin-top-actions .admin-top-btn:first-child{display:none}.admin-shell{padding:16px 12px 36px}.admin-hero-main,.admin-hero-side,.admin-card,.admin-metric{border-radius:20px}}

/* Professional admin sidebar arrangement */
.admin-with-sidebar{background:#f3f6fb}
.admin-side{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,#15212d 0%,#0d1724 100%);z-index:1200;color:#dbe7f6;border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 42px rgba(15,23,42,.16);overflow:auto}
.admin-side-brand{display:grid;grid-template-columns:46px 1fr;column-gap:10px;align-items:center;text-decoration:none;color:#fff;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-side-brand span{grid-row:1/3;width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:var(--grad-main);font-size:24px;font-weight:950;color:#fff;box-shadow:0 18px 30px rgba(7,76,73,.25)}
.admin-side-brand b{font-size:18px;line-height:1.05;letter-spacing:-.02em}.admin-side-brand small{font-size:12px;color:#93a4b8;margin-top:4px}
.admin-side-nav{display:grid;gap:5px;padding:16px 14px}.admin-side-nav:before{content:'Main Navigation';padding:10px 4px 8px;color:#7f8da0;text-transform:uppercase;letter-spacing:.08em;font-weight:900;font-size:11px}.admin-side-nav a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#b8c7d9;font-weight:850;padding:12px 12px;border-radius:14px;transition:.16s ease}.admin-side-nav a:hover,.admin-side-nav a:first-of-type{background:rgba(255,255,255,.08);color:#fff}.admin-side-nav a:first-of-type{box-shadow:inset 3px 0 0 #d4a84f}
.admin-with-sidebar .admin-topbar{position:sticky;top:0;margin-left:260px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 8px 24px rgba(15,23,42,.06);z-index:1100}.admin-with-sidebar .admin-topbar-inner{max-width:none;padding:14px 24px}.admin-page-title{display:flex;flex-direction:column;line-height:1.15}.admin-page-title span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;font-weight:950}.admin-page-title b{font-size:17px;color:#0f172a}.admin-with-sidebar .admin-top-btn{background:var(--grad-main);border:0;color:#fff}.admin-with-sidebar .admin-menu-toggle{background:#f8fafc!important;color:#0f172a!important;border-color:#e5e7eb!important}.admin-with-sidebar .admin-mobile-panel{margin-left:260px;background:#fff;border-color:#e5e7eb}.admin-with-sidebar .admin-mobile-panel .clean-mobile-grid a{background:#f8fafc;border-color:#e5e7eb;color:#0f172a}.admin-with-sidebar .admin-shell{max-width:none;margin-left:260px;padding:24px 24px 48px}.admin-with-sidebar .admin-hero-main,.admin-with-sidebar .admin-hero-side,.admin-with-sidebar .admin-card,.admin-with-sidebar .admin-metric{box-shadow:0 12px 34px rgba(15,23,42,.08);border-color:#e6edf5}.admin-with-sidebar .admin-hero-main{background:linear-gradient(135deg,#ffffff 0%,#eff6f3 45%,#fff8ed 100%)}
@media(max-width:1060px){.admin-side{display:none}.admin-with-sidebar .admin-topbar,.admin-with-sidebar .admin-mobile-panel,.admin-with-sidebar .admin-shell{margin-left:0}.admin-with-sidebar .admin-topbar-inner{padding:12px 16px}}