:root{
  --des-bg:#f3f8fd;
  --des-bg-2:#eef7f3;
  --des-surface:#ffffff;
  --des-surface-soft:#f7fbff;
  --des-surface-tint:#eef7ff;
  --des-text:#11233f;
  --des-muted:#64758d;
  --des-line:#dce8f2;
  --des-line-strong:#c8d8e8;
  --des-blue:#0b77d8;
  --des-blue-dark:#0759a8;
  --des-green:#18a85b;
  --des-green-dark:#0d7f43;
  --des-cyan:#14b8c8;
  --des-red:#c43838;
  --des-amber:#b97900;
  --des-shadow:0 20px 55px rgba(25,67,105,.13);
  --des-shadow-soft:0 10px 28px rgba(25,67,105,.09);
  --des-radius:20px;
  --des-radius-sm:13px;
  --accent:var(--des-blue);
  --bg:var(--des-bg);
  --panel:var(--des-surface);
  --panel2:var(--des-surface-soft);
  --text:var(--des-text);
  --muted:var(--des-muted);
  --border:var(--des-line);
  --shadow:var(--des-shadow);
  --radius:var(--des-radius);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--des-bg)}
body{margin:0;min-height:100vh;font-family:var(--sans);background:
  radial-gradient(900px 460px at 11% -12%,rgba(11,119,216,.16),transparent 62%),
  radial-gradient(700px 380px at 92% -8%,rgba(24,168,91,.13),transparent 58%),
  linear-gradient(135deg,var(--des-bg),var(--des-bg-2));color:var(--des-text)}
