:root{--navy: #1b3350;--navy-2: #2c4a6e;--navy-3: #26446a;--navy-line: #3a5a82;--gold: #f2c14e;--primary: #24507f;--bg: #f4f6f9;--card: #ffffff;--ink: #1b2430;--ink-2: #3a4553;--muted: #5b6675;--line: #e3e8ef;--field: #c9d5e3;--ok: #2e7d5b;--err-bg: #fde7e5;--err-ink: #8e1b14;--err-line: #f3b8b3;--warn-bg: #fff6df;--warn-ink: #6b4a00;--warn-line: #e8cf8a;--info-bg: #e8f1fb;--info-ink: #1b3350}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,Tahoma,Noto Sans Arabic,Geeza Pro,sans-serif}[dir=rtl] body{font-size:15px}#root{min-height:100vh;display:flex;flex-direction:column}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}h1{margin:0;font-size:24px;font-weight:600;line-height:1.25}p{margin:0}.muted{color:var(--muted)}.small{font-size:12.5px}.stack{display:flex;flex-direction:column;gap:14px}.btn{height:48px;padding:0 16px;border-radius:10px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent}.btn.wide{width:100%}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.secondary{background:#fff;color:var(--primary);border-color:var(--field)}.btn.ghost{height:40px;background:transparent;color:var(--primary);border-color:var(--field);font-size:14px}.btn.on-dark{height:40px;background:transparent;color:#fff;border-color:var(--navy-line);font-size:14px}.btn:disabled,input:disabled{opacity:.6;cursor:progress}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.field input,.setup input{height:48px;padding:0 14px;width:100%;border:1px solid var(--field);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:400}.with-action{position:relative;display:block}.with-action input{padding-inline-end:84px}.inline-action{position:absolute;inset-inline-end:4px;top:4px;height:40px;padding:0 12px;border:0;background:transparent;color:var(--primary);font:inherit;font-weight:600;cursor:pointer}input.code{letter-spacing:.5em;font-size:22px;text-align:center;font-variant-numeric:tabular-nums}.link{color:var(--primary);font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.alert{background:var(--err-bg);color:var(--err-ink);border:1px solid var(--err-line);border-radius:10px;padding:12px 14px;font-size:13.5px}.notice{background:var(--info-bg);color:var(--info-ink);border-radius:10px;padding:12px 14px;font-size:13.5px}.tip{color:var(--muted);border-inline-start:3px solid var(--gold);padding-inline-start:10px}.auth{flex:1;display:flex;min-height:100vh}.auth-panel{flex:1 1 0;min-width:0;background:var(--navy);color:#fff;padding:44px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.auth-brand{display:flex;align-items:center;gap:10px;font-size:17px}.auth-logo{width:36px;height:36px;border-radius:10px;background:var(--navy-2);display:grid;place-items:center}.auth-logo svg,.apps svg{fill:none;stroke:var(--gold);stroke-width:1.8}.auth-pitch{display:flex;flex-direction:column;gap:18px;max-width:460px}.auth-pitch h2{margin:0;font-size:30px;font-weight:600;line-height:1.25}.auth-pitch ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;color:#d6e2f0;font-size:15px}.auth-pitch li:before{content:"\2713";color:var(--gold);margin-inline-end:10px}.auth-credit{color:#8fa6c2;font-size:12.5px}.auth-main{flex:1 1 0;min-width:0;display:flex;flex-direction:column}.auth-top{display:flex;justify-content:flex-end;padding:14px 20px}.auth-center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:460px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 6px 24px #1b24300f;display:flex;flex-direction:column;gap:14px}.auth-credit-small{display:none;text-align:center;color:var(--muted);font-size:12.5px;padding:12px}.steps{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 4px;padding:0;list-style:none;font-size:13px;color:var(--muted)}.steps li{display:flex;align-items:center;gap:8px}.steps .dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#e3e8ef;color:#4a5563}.steps .now{color:var(--ink);font-weight:600}.steps .now .dot{background:var(--primary);color:#fff}.steps .done .dot{background:var(--ok);color:#fff}.setup{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:12px}.qr-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:8px}.qr{min-width:168px;min-height:168px;background:#fff;border:1px solid var(--field);border-radius:8px;display:grid;place-items:center}.key{display:flex;flex-direction:column;gap:4px;min-width:0}.secret{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;font-weight:600;letter-spacing:1px;word-break:break-all}.topbar{background:var(--navy);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:6px 16px;min-height:56px}.apps{width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;border-radius:8px;cursor:pointer}.brand{font-size:16px;font-weight:600;padding-inline-end:8px}.menu{display:flex;flex-wrap:nowrap;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto}.menu a{color:#d6e2f0;text-decoration:none;padding:10px 12px;border-radius:8px;white-space:nowrap}.menu a[aria-current=page]{color:#fff;background:var(--navy-2);font-weight:600;box-shadow:inset 0 -3px 0 var(--gold)}.bar-end{margin-inline-start:auto;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.company,.company-select{height:40px;display:inline-flex;align-items:center;padding:0 12px;background:var(--navy-3);color:#fff;border:1px solid var(--navy-line);border-radius:8px;font:inherit;max-width:240px}.chip.test{background:var(--gold);color:var(--navy);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.account{position:relative}.account summary{list-style:none;cursor:pointer}.account summary::-webkit-details-marker{display:none}.avatar{width:40px;height:40px;border-radius:50%;background:#d6e2f0;color:var(--navy);display:grid;place-items:center;font-weight:700}.account-menu{position:absolute;inset-inline-end:0;top:48px;z-index:10;min-width:240px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #1b243029;padding:8px;display:flex;flex-direction:column;gap:2px}.account-menu p{padding:6px 10px}.menu-item{min-height:44px;text-align:start;background:transparent;border:0;border-radius:8px;padding:0 10px;font:inherit;color:var(--ink);cursor:pointer}.menu-item:hover{background:var(--bg)}.banner{padding:10px 24px;font-size:13.5px;border-bottom:1px solid}.banner.grace{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-line)}.banner.readonly{background:var(--err-bg);color:var(--err-ink);border-color:var(--err-line)}.content{flex:1;padding:18px 24px;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.card h1{font-size:22px}.foot{padding:14px 16px;text-align:center;color:var(--muted);font-size:12.5px;border-top:1px solid var(--line)}@media(max-width:820px){.auth{flex-direction:column}.auth-panel{display:none}.auth-credit-small{display:block}.auth-card{padding:24px 18px}.menu{display:none;order:9;flex-basis:100%;flex-direction:column}.menu.open{display:flex}.content{padding:14px 16px}.company,.company-select{max-width:160px}}@media(min-width:821px){.apps{pointer-events:none}}.card.team{display:flex;flex-direction:column;gap:16px}.card.team h2,.invite-card h2{margin:0;font-size:17px;font-weight:600}.invite-form{max-width:480px;padding:14px;border:1px solid var(--line);border-radius:10px}select{height:48px;padding:0 10px;border:1px solid var(--field);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:15px}.btn.small{height:40px;padding:0 12px;font-size:14px}.btn.danger{color:var(--err-ink);border-color:var(--err-line);background:var(--err-bg)}.chip{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--ink-2);white-space:nowrap}td>.chip:first-child{margin-inline-start:0}.chip.good{color:var(--ok);border-color:var(--ok)}.chip.warn{color:var(--warn-ink);background:var(--warn-bg);border-color:var(--warn-line)}table.list{width:100%;border-collapse:collapse}table.list th{text-align:start;font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 8px;border-bottom:1px solid var(--line)}table.list td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}table.list td.actions{display:flex;flex-wrap:wrap;gap:6px}.invite-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--line);border-radius:10px}.invite-card .row{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:640px){table.list thead{display:none}table.list,table.list tbody,table.list tr,table.list td{display:block;width:100%}table.list tr{padding:8px 0;border-bottom:1px solid var(--line)}table.list td{border:0;padding:3px 0}table.list td:before{content:attr(data-label);display:block;font-size:12px;color:var(--muted)}}.chip.test{border-color:var(--gold);margin-inline-start:0}