:root{font-family:Tahoma,Arial,"Noto Sans Arabic",sans-serif;color:#e6eff8;background:#0c1723;font-size:14px;line-height:1.7;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#16324b 0%,#0c1723 48%);padding-bottom:env(safe-area-inset-bottom)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1{font-size:1.5rem}h2{font-size:1.24rem}h3{font-size:1.07rem}.muted{color:#98aec1}.small{font-size:.83rem}.layout{display:flex;min-height:100vh}.sidebar{width:258px;background:#101e2e;border-left:1px solid #284052;padding:25px 16px;flex-shrink:0;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:12px;padding:6px 12px 27px;font-size:1.1rem;font-weight:800}.logo-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#17c8ae,#2472d8);font-size:1.5rem;color:#092134}.nav{display:flex;flex-direction:column;gap:6px}.nav button{background:transparent;color:#b1c4d6;text-align:right;padding:12px 14px;border-radius:10px;border:1px solid transparent}.nav button.active,.nav button:hover{background:#1b354d;color:#fff;border-color:#325671}.side-bottom{position:absolute;bottom:22px;right:16px;left:16px;border-top:1px solid #294054;padding-top:15px}.main{flex:1;min-width:0;padding:24px;max-width:1350px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.topbar h1{margin:0}.container{max-width:1100px;margin:auto}.card{background:#132438;border:1px solid #29445c;border-radius:16px;padding:20px;box-shadow:0 14px 40px rgba(0,0,0,.09)}.card+.card{margin-top:16px}.section{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.stat{padding:18px;border-radius:13px;background:#192e43;border:1px solid #304c63}.stat strong{font-size:1.7rem;display:block;color:#effffb}.pill{display:inline-flex;padding:2px 10px;border-radius:25px;background:#284458;color:#ccdfeb;font-size:.77rem}.pill.green{background:#174938;color:#b9fae3}.pill.amber{background:#614328;color:#ffe3a8}.btn{padding:10px 16px;border:1px solid #41627d;border-radius:10px;background:#20364d;color:#eef6ff;transition:.15s}.btn:hover{background:#294b68}.btn.primary{background:linear-gradient(135deg,#14b69f,#2683be);color:#061c2c;border:none;font-weight:800}.btn.primary:hover{filter:brightness(1.08)}.btn.red{border-color:#92535a;color:#ffc2ca}.btn.small{padding:6px 10px;font-size:.84rem}.btn.ghost{border:0;background:transparent;color:#bdd1de}.btn.full{width:100%}input,textarea,select{width:100%;border:1px solid #3b5a72;background:#0d1a29;color:#ebf6ff;border-radius:10px;padding:11px 12px;outline:0;min-height:41px}input:focus,textarea:focus,select:focus{border-color:#2dbbaa;box-shadow:0 0 0 2px #2dbbaa24}textarea{min-height:110px;resize:vertical}label{display:block;margin-bottom:13px;color:#cfdfed;font-size:.87rem}label input,label textarea,label select{margin-top:5px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.columns>*{min-width:0}.checkline{display:flex;align-items:flex-start;gap:10px}.checkline input{width:18px;min-height:18px;accent-color:#24bcad;margin:4px 0 0}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.item{border:1px solid #2b455c;background:#182c40;border-radius:12px;padding:15px;margin-bottom:10px;cursor:pointer}.item:hover{border-color:#40a9a8}.item strong{display:block}.item p{margin:7px 0 0}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.chatbox{min-height:240px;max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:16px;border-radius:12px;border:1px solid #2e495e;background:#101e2f;margin-bottom:15px}.bubble{max-width:92%;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 15px;border-radius:14px;background:#28435d;align-self:flex-end}.bubble.ai{align-self:flex-start;background:#153e3d;border:1px solid #2a7770}.bubble small{display:block;opacity:.7;margin-bottom:4px}.notice{border-radius:12px;padding:12px 14px;border:1px solid #6b5a32;background:#332b23;color:#f4d9a6;margin:12px 0}.notice.info{border-color:#37617e;background:#162e43;color:#bbddf8}.list-meta{color:#9db5c7;font-size:.84rem}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:445px}.empty{text-align:center;color:#9fb4c6;padding:35px 18px}.toast{position:fixed;bottom:20px;left:20px;z-index:100;background:#144739;color:#dffff4;padding:12px 20px;border-radius:12px;box-shadow:0 8px 35px #0007;opacity:0;transform:translateY(20px);transition:.2s;pointer-events:none;max-width:calc(100% - 40px)}.toast.show{opacity:1;transform:none}.toast.error{background:#75343e;color:#fff}.top-mobile{display:none}.divider{height:1px;background:#29445a;margin:18px 0}.media-item{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid #2f4960;border-radius:9px;padding:9px;margin:8px 0;overflow-wrap:anywhere}.media-item a{color:#7ae5d2}.badges{display:flex;gap:6px;flex-wrap:wrap}.helper{font-size:.79rem;color:#9cb4c8;margin-top:4px}.exp-body{white-space:pre-wrap;background:#0e1b2b;padding:12px;border-radius:8px;max-height:240px;overflow:auto}.splash{padding:70px;text-align:center}.line{white-space:pre-wrap}
@media(max-width:900px){.sidebar{width:205px}.main{padding:18px}.case-layout{grid-template-columns:1fr}}@media(max-width:650px){.layout{display:block}.sidebar{width:100%;height:auto;position:fixed;top:auto;bottom:0;right:0;z-index:60;display:flex;align-items:center;padding:5px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #36546a;border-left:0;background:#132438}.sidebar .logo,.side-bottom{display:none}.nav{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:0}.nav button{flex:1;text-align:center;font-size:.71rem;padding:8px 3px;white-space:nowrap}.main{padding:18px 12px 108px}.topbar h1{font-size:1.17rem}.columns{grid-template-columns:1fr}.card{padding:14px;border-radius:12px}.chatbox{max-height:420px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:12px}.stat strong{font-size:1.3rem}.btn{padding:10px 12px}}
