:root{--bg:#eef2f7;--card:#fff;--text:#16263b;--muted:#6b7785;--accent:#1568c9;--accent-dark:#10529f;--navy:#0e2545;--navy-2:#0a1c34;--cyan:#24cbe0;--green:#a6cc3e;--border:#e2e8ef;--danger:#c0392b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);text-align:right;direction:rtl;margin:0;padding:0;font-family:Rubik,system-ui,Segoe UI,Arial,sans-serif}a{color:var(--accent)}.container{max-width:1040px;margin:0 auto;padding:24px 20px}.shell{min-height:100vh}.topbrand{z-index:50;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:6px 24px;display:flex;position:sticky;top:0}.topbrand .tb-client{align-items:center;min-width:0;display:flex}.topbrand .tb-client img{object-fit:contain;width:auto;max-width:240px;height:48px;display:block}.topbrand .tb-client span{color:var(--navy);font-size:18px;font-weight:700}.topbrand .tb-platform{width:auto;height:40px;display:block}.shell-body{align-items:stretch;min-height:calc(100vh - 64px);display:flex}.sidebar{background:linear-gradient(180deg, var(--navy) 0%, var(--navy-2) 100%);color:#e6eef7;flex-direction:column;flex:0 0 244px;width:244px;height:calc(100vh - 64px);padding:16px 14px;display:flex;position:sticky;top:64px}.sidebar nav{flex-direction:column;gap:4px;margin-top:4px;display:flex}.sidebar .navlink{color:#c7d6e8;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.sidebar .navlink:hover{color:#fff;background:#ffffff14}.sidebar .navlink.active{background:var(--cyan);color:var(--navy)}.sidebar .navlink span,.sidebar .spacer{flex:1}.sidebar .super-nav{margin-top:0;margin-bottom:6px}.sidebar .bottom-nav{border-top:1px solid #ffffff1a;margin-top:4px;padding-top:10px}.sidebar .bottom-nav .navlink{color:#a9bdd6;font-size:14px}.sidebar .who{color:#9fb3ca;word-break:break-word;padding:0 8px 8px;font-size:12px}.sidebar form{margin:0}.sidebar .logout{color:#eaf2fb;background:#ffffff1a;border:1px solid #ffffff24;width:100%;font-weight:600}.sidebar .logout:hover{background:#ffffff2e}.main{flex:1;min-width:0;padding-top:6px}@media (max-width:760px){.shell-body{flex-direction:column}.sidebar{flex-flow:wrap;flex:none;align-items:center;gap:6px;width:100%;height:auto;padding:10px 12px;position:static;top:auto}.sidebar nav{flex-flow:wrap;margin:0}.sidebar .spacer{flex:1}.sidebar .who{display:none}.topbrand .tb-client img{height:40px}.topbrand .tb-platform{height:34px}}.topbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.topbar .brand{font-size:18px;font-weight:700}.topbar .who{color:#6b7785;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:18px;padding:20px}h1{color:var(--navy);margin:0 0 16px;font-size:24px}h2{color:var(--navy);margin:0 0 12px;font-size:18px}label{margin:10px 0 4px;font-size:14px;font-weight:500;display:block}input,textarea,select{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:8px;padding:10px 12px}input[type=color]{height:44px;padding:4px}button,.btn{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:none;border-radius:8px;padding:10px 18px;font-weight:600}button:hover,.btn:hover{background:var(--accent-dark)}button:disabled{opacity:.6;cursor:default}.btn-secondary{color:var(--text);background:#eef2f6}.btn-secondary:hover{background:#e2e8ef}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:right;padding:10px 12px}th{color:#6b7785;font-size:13px;font-weight:600}.msg-ok{color:#2e7d32}.msg-err{color:var(--danger)}.muted{color:#6b7785;font-size:14px}.row{flex-wrap:wrap;gap:12px;display:flex}.row>*{flex:1;min-width:180px}.pill{background:#eef2f6;border-radius:999px;padding:2px 10px;font-size:13px}.code{word-break:break-all;background:#eef2f6;border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace}