:root{
  --brand:#9a680d;--brand-strong:#795008;--brand-soft:#f6ead0;--canvas:#faf7f0;--surface:#fffdfa;--surface-raised:#fffefb;--ink:#241f18;--muted-strong:#5f574b;--line-soft:#eadfce;--line-strong:#d8c39a;--shadow-soft:0 8px 24px rgba(85,57,12,.07);--shadow-float:0 16px 42px rgba(72,48,9,.13);--radius-card:18px;--radius-control:12px;--space-section:20px;
  font-family:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
}
html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);font-family:inherit;letter-spacing:0}.local-label{letter-spacing:.01em}
button,input,select,textarea{font-family:inherit}button{border-radius:var(--radius-control);transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,49,10,.1)}button:active{transform:translateY(0);box-shadow:none}button.primary{background:var(--brand-strong);border-color:var(--brand-strong);box-shadow:0 5px 14px rgba(121,80,8,.2)}button.primary:hover{background:#664205;border-color:#664205}.nav i{display:grid;place-items:center;width:22px;height:22px;color:currentColor}.nav i svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-nav i{width:24px;height:24px}.mobile-nav i svg{width:20px;height:20px}
.side{box-shadow:inset -1px 0 var(--line-soft)}.side nav{gap:6px}.nav{border-color:transparent;background:transparent}.nav:hover{background:rgba(255,255,255,.72);border-color:var(--line-soft);box-shadow:none}.nav.active{background:var(--brand-soft);border-color:var(--line-strong);box-shadow:inset 3px 0 var(--brand)}
.top{box-shadow:0 2px 10px rgba(80,54,11,.04)}.top .actions>button{min-width:44px}.main{max-width:1500px}.desk-hero{box-shadow:var(--shadow-soft);border-color:var(--line-strong);background:linear-gradient(115deg,var(--surface-raised) 20%,#f3e5c5)}.desk-hero h1{letter-spacing:-.035em}.stats{gap:14px}.stat{box-shadow:var(--shadow-soft);border-color:var(--line-soft);border-top-color:#d5a63e}.stat:hover{border-color:var(--line-strong);box-shadow:var(--shadow-float)}.stat strong{letter-spacing:-.04em}.panel,.card{border-color:var(--line-soft);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.panel:hover,.card:hover{border-color:#e2ceb0}.attention-panel{border-top-color:#d5a63e}.section-heading h2,.panel h2{letter-spacing:-.025em}.alert-card{border-top-color:#dfc283}.alert-card.unread{box-shadow:0 8px 24px rgba(154,104,13,.12)}.alert-card .actions:first-child{min-height:26px}.badge{font-weight:600;border-radius:999px;padding-inline:10px}.badge.URGENT,.badge.urgent,.badge.blocked{font-weight:700}.empty{display:grid;place-items:center;gap:6px;min-height:92px;border:1px dashed var(--line-soft);border-radius:14px;background:rgba(255,253,248,.65);font-size:.9rem}.empty::before{content:"—";display:block;color:var(--brand);font-size:1.4rem;line-height:1}.toolbar input,.toolbar select{border-color:var(--line-soft);box-shadow:inset 0 1px 2px rgba(76,50,10,.03)}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(154,104,13,.13)}.row{border-color:var(--line-soft)}.table-wrap{box-shadow:var(--shadow-soft)}th{font-weight:700}.dialog-actions{box-shadow:0 -8px 18px rgba(72,48,9,.05)}dialog{box-shadow:var(--shadow-float);border-color:var(--line-strong)}#notice{box-shadow:0 8px 22px rgba(72,48,9,.18);font-weight:600}.push-health,.sound-panel{border-color:var(--line-soft);background:#fffaf0}.push-health-title{display:flex;align-items:center;gap:8px;font-size:1rem}.push-health-title svg{width:20px;height:20px;stroke:var(--brand-strong);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.setting-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:rgba(255,255,255,.55)}.setting-status .badge{margin:0}.privacy-hint{border-inline-start-color:var(--brand)}
.auth{background:radial-gradient(circle at 20% 12%,#fffdf8 0,#faf7f0 48%,#f2e5c8 100%)}.auth-box{box-shadow:var(--shadow-float);border-color:var(--line-strong)}.auth-brand{background:linear-gradient(145deg,#fbf3e2,#e9cf97)}.auth-form h1{letter-spacing:-.04em}
@media(max-width:700px){.panel,.card{box-shadow:0 4px 14px rgba(85,57,12,.06)}.panel:hover,.card:hover{border-color:var(--line-soft)}button:hover{transform:none;box-shadow:none}.desk-hero{box-shadow:0 5px 16px rgba(85,57,12,.07)}.stats .stat{min-height:84px}.empty{min-height:78px}.mobile-nav button{border-radius:12px}.mobile-nav .active{box-shadow:0 3px 10px rgba(121,80,8,.08)}}
@media(prefers-reduced-motion:reduce){button{transition:none}}