:root{--bg:#f5f6f8;--surface:#fff;--border:#e3e6ea;--text:#1c2430;--muted:#67727f;--primary:#1f6feb;--primary-ink:#fff;--danger:#c0392b;--ok:#1a7f4b;--radius:10px;--sidebar-w:240px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Arabic,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin-block:0 1rem;font-size:1.5rem}h2{font-size:1.2rem}.muted{color:var(--muted)}.notice{color:var(--ok)}.field-error{color:var(--danger);margin-block:.25rem 0;font-size:.9rem}button{font:inherit;cursor:pointer}.btn-primary{background:var(--primary);color:var(--primary-ink);border-radius:var(--radius);border:none;inline-size:100%;margin-block-start:.5rem;padding:.65rem 1.1rem;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:0 0;padding:.4rem .8rem}.btn-link{color:var(--primary);background:0 0;border:none;padding:0}.field{text-align:start;margin-block:.75rem}.field label{color:var(--muted);margin-block-end:.3rem;font-size:.85rem;display:block}.field input,.field select,.inline-form input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);inline-size:100%;color:var(--text);padding:.55rem .7rem}.field input:disabled{color:var(--muted);background:#f0f2f4}.grid-2{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-screen{place-items:center;min-block-size:100dvh;padding:1.5rem;display:grid}.auth-screen.platform{background:#10151c}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;inline-size:min(400px,100%);padding:2rem;box-shadow:0 10px 30px #0000000f}.auth-card.wide{inline-size:min(520px,100%)}.auth-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-head h1{margin:0;font-size:1.25rem}.auth-links{flex-direction:column;gap:.4rem;margin-block-start:1rem;font-size:.9rem;display:flex}.lang-switch{gap:.25rem;display:inline-flex}.lang-switch button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.25rem .55rem;font-size:.8rem}.lang-switch button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-block-size:100dvh;display:grid}.sidebar{color:#cdd6e0;background:#0f1722;padding:1.25rem}.app-shell.platform .sidebar{background:#241033}.brand{color:#fff;margin-block-end:1.5rem;font-size:1.1rem;font-weight:700}.sidebar nav{flex-direction:column;gap:.25rem;display:flex}.sidebar nav a{color:#cdd6e0;border-radius:8px;padding:.55rem .75rem;font-size:.95rem}.sidebar nav a:hover{background:#ffffff0f;text-decoration:none}.sidebar nav a.active{background:var(--primary);color:#fff}.main-column{flex-direction:column;min-inline-size:0;display:flex}.topbar{background:var(--surface);border-block-end:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex}.topbar-right{align-items:center;gap:.85rem;display:flex}.company-name{font-weight:600}.user-email{color:var(--muted);font-size:.9rem}.banner{background:#fff6e5;border-block-end:1px solid #f0e0bf;align-items:center;gap:1rem;padding:.6rem 1.5rem;font-size:.9rem;display:flex}.content{padding:1.5rem;overflow-x:auto}.narrow{max-inline-size:560px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.card-label{color:var(--muted);font-size:.85rem}.card-value{margin-block-start:.35rem;font-size:1.3rem;font-weight:600}.data-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);inline-size:100%;overflow:hidden}.data-table th,.data-table td{text-align:start;border-block-end:1px solid var(--border);padding:.7rem .9rem}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#fafbfc;font-size:.82rem}.inline-form{gap:.5rem;max-inline-size:480px;margin-block-end:1rem;display:flex}.inline-form .btn-primary{inline-size:auto;margin:0}.pill{color:var(--muted);background:#eef1f4;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;display:inline-block}.pill-active{color:var(--ok);background:#e3f5ea}.pill-disabled{color:var(--danger);background:#fdeaea}.pill-invited{color:#3d5bd6;background:#eef2ff}.pill-system{color:#6b39c9;background:#f0eaff}.perm-cell{flex-wrap:wrap;gap:.3rem;display:flex}.perm{background:#f0f2f4;border-radius:6px;padding:.1rem .4rem;font-size:.8rem}.center-screen{min-block-size:100dvh;color:var(--muted);place-items:center;display:grid}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sidebar nav{flex-flow:wrap}.brand{margin:0}}@media (width<=560px){.grid-2{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:1rem;display:flex}.page-head h1{margin:0}.btn-primary.inline{inline-size:auto;margin:0;padding:.5rem 1rem}.btn-link.danger{color:var(--danger)}.row-actions{gap:.75rem;display:flex}.filters{flex-wrap:wrap;gap:.6rem;margin-block-end:1rem;display:flex}.filters input,.filters select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:.5rem .7rem}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover{background:#fafbfc}.pagination{align-items:center;gap:1rem;margin-block-start:1rem;display:flex}.pagination .btn-ghost{padding:.3rem .7rem}.modal-backdrop{z-index:50;background:#0f172273;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;max-block-size:90dvh;inline-size:min(520px,100%);padding:1.75rem;overflow:auto;box-shadow:0 20px 60px #0003}.modal h2{margin-block-start:0}.modal-actions{justify-content:flex-end;gap:.75rem;margin-block-start:1rem;display:flex}.modal textarea,.field textarea{border:1px solid var(--border);border-radius:var(--radius);min-block-size:70px;inline-size:100%;font:inherit;padding:.55rem .7rem}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin-block-end:1rem;padding:1rem 1.25rem 1.25rem}legend{color:var(--muted);padding-inline:.5rem;font-size:.85rem;font-weight:600}.narrow-wide{max-inline-size:720px}.tabs{border-block-end:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-block-end:1.25rem;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-block-end:2px solid #0000;margin-block-end:-1px;padding:.6rem .9rem}.tabs button.active{color:var(--primary);border-block-end-color:var(--primary);font-weight:600}.detail-grid{flex-direction:column;gap:.5rem;max-inline-size:640px;display:flex}.detail-row{border-block-end:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.detail-label{color:var(--muted)}.sensitive-head{color:var(--danger);margin-block:1rem .25rem;font-size:.9rem}.transfer-form,.link-user{border:1px solid var(--border);border-radius:var(--radius);margin-block-end:1rem;padding:1rem}.transfer-form h3,.link-user h3{margin-block-start:0;font-size:1rem}.subnav{border-block-end:1px solid var(--border);flex-wrap:wrap;gap:.25rem;margin-block-end:1.25rem;display:flex}.subnav a{color:var(--muted);border-block-end:2px solid #0000;padding:.55rem .9rem;text-decoration:none}.subnav a.active{color:var(--text,#1f2937);border-block-end-color:var(--accent,#3d5bd6);font-weight:600}.subview{margin-block-start:.5rem}.big{margin-block:.35rem;font-size:1.4rem;font-weight:700}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.notice.error{color:var(--danger,#c0392b)}.interval-toggle{background:#eef1f4;border-radius:999px;gap:.25rem;margin-block-end:1rem;padding:.2rem;display:inline-flex}.interval-toggle button{cursor:pointer;color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.35rem 1rem}.interval-toggle button.active{background:var(--surface);color:var(--text,#1f2937);font-weight:600;box-shadow:0 1px 3px #0000001a}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1.2rem;display:flex}.plan-card.featured{border-color:var(--accent,#3d5bd6);box-shadow:0 4px 16px #3d5bd61f}.plan-card.current{outline:2px solid var(--ok,#2e9e5b)}.plan-card .price{font-size:1.5rem;font-weight:700}.plan-card button{margin-block-start:auto}.bank-account{border:1px solid var(--border);border-radius:var(--radius);margin-block-end:.5rem;padding:.75rem}.pill-trialing,.pill-issued{color:#3d5bd6;background:#eef2ff}.pill-paid,.pill-succeeded,.pill-approved{color:#2e9e5b;background:#e3f5ea}.pill-past_due,.pill-overdue,.pill-rejected,.pill-failed,.pill-suspended{color:#c0392b;background:#fdeaea}.pill-grace_period,.pill-partially_paid,.pill-pending_review,.pill-under_review,.pill-pending,.pill-draft{color:#b26a00;background:#fef3e0}.pill-canceled,.pill-expired,.pill-void,.pill-archived{color:var(--muted);background:#eef1f4}.form-narrow{max-inline-size:480px;margin-block-start:1.5rem}.form-narrow>label{color:var(--muted);margin-block:.75rem;font-size:.85rem;display:block}.form-narrow>label input,.form-narrow>label select{border:1px solid var(--border);border-radius:var(--radius);inline-size:100%;font:inherit;margin-block-start:.3rem;padding:.55rem .7rem;display:block}.checkbox{color:var(--text);align-items:center;gap:.5rem;margin-block:.5rem;display:flex}.checkbox input{inline-size:auto;margin:0}.day-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:.4rem;display:flex}.day-row .checkbox{min-inline-size:120px;margin:0}.day-row input[type=time]{border:1px solid var(--border);border-radius:var(--radius);font:inherit;padding:.4rem .6rem}.form-actions{align-items:center;gap:.75rem;margin-block-start:1rem;display:flex}.small{font-size:.82rem}.warn{color:var(--warning,#b8860b);font-size:.85em}.hint{color:var(--warning,#b8860b);font-size:.9em}.board{align-items:flex-start;gap:1rem;display:flex;overflow-x:auto}.board-column{background:var(--surface,#f6f7f9);border-radius:8px;min-width:220px;padding:.5rem}.board-column h3{margin:.25rem 0 .5rem;font-size:.9rem}.filters{gap:.5rem;margin:.5rem 0;display:flex}.payslip-print{max-inline-size:820px}.payslip-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-block-end:1rem;display:flex}.payslip-head h1{margin:0}.payslip-period{text-align:end}.payslip-period p{margin:.15rem 0}.payslip-employee{margin-block-end:1rem}.payslip-print table{inline-size:100%}.amount-cell{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.payslip-net{border-block-start:2px solid var(--border);justify-content:space-between;align-items:baseline;gap:1rem;margin-block-start:1rem;padding-block-start:.75rem;font-size:1.15rem;display:flex}.payslip-net strong{font-size:1.3rem}@media print{.sidebar,.topbar,.banner,.no-print{display:none!important}.app-shell,.main-column,.content{margin:0;padding:0;display:block}.payslip-print{border:none;max-inline-size:none;padding:0}@page{margin:1.5cm}}.notif{display:inline-flex;position:relative}.notif-bell{border:1px solid var(--border);background:var(--surface);block-size:2.25rem;inline-size:2.25rem;color:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.notif-bell:hover{background:var(--bg,#f5f5f5)}.notif-badge{color:#fff;text-align:center;background:#d33;border-radius:999px;block-size:1.1rem;min-inline-size:1.1rem;padding:0 .25rem;font-size:.7rem;font-weight:700;line-height:1.1rem;position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.notif-panel{background:var(--surface,#fff);border:1px solid var(--border);z-index:50;border-radius:10px;max-block-size:70vh;inline-size:min(20rem,92vw);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.notif-panel-head,.notif-panel-foot{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem .8rem;display:flex}.notif-panel-foot{border-block-end:none;border-block-start:1px solid var(--border)}.notif-msg{margin:0;padding:1rem .8rem}.notif-list{margin:0;padding:0;list-style:none}.notif-item{border-block-end:1px solid var(--border)}.notif-item:last-child{border-block-end:none}.notif-item.is-unread{background:#eef4ff}.notif-item-btn{cursor:pointer;text-align:start;inline-size:100%;color:inherit;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex}.notif-item-title{flex:1;font-size:.9rem}.notif-item.is-unread .notif-item-title{font-weight:700}.notif-item-time{white-space:nowrap;font-size:.75rem}.notif-dot{background:#2563eb;border-radius:999px;flex:none;block-size:.5rem;inline-size:.5rem}.notif-tabs{gap:.4rem;display:inline-flex}.notif-tabs .is-active{border-color:var(--accent,#2563eb);font-weight:700}.notif-list-page .notif-item-btn{padding:.8rem 1rem}.ai-panel-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ai-summary{margin-block:.6rem .2rem;line-height:1.5}.ai-highlights{margin:0;padding-inline-start:1.1rem}.ai-highlights li{margin-block:.2rem}