:root{--c-bg:#f5f7fa;--c-surface:#fff;--c-surface-soft:#fbfcfe;--c-border:#e1e7ef;--c-border-soft:#edf1f6;--c-line:#cbd3df;--c-ink:#131a24;--c-text:#1f2937;--c-text-dim:#4c5766;--c-text-mute:#6e7a8a;--c-text-faint:#a3aebe;--c-primary:#2f80cd;--c-primary-hover:#2569ac;--c-primary-soft:#eaf2fb;--c-primary-soft-bd:#a9cbef;--c-primary-soft-fg:#1d5389;--c-primary-ring:#d3e4f7;--c-success:#1f9d57;--c-success-hover:#17753f;--c-success-soft:#e7f4ec;--c-success-soft-bd:#a2d4b4;--c-success-soft-fg:#145e33;--c-danger:#da362d;--c-danger-strong:#be2a22;--c-danger-soft:#fceceb;--c-danger-soft2:#fdf4f3;--c-danger-soft-bd:#f0b3ae;--c-danger-soft-fg:#9c221b;--c-warning:#dc970b;--c-warning-soft:#fdf4e2;--c-warning-soft2:#fefcf5;--c-warning-soft-bd:#f2ce86;--c-warning-soft-fg:#8f5f05;--c-purple:#6e56d8;--c-purple-soft:#efebfb;--c-purple-soft-bd:#c7bcf0;--c-purple-soft-fg:#4a37a6;--c-teal:#1e9e96;--c-sidebar:#131a24;--c-sidebar-border:#1f2937;--c-sidebar-item-border:#333f4e;--c-sidebar-text:#6e7a8a;--c-sidebar-hover:#ffffff0d;--c-sidebar-active-bg:#2f80cd29;--c-whatsapp:#1fa855;--c-whatsapp-hover:#1b9149;--font-sans:"Poppins", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-ar:"Noto Sans Arabic", "Poppins", sans-serif;--r-sm:6px;--r-md:8px;--r-lg:9px;--r-xl:11px;--r-2xl:12px;--r-3xl:14px;--r-pill:999px;--shadow-sm:0 2px 8px #131a240d;--shadow-md:0 8px 30px #131a2412;--shadow-lg:0 8px 24px #131a242e;--shadow-xl:0 20px 50px #131a2438}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg)}#app{height:100dvh}::selection{background:var(--c-primary-ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--c-line);border-radius:var(--r-pill);border:2px solid var(--c-bg)}::-webkit-scrollbar-track{background:0 0}button,input,textarea{font-family:inherit}button{cursor:pointer}[dir=auto]{unicode-bidi:isolate}.ar-text{font-family:var(--font-ar)}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes lm-scale{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@keyframes lm-slide{0%{transform:translate(100%)}to{transform:none}}@keyframes lm-fade{0%{opacity:0}to{opacity:1}}@keyframes lm-toast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.page{max-width:1180px;margin:0 auto}.page-narrow{max-width:1120px;margin:0 auto}.page-title{font:600 22px var(--font-sans);color:var(--c-ink);letter-spacing:-.01em}.page-subtitle{font:400 12.5px var(--font-sans);color:var(--c-text-mute);margin-bottom:14px}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3xl);overflow:hidden}.panel-pad{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3xl);padding:18px 20px}.section-label{font:600 10.5px var(--font-sans);color:var(--c-text-mute);text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}.crumbs{font:500 12px var(--font-sans);color:var(--c-text-mute);align-items:center;gap:7px;margin-bottom:12px;display:flex}.crumbs .crumb-link{color:var(--c-primary);cursor:pointer}.crumbs .crumb-sep{color:var(--c-line)}.crumbs .crumb-current{color:var(--c-text-dim);font-family:var(--font-mono)}.btn{border-radius:var(--r-md);font:600 12px var(--font-sans);cursor:pointer;border:none;padding:9px 16px;transition:background .12s,filter .12s}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-hover)}.btn-ghost{border:1px solid var(--c-border);color:var(--c-text-dim);background:#fff;font-weight:500}.btn-ghost:hover{background:var(--c-bg)}.btn-success{background:var(--c-success);color:#fff}.btn-success:hover{background:var(--c-success-hover)}.btn-danger-soft{background:var(--c-danger-soft2);color:var(--c-danger-soft-fg);border:1px solid var(--c-danger-soft-bd);font-weight:500}.btn-danger-soft:hover{background:var(--c-danger-soft)}.btn-warning-soft{background:var(--c-warning-soft2);color:var(--c-warning-soft-fg);border:1px solid var(--c-warning-soft-bd);font-weight:500}.btn-warning-soft:hover{background:var(--c-warning-soft)}.btn-whatsapp{background:var(--c-whatsapp);color:#fff;justify-content:center;align-items:center;gap:8px;display:flex}.btn-whatsapp:hover{background:var(--c-whatsapp-hover)}.btn-sm{border-radius:var(--r-md);padding:7px 12px;font-size:11px}.pill{border-radius:var(--r-pill);height:22px;font:500 11px var(--font-sans);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pill-dot{border-radius:var(--r-pill);flex-shrink:0;width:5px;height:5px}.pill-sm{gap:5px;height:20px;padding:0 9px;font-size:10px}.pill-sm .pill-dot{width:4px;height:4px}.data-table{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-3xl);overflow:hidden}.table-scroll{overflow-x:auto}.table-min{min-width:var(--table-min,840px)}.table-head{background:var(--c-bg);border-bottom:1px solid var(--c-border)}.table-head-cell{font:600 10px var(--font-sans);color:var(--c-text-mute);text-transform:uppercase;letter-spacing:.05em;padding:10px 8px}.table-row{border-bottom:1px solid var(--c-border-soft)}.table-row.is-clickable{cursor:pointer}.table-row.is-clickable:hover{background:#f9fbfd}.table-cell{font:400 12.5px var(--font-sans);color:var(--c-text);padding:11px 8px}.search-field{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-md);align-items:center;gap:7px;padding:7px 11px;display:flex}.search-field:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-ring)}.search-field input{font:400 12px var(--font-sans);color:var(--c-text);background:0 0;border:none;outline:none;flex:1}.chip{font:500 12px var(--font-sans);border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--c-border);color:var(--c-text-dim);background:#fff;padding:6px 13px;transition:border-color .12s}.chip:hover{border-color:var(--c-line)}.chip.is-active{background:var(--c-primary-soft);color:var(--c-primary-soft-fg);border-color:var(--c-primary-soft-bd)}.empty-state{text-align:center;padding:40px 20px}.empty-state .icon-box{border-radius:var(--r-xl);background:var(--c-bg);border:1px solid var(--c-border);justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 12px;display:flex}.empty-state .empty-title{font:600 13px var(--font-sans);color:var(--c-text)}.empty-state .empty-sub{font:400 12px var(--font-sans);color:var(--c-text-mute);margin:3px 0 12px}.field-label{font:600 10.5px var(--font-sans);color:var(--c-text-mute);text-transform:uppercase;letter-spacing:.05em}.text-input{border:1px solid var(--c-border);border-radius:var(--r-lg);width:100%;font:400 13px var(--font-sans);color:var(--c-text);outline:none;padding:11px 13px}.text-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-ring)}textarea.text-input{resize:vertical;min-height:70px;line-height:1.5}@keyframes lm-spin{to{transform:rotate(360deg)}}@keyframes lm-pulse{0%,to{opacity:1}50%{opacity:.45}}.spinner{border-radius:var(--r-pill);border:2px solid var(--c-border);border-top-color:var(--c-primary);width:18px;height:18px;animation:.7s linear infinite lm-spin}.state-block{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.state-title{font:600 13px var(--font-sans);color:var(--c-text)}.state-sub{font:400 12px var(--font-sans);color:var(--c-text-mute);max-width:380px}.state-block.is-error .state-title{color:var(--c-danger-soft-fg)}.skeleton-row{border-bottom:1px solid var(--c-border-soft);align-items:center;gap:12px;padding:12px 14px;display:flex}.skeleton-bar{border-radius:var(--r-sm);background:var(--c-border-soft);height:10px;animation:1.2s ease-in-out infinite lm-pulse}.inline-error{font:500 11.5px var(--font-sans);color:var(--c-danger-soft-fg);background:var(--c-danger-soft2);border:1px solid var(--c-danger-soft-bd);border-radius:var(--r-md);padding:8px 11px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:disabled:hover{filter:none}.table-footer{border-top:1px solid var(--c-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.footer-label{font:400 11.5px var(--font-sans);color:var(--c-text-mute)}.pagination{font:500 11.5px var(--font-sans);color:var(--c-text-dim);align-items:center;gap:4px;display:flex}.page-btn{border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;background:#fff;padding:4px 10px}.page-btn:hover:not(.disabled):not(.is-active){border-color:var(--c-line)}.page-btn.disabled{color:var(--c-line);cursor:default}.page-btn.is-active{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary-soft-fg)}.select-input{border:1px solid var(--c-border);border-radius:var(--r-md);font:400 12px var(--font-sans);color:var(--c-text);background:#fff;outline:none;padding:7px 10px}.select-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-ring)}.thumb{border-radius:var(--r-lg);object-fit:cover;background:var(--c-bg);flex-shrink:0;width:44px;height:44px}.thumb-sm{border-radius:var(--r-md);object-fit:cover;background:var(--c-bg);flex-shrink:0;width:28px;height:28px}.align-right{text-align:right}.cell-dim{color:var(--c-text-mute);font-size:11.5px}.cell-strong{font-weight:600}.mono{font-family:var(--font-mono)}@media (width<=640px){.page-title{font-size:19px}.panel-pad{padding:15px 16px}.table-footer{padding:10px 13px}.empty-state,.state-block{padding:30px 16px}}@media (pointer:coarse){.btn-sm,.chip,.page-btn{justify-content:center;align-items:center;min-height:34px;display:inline-flex}}