:root{--navy:#0f2a44;--navy-2:#1b3a58;--amber:#f2a900;--amber-soft:#fff7dd;--amber-text:#6b4b00;--ink:#14202e;--muted:#5b6675;--line:#e3e6ea;--line-soft:#eef0f3;--bg:#f4f5f7;--card:#fff;--good:#1e7b4f;--good-soft:#e6f4ec;--bad:#b42318;--bad-soft:#fdecea;--radius:14px;color:var(--ink);background:var(--bg);font-family:IBM Plex Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:var(--navy);text-decoration:none}button,input,select,textarea{font:inherit}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--navy);color:#fff}.btn-accent{background:var(--amber);color:var(--navy);font-weight:700}.btn-ghost{color:var(--navy);background:#fff;border-color:#d5dae0}.btn-sm{min-height:36px;padding:0 12px;font-size:13px}.field{color:var(--navy);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.field input,.field select,.field textarea{min-height:46px;color:var(--ink);background:#fff;border:1px solid #d5dae0;border-radius:10px;padding:0 12px;font-size:16px;font-weight:400}.field input:focus,.field select:focus{outline:2px solid var(--amber);outline-offset:1px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.muted{color:var(--muted)}.error-box{background:var(--bad-soft);color:#7a1a12;border-radius:10px;padding:10px 12px;font-size:14px}.info-box{background:var(--amber-soft);color:var(--amber-text);border-radius:10px;padding:10px 12px;font-size:14px}.pill{border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.pill-good{background:var(--good-soft);color:#1e5b3c}.pill-muted{color:var(--muted);background:#eef1f4}.pill-sub{background:var(--amber-soft);color:var(--amber-text)}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;flex-direction:column;flex-shrink:0;gap:4px;width:248px;padding:24px 16px;display:flex}.sidebar img.logo{width:176px;margin:0 8px 20px}.sidebar .project-box{background:var(--navy-2);border-radius:10px;margin-bottom:16px;padding:10px 12px}.sidebar .project-box small{color:#b8c4d1;font-size:12px;display:block}.sidebar a.nav{color:#e6ebf1;border-radius:8px;padding:11px 12px;font-size:15px;display:block}.sidebar a.nav.active{background:var(--amber);color:var(--navy);font-weight:600}.sidebar .spacer{flex-grow:1}.sidebar .footer-actions{gap:8px;display:flex}.sidebar .footer-actions button{color:#e6ebf1;cursor:pointer;background:0 0;border:1px solid #3a5775;border-radius:8px;flex:1;min-height:40px}.main{flex-direction:column;flex-grow:1;gap:18px;min-width:0;padding:28px 32px;display:flex}.page-title{color:var(--navy);margin:0;font-size:26px;font-weight:700}.topbar{display:none}@media (width<=860px){.shell{flex-direction:column}.sidebar{display:none}.topbar{background:var(--navy);color:#fff;z-index:5;align-items:center;gap:10px;padding:10px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.topbar img{height:28px}.topbar a{color:#e6ebf1;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:14px}.topbar a.active{background:var(--amber);color:var(--navy);font-weight:600}.main{padding:16px}.page-title{font-size:22px}}table.list{border-collapse:collapse;width:100%;font-size:14px}table.list th{text-align:start;color:var(--muted);padding:10px 12px;font-size:13px;font-weight:600}table.list td{border-top:1px solid var(--line-soft);padding:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (width<=860px){.grid-2,.grid-3{grid-template-columns:1fr}table.list .hide-mobile{display:none}}.tabs{flex-wrap:wrap;gap:8px;display:flex}.tab{min-height:40px;color:var(--navy);cursor:pointer;background:#fff;border:1px solid #d5dae0;border-radius:99px;padding:0 16px;font-weight:600}.tab.on{background:var(--navy);color:#fff;border-color:var(--navy)}