:root{font-family:Tahoma,"Noto Sans Arabic",system-ui,sans-serif;color:#17313a;background:#f5f8f7;font-size:15px;line-height:1.75;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{width:100%;padding:12px 13px;background:white;border:1px solid #cbd9d8;border-radius:12px;color:#17313a}textarea{min-height:185px;resize:vertical}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid #8bc6bd;outline-offset:1px}label{display:block;font-weight:650;font-size:.91rem;margin-bottom:6px}h1,h2,h3,p{margin-top:0}h2{font-size:1.28rem;line-height:1.65}h3{font-size:1.05rem}p{margin-bottom:12px}small,.muted{color:#607a80}.shell{min-height:100vh;max-width:1360px;margin:auto;display:grid;grid-template-columns:230px minmax(0,1fr)}.desktop-rail{background:#163c47;color:#fff;min-height:100vh;padding:26px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-size:1.5rem;direction:ltr;justify-content:flex-end;padding:6px 10px 35px;font-weight:800}.brand small{display:block;font-size:.72rem;font-weight:500;color:#b9d4d8;direction:rtl;text-align:right}.brand-icon{border-radius:15px;background:#d4edda;color:#174d4d;padding:5px 12px}.side-nav{display:grid;gap:8px}.nav-btn{border:0;background:transparent;color:inherit;text-align:right;border-radius:14px;display:flex;align-items:center;gap:12px;padding:12px 14px;font-weight:650}.nav-btn span{font-size:1.35rem}.side-nav .active,.side-nav button:hover{background:#2c5861}.rail-note{font-size:.8rem;color:#b9d4d8;margin-top:auto;padding:12px}.app-main{min-width:0;padding:28px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.topbar h1{font-size:1.8rem;margin:0}.eyebrow{font-size:.75rem;color:#58787b}.local-chip{white-space:nowrap;background:#e3efe8;border:1px solid #cbdfd3;border-radius:999px;padding:5px 11px;color:#1d685a;font-size:.82rem}.content{max-width:990px}.hero{background:linear-gradient(120deg,#173f47,#2a6b6b);color:white;padding:28px;border-radius:25px;position:relative;overflow:hidden;margin-bottom:19px}.hero h2{font-size:1.55rem;margin:0 0 8px}.hero p{color:#dbedef;max-width:600px}.hero:after{content:"✦";position:absolute;left:3%;bottom:-72px;font-size:180px;color:#ffffff13}.hero-actions{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid transparent;border-radius:12px;font-weight:750;min-height:43px;text-decoration:none}.button-primary{color:white;background:#18786c}.button-primary:hover{background:#0b635a}.button-secondary{color:#194e51;background:#e4f3ef}.button-light{color:#184550;background:white}.button-outline{color:#305a61;border-color:#b7d0cd;background:#fff}.button-danger{color:#9a3434;background:#fff3f3;border-color:#efbdbd}.button-sm{font-size:.83rem;min-height:36px;padding:6px 12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.panel,.stat{background:white;border:1px solid #e0e9e7;border-radius:20px;padding:22px;box-shadow:0 2px 11px #163b4210}.stat small{display:block;margin-bottom:4px}.stat strong{display:block;font-size:1.25rem;white-space:nowrap}.stat.positive strong{color:#17725d}.stat.negative strong{color:#b45a48}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 12px}.section-head h2{margin:0}.empty{text-align:center;padding:28px 15px;background:#f3f8f7;border:1px dashed #bdd2ce;border-radius:14px;color:#557176}.record{border-bottom:1px solid #e7efed;padding:15px 0;display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.record:last-child{border-bottom:0}.record h3{margin:0 0 5px}.record p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.record-content{min-width:0;flex:1}.record-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.meta{font-size:.82rem;color:#607a80}.tag{display:inline-block;border:1px solid #d5e5de;color:#477068;background:#f1f8f5;padding:1px 9px;border-radius:999px;font-size:.77rem;margin:3px 0 3px 4px}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field-full{grid-column:1/-1}.form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}.filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin:16px 0}.filters>div{flex:1;min-width:135px}.hint{background:#eef7f5;border-right:3px solid #4a9e8f;padding:11px 15px;border-radius:10px;font-size:.85rem;margin:14px 0}.warning{background:#fff5e8;border-right:3px solid #dc9b49;padding:11px 15px;border-radius:10px;font-size:.85rem;margin:14px 0}.errorbox{color:#992c36;background:#ffeff0;padding:12px 15px;border-radius:12px}.bar-row{margin:14px 0}.bar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.87rem}.bar-bg{height:9px;background:#eaf1ef;border-radius:99px;overflow:hidden;margin-top:6px}.bar-fill{height:100%;background:#2f9183;border-radius:99px}.bar-fill.over{background:#d17452}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eaf0ee;padding:10px 0;flex-wrap:wrap}.list-row:last-child{border:0}.tight{margin-bottom:0}.footnote{max-width:990px;text-align:center;font-size:.72rem;color:#82989a;padding:25px 10px}.toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);z-index:100;background:#173e48;color:white;border-radius:13px;padding:12px 18px;box-shadow:0 8px 25px #0002;text-align:center;min-width:210px;max-width:90vw}.toast[hidden]{display:none}.mobile-nav{display:none}.bidi{direction:ltr;unicode-bidi:isolate;display:inline-block}.number{font-variant-numeric:tabular-nums}.spaced{margin-top:22px}.pill-status{color:#956022;background:#fff2db;border-radius:9px;padding:2px 7px;font-size:.75rem}.details{font-size:.82rem}.danger-zone{border-color:#f5c9c9}.scroll{overflow-x:auto}code{direction:ltr;unicode-bidi:embed;display:inline-block;background:#f0f4f2;border-radius:5px;padding:0 5px}
@media(max-width:900px){.shell{display:block}.desktop-rail{display:none}.app-main{padding:20px 16px 90px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dbe7e3;z-index:40;justify-content:space-around;padding:5px 4px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #17343b10}.mobile-nav .nav-btn{display:flex;flex-direction:column;gap:0;font-size:.74rem;text-align:center;min-width:62px;padding:5px 9px;color:#5d767a}.mobile-nav .nav-btn span{font-size:1.3rem;line-height:1.3}.mobile-nav .nav-btn small{font-size:.74rem;color:inherit}.mobile-nav .nav-btn.active{color:#13776a;background:#eaf5f1}.topbar h1{font-size:1.5rem}.toast{bottom:95px}.footnote{padding-bottom:15px}}
@media(max-width:580px){.grid,.fields{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:14px}.stat strong{font-size:1.04rem}.panel{padding:17px}.hero{padding:23px 19px}.hero h2{font-size:1.4rem}.record{display:block}.record-actions{margin-top:8px}.section-head{align-items:flex-start}.section-head h2{font-size:1.15rem}}
@media(prefers-reduced-motion:no-preference){.button,.nav-btn{transition:background .12s ease}}

/* Account gate and cloud state */
[hidden]{display:none!important}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px 14px;background:radial-gradient(circle at 20% 10%,#dbece6,transparent 45%),#f5f8f7}
.auth-card{width:min(100%,440px);background:white;border-radius:24px;border:1px solid #dfe9e7;padding:28px;box-shadow:0 18px 60px #103c431a}
.auth-logo{font-size:1.55rem;font-weight:800;color:#18786c;margin-bottom:18px}.auth-card h1{font-size:1.5rem;margin-bottom:9px}
.auth-card label{margin-top:15px}.auth-submit{width:100%;margin-top:24px}.auth-note,.auth-error{padding:12px;border-radius:12px;margin-top:14px;overflow-wrap:anywhere}.auth-note{background:#e4f3ef;color:#175b50}.auth-error{background:#fff0f0;color:#a43036}
