/* بيت 5.1 — modern Verdelo-inspired skin for the original, functional Bayt app.
   Layout and data logic remain those of the first edition. */
:root{
  --bayt51-motion:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth}
body{min-height:100vh}
html[data-theme="dark"] body{
 background:radial-gradient(ellipse at 40% -14%,rgba(95,154,108,.25),transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(40,89,56,.25),transparent 54%),#09140e;
 color:var(--ink);
}
html[data-theme="dark"] .sidebar{
 box-shadow:-14px 0 50px rgba(0,0,0,.18),inset -1px 0 rgba(235,255,240,.035);
}
html[data-theme="dark"] .topbar{
 box-shadow:0 8px 28px rgba(0,0,0,.08);
}
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card{
 backdrop-filter:blur(12px);
 border-radius:21px;
}
html[data-theme="dark"] .household-switch{
 box-shadow:0 7px 25px rgba(0,0,0,.08);
}
html[data-theme="dark"] .sidebar nav a.active,
html[data-theme="dark"] .sidebar .settings-link.active{
 color:#103421!important;
 background:#75e4a8!important;
 box-shadow:0 8px 24px rgba(65,214,135,.12);
}
html[data-theme="dark"] .sidebar nav a.active .nav-count{
 background:rgba(6,57,30,.18)!important;
 color:#0c4329!important;
}
.sidebar nav a,.sidebar .settings-link{
 gap:8px!important;
 padding-inline:13px;
 border-radius:14px;
 text-align:right;
 justify-content:flex-start;
}
.sidebar nav a>span[data-icon],.sidebar .settings-link>span[data-icon]{
 width:22px;
 min-width:22px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 flex-shrink:0;
}
.sidebar nav a>span[data-icon] svg,.sidebar .settings-link>span[data-icon] svg{
 width:20px;
 height:20px;
}
.sidebar nav a:hover:not(.active),.sidebar .settings-link:hover:not(.active){
 transform:translateX(-2px);
}
.nav-count{margin-inline-start:auto;margin-inline-end:0}
html[data-theme="dark"] .icon-button:hover{background:rgba(117,228,168,.13)}
html[data-theme="dark"] .button.primary:hover{
 background:#91f3bb!important;
 box-shadow:0 10px 24px rgba(89,218,148,.17);
 transform:translateY(-1px);
}
html[data-theme="dark"] .tabs{
 background:#162d20;
 border:1px solid rgba(192,219,201,.15);
}
html[data-theme="dark"] .tabs button.active{
 background:#75e4a8!important;color:#103421!important;
}
html[data-theme="dark"] .month-input{
 background:#1e3224;color:var(--ink);
 border:1px solid var(--line);
}
html[data-theme="dark"] .auth-card{
 background:#14251a!important;
 border-color:var(--line)!important;
 color:var(--ink)!important;
}
html[data-theme="dark"] .auth-shell{
 color:var(--ink);
}
html[data-theme="dark"] .auth-story{
 background:linear-gradient(140deg,#1b422a,#0e2719)!important;
}
html[data-theme="dark"] .auth-brand{color:#75e4a8}
html[data-theme="dark"] .toast{
 border-color:var(--line);
 color:var(--ink);
}
.theme-toggle{display:inline-flex;justify-content:center;align-items:center}
.theme-toggle svg{width:20px;height:20px}
html[data-theme="light"] .theme-toggle{
 background:#edf7f0;color:#176b53;
}
html[data-theme="light"] .sidebar nav a.active{
 background:#d4f7e2;color:#115534;
}
html[data-theme="light"] .sidebar nav a,
html[data-theme="light"] .sidebar .settings-link{
 color:#41574a;
}
html[data-theme="light"] .panel,html[data-theme="light"] .stat-card{
 border-radius:21px;
}
@media(max-width:900px){
 .sidebar nav a,.sidebar .settings-link{gap:8px!important}
 .theme-toggle{width:35px;min-width:35px;height:35px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .sidebar nav a:hover:not(.active){transform:none}
}