:root{
  --bg:#f8f5f8;
  --surface:#fff;
  --surface-soft:#fcf8fb;
  --text:#202126;
  --muted:#6f6c73;
  --line:rgba(42,92,123,.10);
  --blue:#4a9fd3;
  --blue-soft:#eaf6fc;
  --pink:#e58aba;
  --pink-soft:#fff0f8;
  --shadow:0 18px 50px rgba(39,92,126,.09)
}

.brand-logo{display:block;width:auto;object-fit:contain}
.login-logo{width:min(285px,82%);height:auto}
.sidebar-brand{display:flex;align-items:center;gap:9px;padding-top:4px}
.sidebar-logo{width:164px;height:auto}
.sidebar-brand>small{padding:4px 7px;border-radius:999px;background:var(--pink-soft);color:#b95088;font-size:8px;font-weight:850;letter-spacing:.12em}

.login-shell{background:linear-gradient(145deg,#fffafd 0%,#f4faff 48%,#edf7fc 100%)}
.login-light.one{background:rgba(74,159,211,.18)}
.login-light.two{background:rgba(229,138,186,.18)}
.login-card{border-color:rgba(255,255,255,.92);box-shadow:0 35px 100px rgba(68,112,139,.15)}
.login-copy small,.topbar small,.modal header small,.eyebrow{color:var(--blue)}
.login-card input:focus,.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:rgba(74,159,211,.62);box-shadow:0 0 0 4px rgba(74,159,211,.12)}

.button.primary{background:linear-gradient(145deg,#5aaadc,#3a94ca);box-shadow:0 9px 22px rgba(53,143,195,.24)}
.button.primary:hover{background:linear-gradient(145deg,#4ca4d9,#2e8bc1)}
.sidebar nav button.active{background:linear-gradient(90deg,var(--blue-soft),var(--pink-soft));color:#2786bf}
.user-mini>span,.avatar-button{background:linear-gradient(145deg,#e6f5fd,#fde4f2);color:#247dac}
.bar i{background:linear-gradient(90deg,var(--blue),var(--pink))}
.metric::after{background:var(--tone,linear-gradient(145deg,#e8f6fd,#ffeaf5))}
.metric.red{--tone:#ffe7ef}.metric.orange{--tone:#fff0dd}.metric.green{--tone:#e5f8ef}
.form-note{background:linear-gradient(135deg,var(--blue-soft),var(--pink-soft));color:#386c8d}
.empty .empty-icon{background:linear-gradient(145deg,var(--blue-soft),var(--pink-soft));color:var(--blue)}
.permission-item input{accent-color:var(--pink)}
.mobile-nav button.active{color:var(--blue)}
.count-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.count-summary{margin:0 0 14px;padding:13px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.count-summary>span{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:700}

@media(max-width:760px){
  .login-logo{width:min(255px,82%)}
  .sidebar-logo{width:154px}
  .mobile-nav button:nth-child(n+6){display:none}
  .count-actions{width:100%;justify-content:stretch}
  .count-actions .button{min-width:0;flex:1;padding:0 10px;font-size:11px}
  .toolbar>*,.report-controls>*{min-width:0;max-width:100%}
  .toolbar input,.toolbar select,.report-controls input{display:block;min-width:0;max-width:100%;width:100%}
  .toolbar input[type="date"],.report-controls input[type="date"]{height:42px;padding:8px 10px;font-size:16px;line-height:1.2}
  .toolbar>input[type="date"]{grid-column:1/-1;width:100%;-webkit-appearance:none;appearance:none}
  .toolbar>.button{grid-column:1/-1;width:100%}
}

@media(min-width:391px) and (max-width:760px){
  .toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}

@media(max-width:430px){
  .report-controls{grid-template-columns:minmax(0,1fr)}
  .toolbar .search{grid-column:auto}
}