a{color:var(--des-blue);text-decoration:none;font-weight:700}
a:hover{text-decoration:none;color:var(--des-blue-dark)}
img{max-width:100%} button,input,select,textarea{font:inherit} h1,h2,h3,h4,p{margin-top:0}
code{background:#edf5fb;border:1px solid var(--des-line);border-radius:8px;padding:1px 5px;color:#15375f}

/* Legacy names are kept light so an old route can never bring back the dark starter theme. */
.topbar,.des-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);border-bottom:1px solid var(--des-line);box-shadow:0 8px 34px rgba(33,74,114,.08);backdrop-filter:blur(14px)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1380px;margin:0 auto;padding:12px 22px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:.1px}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;max-width:1380px;margin:22px auto;padding:0 22px}.sidebar{position:sticky;top:86px;align-self:start;height:calc(100vh - 110px);overflow:auto;background:linear-gradient(180deg,#fff,#f4f9ff);border:1px solid var(--des-line);border-radius:24px;box-shadow:var(--des-shadow-soft);padding:14px}.main{min-width:0}.footer,.des-footer{color:var(--des-muted);font-size:12px;margin:28px 2px}

.des-shell{min-width:1120px}.des-topbar{height:82px;display:grid;grid-template-columns:minmax(270px,360px) minmax(260px,1fr) minmax(260px,340px);align-items:center;gap:22px;padding:10px 28px}.des-product-brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--des-text)}.des-product-brand img{height:58px;width:auto;object-fit:contain}.des-product-brand.compact img{height:54px}.des-company-brand{justify-self:end;display:flex;align-items:center}.des-company-brand img{height:48px;width:auto;object-fit:contain}.des-company-brand.compact img{height:43px}.des-topbar-title{min-width:0;line-height:1.12}.des-topbar-title b{display:block;font-size:18px;letter-spacing:.01em}.des-topbar-title span{display:block;color:var(--des-muted);font-size:12px;margin-top:3px}.des-topbar-center{display:flex;align-items:center;gap:16px;min-width:0}.des-topbar-user{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.des-layout{display:grid;grid-template-columns:284px minmax(0,1fr);gap:24px;width:min(1520px,calc(100% - 48px));margin:24px auto 56px}.des-sidebar{position:sticky;top:106px;height:calc(100vh - 130px);overflow:auto;border:1px solid var(--des-line);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,255,.95));border-radius:26px;box-shadow:var(--des-shadow-soft);padding:16px;display:flex;flex-direction:column;gap:16px}.des-main{min-width:0}.des-nav h4,.nav h4{margin:4px 10px 10px;color:var(--des-muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.des-nav a,.nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:10px 12px;border-radius:14px;color:#294663;font-weight:800}.des-nav a:hover,.nav a:hover{background:#edf7ff;color:var(--des-blue);text-decoration:none}.des-nav a.active,.nav a.active{background:linear-gradient(135deg,#e8f4ff,#eefcf4);border:1px solid #c9e4fb;color:#064f9d;box-shadow:0 8px 20px rgba(10,116,214,.10)}.des-system-card{margin-top:auto;border:1px solid var(--des-line);border-radius:18px;padding:12px;background:#fff;display:flex;gap:10px;align-items:center;color:var(--des-muted)}.des-system-card b{display:block;color:var(--des-text);font-size:13px}.des-system-card span{display:block;font-size:12px}.des-system-icon{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--des-blue),var(--des-green));color:#fff;display:grid;place-items:center;font-weight:950}

.des-admin-shell{background:linear-gradient(135deg,#f2f8ff,#f5fff8)}.des-webmail-shell{background:linear-gradient(135deg,#f5f9fd,#f9fcff)}.des-version-badge{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:4px 9px;border-radius:999px;border:1px solid #bfe1fb;background:linear-gradient(135deg,#eff8ff,#f3fff7);color:#0759a8;font-weight:950;font-size:12px;box-shadow:0 7px 18px rgba(10,116,214,.10)}.des-version-badge small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--des-muted)}.des-brand-stack{display:flex;align-items:center;gap:12px}.des-brand-text{display:grid;gap:4px;min-width:0}.des-brand-text strong{font-size:14px;color:var(--des-text)}

.card,.des-card{background:rgba(255,255,255,.98);border:1px solid var(--des-line);border-radius:var(--des-radius);box-shadow:var(--des-shadow-soft);padding:18px;color:var(--des-text)}.card h2,.card h3,.card h4{color:var(--des-text)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.muted{color:var(--des-muted)}.pill,.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--des-line);background:#f1f7fc;color:#445a73;padding:5px 10px;font-weight:800;font-size:12px}.badge{font-size:11px}.kpi{display:flex;flex-direction:column;gap:8px}.kpi .value{font-size:30px;font-weight:950;color:#0b477f}.des-hero-card{background:linear-gradient(135deg,#ffffff,#f0f9ff 56%,#eefcf4);border-color:#cfe5f7}.des-hero-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.des-company-link{display:grid;text-align:right;gap:3px;color:var(--des-muted)}.des-company-link span{font-weight:950;color:#0f5d9d}.des-company-link a{font-size:12px;color:var(--des-green-dark)}

.table{width:100%;border-collapse:separate;border-spacing:0 9px}.table th{font-size:12px;color:var(--des-muted);text-align:left;padding:0 10px;text-transform:none}.table td{background:#f9fcff;border-top:1px solid var(--des-line);border-bottom:1px solid var(--des-line);padding:10px;vertical-align:top}.table tr td:first-child{border-left:1px solid var(--des-line);border-top-left-radius:13px;border-bottom-left-radius:13px}.table tr td:last-child{border-right:1px solid var(--des-line);border-top-right-radius:13px;border-bottom-right-radius:13px}.table .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:center;background:#f9fcff;border:1px solid var(--des-line);border-radius:13px;padding:10px;margin-bottom:9px}.table .row.head{background:#edf7ff;color:var(--des-muted);font-size:12px;font-weight:900;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #b9dcf6;border-radius:13px;background:linear-gradient(135deg,var(--des-blue),#11a6df);color:#fff;font-weight:950;padding:10px 14px;cursor:pointer;box-shadow:0 8px 18px rgba(11,119,216,.16)}.btn:hover{color:#fff;background:linear-gradient(135deg,var(--des-blue-dark),#0b8fc4);text-decoration:none}.btn.ghost,.btn.secondary{background:#f2f8fd;color:#0b477f;border-color:var(--des-line);box-shadow:none}.btn.ghost:hover,.btn.secondary:hover{background:#e8f4ff;color:var(--des-blue-dark)}.btn.danger,.danger{background:#fff0f0;color:var(--des-red);border-color:#f0bfc0;box-shadow:none}.input,select,textarea{width:100%;border:1px solid var(--des-line-strong);border-radius:13px;background:#fff;color:var(--des-text);padding:10px 12px;outline:none}.input:focus,select:focus,textarea:focus{border-color:#74bdf2;box-shadow:0 0 0 4px rgba(11,119,216,.11)}label{font-weight:750}.form-error{border:1px solid #f0bfc0;background:#fff1f1;color:#9d2424;border-radius:13px;padding:10px 12px;margin:10px 0;font-weight:850}.topbar-right{display:flex;align-items:center;gap:12px;justify-content:flex-end;flex-wrap:wrap}.company-link{display:flex;align-items:center;gap:10px;color:var(--des-text);font-weight:950}.company-link svg{width:38px;height:38px}.company-link .company-word{line-height:1}.company-link .digital{color:#1268c5}.company-link .eco{color:#14a861}.company-sub,.company-url{display:block;font-size:10px;color:var(--des-muted)}.company-url{color:var(--des-blue);font-weight:850}.account-menu{position:relative}.account-summary{list-style:none;display:flex;align-items:center;gap:10px;min-width:220px;padding:7px 9px;border:1px solid var(--des-line);border-radius:16px;background:#fff;color:var(--des-text);cursor:pointer;box-shadow:var(--des-shadow-soft)}.account-summary::-webkit-details-marker{display:none}.account-avatar{width:34px;height:34px;border-radius:13px;background:linear-gradient(135deg,var(--des-blue),var(--des-green));color:#fff;display:grid;place-items:center;font-weight:950}.account-label{display:flex;flex-direction:column;line-height:1.1;min-width:0}.account-caption{font-size:11px;color:var(--des-muted)}.account-label strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:250px;z-index:40;background:#fff;border:1px solid var(--des-line);border-radius:18px;box-shadow:var(--des-shadow);padding:8px;display:flex;flex-direction:column}.account-panel-head{border-bottom:1px solid var(--des-line);margin-bottom:5px;padding:10px 12px;display:flex;flex-direction:column}.account-panel a{padding:10px 12px;border-radius:12px;color:var(--des-text)}.account-panel a:hover{background:#eef7ff;color:var(--des-blue)}.account-separator{height:1px;background:var(--des-line);margin:5px 0}.danger-link{color:var(--des-red)!important}.topbar-logout{background:#fff1f1;color:var(--des-red);border-color:#f0bfc0;box-shadow:none}

.des-login-body{background:linear-gradient(135deg,#eef7ff,#f6fff8);min-height:100vh}.des-login-topbar{height:86px;padding:12px 36px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.92);border-bottom:1px solid var(--des-line);box-shadow:0 8px 34px rgba(33,74,114,.08);backdrop-filter:blur(14px)}.des-login-product img{height:64px;width:auto}.des-login-company img{height:48px;width:auto}.des-login-stage{width:min(1220px,calc(100% - 42px));margin:42px auto;display:grid;grid-template-columns:1.1fr 430px;gap:28px;align-items:stretch}.des-login-hero-panel,.des-mail-preview-panel,.des-login-card{border:1px solid var(--des-line);background:rgba(255,255,255,.96);border-radius:30px;box-shadow:var(--des-shadow);padding:34px}.des-login-hero-panel,.des-mail-preview-panel{background:linear-gradient(135deg,#fff,#ecf8ff 58%,#effff5)}.des-portal-kicker{display:inline-flex;border-radius:999px;padding:6px 12px;background:#e8f4ff;color:var(--des-blue-dark);font-weight:950;margin-bottom:16px}.des-login-stage h1{font-size:38px;margin:0 0 12px}.des-login-stage p{color:var(--des-muted);line-height:1.55}.des-login-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.des-login-badges span{border:1px solid var(--des-line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:850;color:#31506d}.login-card-brand img{height:74px;width:auto}.des-login-card h2{margin:16px 0 4px}.des-login-card form{display:grid;gap:10px;margin-top:16px}.des-mail-hero-logo{width:min(560px,100%);display:block;margin:0 auto 24px}

.compose-modal{position:fixed;inset:0;background:rgba(10,28,48,.28);display:none;align-items:flex-end;justify-content:flex-end;padding:28px;z-index:80}.compose-modal.open{display:flex}.compose-window{width:min(760px,calc(100vw - 56px));max-height:calc(100vh - 80px);overflow:auto;background:#fff;border:1px solid var(--des-line);border-radius:24px;box-shadow:0 28px 90px rgba(16,44,72,.24);padding:18px}.compose-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mail-shell-card{max-width:1040px}.mail-toolbar,.webmail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.mail-search{display:flex;gap:8px;min-width:320px;flex:1}.mail-search .input{min-width:220px}.empty-state{padding:20px;text-align:center;color:var(--des-muted);background:#f8fcff;border:1px dashed var(--des-line-strong);border-radius:16px}

@media(max-width:1180px){.des-shell{min-width:0}.des-topbar{grid-template-columns:1fr;min-height:82px;height:auto}.des-company-brand{justify-self:start}.des-layout,.layout{grid-template-columns:1fr}.des-sidebar,.sidebar{position:relative;top:0;height:auto}.des-login-stage{grid-template-columns:1fr}.col-6,.col-4,.col-3{grid-column:span 12}}
@media(max-width:760px){.des-topbar,.des-login-topbar{padding:10px 16px}.des-layout{width:calc(100% - 24px);margin:14px auto}.des-product-brand img{height:48px}.des-company-brand img{height:38px}.grid{gap:12px}.card{padding:14px}.des-login-stage{width:calc(100% - 24px);margin:20px auto}.des-login-hero-panel,.des-mail-preview-panel,.des-login-card{padding:20px;border-radius:22px}.compose-grid{grid-template-columns:1fr}.compose-modal{padding:12px}.compose-window{width:100%}.account-summary{min-width:0}.account-label{display:none}}