:root{--ink:#13271f;--muted:#6c776f;--paper:#f4f7f4;--card:#fff;--line:#dce4dd;--green:#146b42;--green-dark:#0e5031;--sand:#d9b871;--danger:#a63c3c;--shadow:0 12px 32px #16332614}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0;font-family:SF Arabic,Noto Sans Arabic,Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#102b20;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;padding:0 10px 25px}.brand strong{letter-spacing:.05em;font-size:24px;display:block}.brand span{color:#c2d6c9;font-size:12px}.nav{gap:6px;margin-top:26px;display:grid}.nav a{color:#d5e1d9;border-radius:10px;padding:12px 14px}.nav a:hover{color:#fff;background:#ffffff14}.sidebar form{margin-top:auto}.sidebar button{color:#c9d8ce;background:0 0;border:1px solid #ffffff29;border-radius:9px;width:100%;padding:10px}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5;background:#ffffffe0;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.topbar h1{margin:0;font-size:20px}.topbar .status{color:var(--green);background:#e9f5ee;border-radius:999px;padding:7px 12px;font-size:13px}.content{padding:30px 34px 50px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.page-heading h2{margin:0;font-size:28px}.page-heading p{color:var(--muted);margin:6px 0 0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric,.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.metric{padding:20px;position:relative;overflow:hidden}.metric:after{content:"";background:#edf5f0;border-radius:50%;width:70px;height:70px;position:absolute;top:-24px;left:-20px}.metric span{color:var(--muted);font-size:13px}.metric strong{margin-top:9px;font-size:29px;display:block}.grid-2{grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px;display:grid}.card{padding:22px}.card h3{margin:0 0 16px;font-size:17px}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:right;border-bottom:1px solid #edf0ed;padding:13px 15px;font-size:13px}th{color:var(--muted);background:#fbfcfb;font-weight:600}tbody tr:last-child td{border-bottom:0}.badge{color:#315440;background:#edf3ef;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.danger{color:var(--danger);background:#faeaea}.badge.gold{color:#7c5d18;background:#fbf3df}.inbox{background:var(--card);border:1px solid var(--line);min-height:680px;box-shadow:var(--shadow);border-radius:16px;grid-template-columns:290px minmax(360px,1fr) 300px;display:grid;overflow:hidden}.thread-list{border-left:1px solid var(--line);overflow-y:auto}.thread-list h3,.profile h3{border-bottom:1px solid var(--line);margin:0;padding:18px;font-size:15px}.thread-item{border-bottom:1px solid #eef1ef;padding:15px 17px;display:block}.thread-item:hover,.thread-item.active{background:#eef7f1}.thread-item strong{font-size:14px;display:block}.thread-item span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:12px;display:block;overflow:hidden}.chat{background:#f7f8f6;flex-direction:column;min-width:0;display:flex}.chat-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow-y:auto}.bubble{white-space:pre-wrap;background:#fff;border-radius:14px;max-width:78%;padding:11px 14px;font-size:14px;line-height:1.65;box-shadow:0 3px 12px #142d210f}.bubble.out{background:#dff3e7;align-self:flex-end}.bubble small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.profile{border-right:1px solid var(--line);background:#fff}.profile dl{padding:8px 18px}.profile dt{color:var(--muted);margin-top:14px;font-size:11px}.profile dd{margin:4px 0;font-size:14px}.actions{gap:8px;padding:16px 18px;display:grid}.btn{background:var(--green);color:#fff;border:0;border-radius:9px;justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.btn:hover{background:var(--green-dark)}.btn.secondary{color:var(--green);background:#e8f2ec}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.55;cursor:wait}.form-row{align-items:center;gap:8px;display:flex}.field{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:9px 11px}.empty{color:var(--muted);text-align:center;padding:70px 25px}.login{background:radial-gradient(circle at 100% 0,#dbece1,#0000 40%),#102b20;place-items:center;min-height:100vh;display:grid}.login-card{background:#fff;border-radius:20px;width:min(420px,100vw - 36px);padding:36px;box-shadow:0 24px 80px #00000040}.login-card h1{margin:0;font-size:28px}.login-card p{color:var(--muted);margin-bottom:24px}.login-card form{gap:12px;display:grid}.legal-page{background:radial-gradient(circle at top right, #dbece1, transparent 34%), var(--paper);min-height:100vh;padding:48px 18px}.legal-card{background:var(--card);border:1px solid var(--line);width:min(860px,100%);box-shadow:var(--shadow);border-radius:20px;margin:0 auto;padding:34px;line-height:1.9}.legal-card h1{margin:0 0 8px;font-size:clamp(28px,5vw,40px)}.legal-card h2{margin:30px 0 8px;font-size:20px}.legal-card p,.legal-card li{color:#33453d}.legal-card ul{padding-right:22px}.legal-meta{color:var(--muted);margin:0 0 28px;font-size:14px}.legal-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;margin-top:34px;padding-top:22px;display:flex}.legal-links a{color:var(--green);font-weight:700}@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.inbox{grid-template-columns:240px 1fr}.profile{display:none}}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(2,1fr)}.content{padding:22px 15px}.topbar{padding:0 16px}.metrics,.grid-2,.inbox{grid-template-columns:1fr}.thread-list{display:none}.legal-page{padding:18px 10px}.legal-card{border-radius:14px;padding:24px 18px}}