.user-menu-wrapper{position:relative;display:flex;align-items:center;cursor:pointer}.user-trigger{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#fff;border-radius:8px;transition:.15s}.user-trigger:hover{background:#f3f4f6}.user-name{font-weight:500;font-size:14px;color:#374151}.avatar{width:32px;height:32px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;font-size:15px}.user-dropdown{position:absolute;top:44px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 16px #00000014;width:160px;padding:6px 0;animation:fadeIn .15s ease-out;z-index:20}.dropdown-item{width:100%;padding:10px 14px;text-align:left;background:none;border:none;font-size:14px;color:#374151;cursor:pointer;transition:.12s}.dropdown-item:hover{background:#f3f4f6}.logout{color:#dc2626}.logout:hover{background:#fee2e2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu-dropdown{position:absolute;top:100%;right:0;z-index:1000}.navbar{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.navbar__left{display:flex;align-items:center;gap:12px}.navbar__toggle{width:38px;height:38px;border-radius:12px;border:1px solid var(--border-strong);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.navbar__right{display:flex;align-items:center;gap:12px}@media(max-width:768px){.navbar{display:none!important}}Sidebar – professional SaaS .sidebar{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 12px;transition:width .18s ease;overflow:hidden}.sidebar.collapsed{width:92px}.sidebar-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.sidebar-logo{width:44px;height:44px;border-radius:14px;background:var(--primary);box-shadow:0 10px 20px #3b5bff40;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.sidebar-brand{font-weight:600;font-size:13px;color:var(--text)}.sidebar-nav{width:100%;display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;height:44px;border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#64748b;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.nav-item .icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.nav-item:hover{background:#f4f7ff;border-color:var(--border);color:#0f172a}.nav-item.active{background:#eef2ff;border-color:#c7d2fe;color:var(--primary)}.nav-section{margin:14px 0 6px;padding:0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.sidebar.collapsed .sidebar-brand{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.sidebar.collapsed .nav-item span:not(.icon){display:none}.sidebar.collapsed .nav-section{display:none}.sidebar-close-btn{display:none;margin-left:auto;background:transparent;border:none;color:var(--muted);cursor:pointer}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;width:260px!important;transform:translate(-100%);transition:transform .3s ease;box-shadow:none;background-color:#fff}.sidebar.mobile-visible{transform:translate(0);box-shadow:5px 0 25px #00000026}.sidebar.collapsed{width:260px!important}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .nav-item span:not(.icon),.sidebar.collapsed .nav-section{display:block!important}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:0 12px}.sidebar-close-btn{display:block}}.sidebar{height:100vh;height:100dvh;position:sticky;top:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .2s ease,transform .3s ease;z-index:50;overflow:hidden}.sidebar.open{width:240px}.sidebar.collapsed{width:80px}.sidebar-header{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:16px;height:64px;border-bottom:1px solid transparent}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;padding:12px}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sidebar-nav:hover::-webkit-scrollbar-thumb{background:#cbd5e1}.sidebar-footer{flex-shrink:0;padding:12px;border-top:1px solid var(--border);background:#fff}.collapse-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:1px solid transparent;color:var(--muted);border-radius:8px;cursor:pointer;transition:all .2s}.collapse-btn:hover{background:#f8fafc;color:var(--text)}.sidebar.collapsed .collapse-btn span{display:none}.sidebar-close-btn-mobile{display:none;margin-left:auto;background:transparent;border:none;cursor:pointer;color:var(--muted)}.sidebar-logo{width:36px;height:36px;border-radius:10px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0}.sidebar-brand{font-weight:700;font-size:14px;color:var(--text);white-space:nowrap}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px!important;transform:translate(-100%);box-shadow:none}.sidebar.mobile-visible{transform:translate(0);box-shadow:10px 0 30px #00000026}.sidebar-close-btn-mobile{display:block}.sidebar-footer{display:none}.sidebar.collapsed{width:280px!important}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .nav-item span{display:block!important}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:0 12px}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.layout{display:flex;height:100vh;overflow:hidden;position:relative}.layout__main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;width:100%}.layout__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;background:var(--bg);-webkit-overflow-scrolling:touch}.layout__mobile-header{display:none;align-items:center;gap:12px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0}.btn-hamburger{background:transparent;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px}.layout__overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.layout__mobile-header{display:flex}.layout__overlay{display:block}.layout__content{padding:16px 12px}}.layout__mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0;height:60px}.mobile-header-left{display:flex;align-items:center;gap:12px}.btn-hamburger{background:transparent;border:none;color:var(--text);cursor:pointer;padding:0;display:flex}.mobile-brand{font-weight:700;font-size:16px;color:var(--text)}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 2px 5px #3b5bff4d}@media(max-width:768px){.layout__mobile-header{display:flex}}@media(max-width:768px){.navbar-user-info,.navbar-right,.user-profile-section{display:none!important}.navbar{padding-top:8px;padding-bottom:8px;min-height:auto}}.toasts{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{width:320px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #0206171f;padding:12px 12px 12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;pointer-events:auto}.toast__title{font-size:12px;font-weight:600;color:#0f172a;margin-bottom:2px}.toast__msg{font-size:12px;color:#475569;line-height:1.35}.toast__close{border:0;background:transparent;font-size:18px;line-height:1;padding:2px 6px;color:#94a3b8;cursor:pointer}.toast.info{border-left:3px solid #3b5bff}.toast.success{border-left:3px solid #16a34a}.toast.warning{border-left:3px solid #f59e0b}.toast.error{border-left:3px solid #dc2626}.login-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 20% 20%,#e0f2fe,#f0f9ff 60%);background-attachment:fixed;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:36px 32px;text-align:center;box-shadow:0 4px 24px #00000014;animation:fadeInUp .45s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:28px;font-weight:700;color:#0284c7;margin-bottom:4px}.login-subtitle{font-size:15px;color:#64748b;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:22px}.field label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.field input{width:100%;height:42px;padding:0 42px 0 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:14px;color:#0f172a;transition:border .15s,box-shadow .15s}.field input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e940;outline:none}.invalid{border-color:#dc2626!important}.validation-error{font-size:12px;color:#dc2626;margin-top:4px}.password-wrapper{width:100%;position:relative}.toggle-password{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:opacity .2s ease,transform .2s ease}.toggle-password:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.login-error{color:#dc2626;font-size:14px;text-align:center}.login-button{width:100%;height:44px;background:#0ea5e9;color:#fff;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.login-button:hover{background:#0284c7}.login-button:disabled{opacity:.7;cursor:default}.forgot-password{margin-top:16px;background:none;border:none;font-size:14px;color:#0ea5e9;cursor:pointer;transition:color .2s ease}.forgot-password:hover{color:#0284c7}.login-footer{margin-top:28px;font-size:13px;color:#64748b}@media(prefers-color-scheme:dark){.login-container{background:linear-gradient(140deg,#0c0f12,#111827 60%)}.login-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 24px #00000073}.login-title{color:#38bdf8}.login-subtitle{color:#94a3b8}.field label{color:#e2e8f0}.field input{background:#0f172a;border-color:#334155;color:#f1f5f9}.field input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.toggle-password{color:#cbd5e1}.login-error{color:#f87171}.login-button{background:#38bdf8}.login-button:hover{background:#0ea5e9}.forgot-password{color:#38bdf8}.forgot-password:hover{color:#0ea5e9}.login-footer{color:#94a3b8}}.success-box{background:var(--badge-bg);padding:12px;border-radius:8px;color:var(--badge-text);margin-top:10px;font-size:14px;text-align:center}.error-box{background:#fee2e2;color:#b91c1c;padding:10px;border-radius:8px;margin-top:10px;text-align:center;font-size:14px}:root{--fd-bg: #ffffff;--fd-text: #0f172a;--fd-muted: #64748b;--fd-border: #e5e7eb;--fd-shadow: 0 30px 80px rgba(2, 6, 23, .22);--fd-overlay: rgba(15, 23, 42, .35);--fd-primary: #3b5bff;--fd-primary-weak: rgba(59, 91, 255, .12);--fd-radius: 18px;--fd-radius-sm: 12px;--fd-pad: 18px;--fd-gap: 14px;--fd-input-bg: #f8fafc;--fd-input-border: #e2e8f0;--fd-input-border-focus: rgba(59, 91, 255, .45)}.fd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;z-index:60}.fd-overlay.fd-overlay-open{background:var(--fd-overlay);opacity:1;pointer-events:auto}.fd-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(460px,92vw);background:var(--fd-bg);transform:translate(105%);transition:transform .22s ease;z-index:61;box-shadow:var(--fd-shadow);display:flex;flex-direction:column;border-left:1px solid var(--fd-border)}.fd-drawer.fd-drawer-open{transform:translate(0)}.fd-header{padding:16px 18px;border-bottom:1px solid var(--fd-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.fd-header h3{margin:0;font-size:14px;letter-spacing:.02em;color:var(--fd-text);font-weight:750}.fd-close-btn{width:36px;height:36px;border-radius:12px;border:1px solid var(--fd-border);background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--fd-muted);transition:background .15s ease,color .15s ease,border-color .15s ease}.fd-close-btn:hover{background:#f8fafc;color:var(--fd-text);border-color:#dbe3ef}.fd-body{padding:var(--fd-pad);overflow:auto;flex:1}.fd-footer{padding:14px 18px;border-top:1px solid var(--fd-border);background:#fff;display:flex;gap:12px}.fd-clean-btn,.fd-search-btn{height:44px;border-radius:14px;padding:0 16px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease,opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}.fd-clean-btn{background:#fff;border:1px solid var(--fd-border);color:var(--fd-text)}.fd-clean-btn:hover{background:#f8fafc;border-color:#dbe3ef}.fd-search-btn{background:var(--fd-primary);border:1px solid var(--fd-primary);color:#fff}.fd-search-btn:hover{background:#2f4fff;border-color:#2f4fff}.fd-clean-btn:active,.fd-search-btn:active{transform:translateY(1px)}.fd-clean-btn:disabled,.fd-search-btn:disabled{cursor:not-allowed;opacity:.65}.drawerSections{display:grid;gap:16px}.drawerSection{border:1px solid var(--fd-border);border-radius:var(--fd-radius);background:#fff;overflow:hidden}.drawerSectionHeader{padding:12px 14px;border-bottom:1px solid var(--fd-border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fbfcff}.drawerSectionHeader h4{margin:0;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#475569;font-weight:800}.drawerSectionBody{padding:14px}.drawerGrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--fd-gap)}.drawerLabel{display:grid;gap:8px;font-size:12px;color:var(--fd-muted)}.drawerLabel select,.drawerLabel input[type=date],.drawerLabel input[type=text]{width:100%;height:42px;border-radius:14px;border:1px solid var(--fd-input-border);background:var(--fd-input-bg);padding:0 12px;color:var(--fd-text);outline:none;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;font-size:13px}.drawerLabel select:focus,.drawerLabel input[type=date]:focus,.drawerLabel input[type=text]:focus{border-color:#3b5bff8c;box-shadow:0 0 0 4px var(--fd-input-border-focus);background:#fff}.drawerChecks{border:1px solid var(--fd-border);background:#fff;border-radius:16px;padding:8px;max-height:240px;overflow:auto}.drawerCheck{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fd-text);font-size:13px}.drawerCheck:hover{background:#f8fafc}.drawerCheck input[type=checkbox]{width:16px;height:16px;accent-color:var(--fd-primary)}.drawerChips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.drawerChip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--fd-primary-weak);color:#1e293b;border:1px solid rgba(59,91,255,.18);font-size:12px;font-weight:700}.drawerChip button{border:none;background:transparent;cursor:pointer;color:#334155;font-size:14px;line-height:1}.drawerHint{font-size:12px;color:var(--fd-muted);margin-top:8px}.drawerLabel select[multiple]{min-height:180px;padding:8px;border-radius:16px;background:#f8fafc}.drawerLabel select[multiple] option{padding:8px 10px;border-radius:10px}.drawerLabel select[multiple] option:checked{background:#3b5bff26;color:#1e293b}.drawerSectionBody select[multiple]{min-height:120px;max-height:140px;padding:8px 10px;line-height:1.4}.drawerSectionBody select[multiple] option{padding:6px 4px;font-size:14px}.docTypeBadge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em}.docTypeBadge.fc{background:#dbeafe;color:#1d4ed8}.docTypeBadge.nc{background:#fee2e2;color:#b91c1c}.facturasPage{max-width:1200px;margin:0 auto}.topRow{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-weight:600;color:#0f172a}.breadcrumbs .sep{color:#cbd5e1}.syncMeta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.syncAgo{font-weight:600;color:#0f172a}.syncDot{width:8px;height:8px;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px #16a34a1f}.actionsRow{display:flex;align-items:center;gap:10px}.searchRow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 8px}.searchBox{flex:1;position:relative}.searchBox svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.searchBox input{width:100%;height:44px;border-radius:12px;border:1px solid var(--border);background:#fff;padding:0 14px 0 44px;font-size:13px;outline:none}.searchBox input:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px #3b5bff1a}.dateChips{display:flex;gap:8px;align-items:center}.chip{height:30px;padding:0 10px;border-radius:999px;border:1px solid #c7d2fe;background:#eef2ff;color:#1d4ed8;font-size:12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.btnSpinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;display:inline-block;animation:spin .8s linear infinite}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}.kpiCard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:0 10px 22px #0206170a}.kpiCard.kpiDanger{border-color:#fecaca;background:linear-gradient(180deg,#fff,#fff6f6)}.kpiTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.kpiTitle{font-size:11px;color:#64748b;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.kpiValue{font-size:28px;font-weight:600;color:#0f172a;letter-spacing:-.01em}.kpiSub{font-size:12px;color:#64748b;margin-top:4px}.kpiDelta{font-weight:600;margin-right:6px}.kpiDelta.good{color:#16a34a}.kpiDelta.bad{color:#dc2626}.kpiSpark{width:56px;height:26px}.kpiSpark rect{fill:#e2e8f0}.kpiCard .kpiSpark rect{fill:#c7d2fe}.kpiCard.kpiDanger .kpiSpark rect{fill:#fecaca}.tableCard{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 14px 30px #0206170f}.table{width:100%;border-collapse:collapse}.table thead th{padding:12px 16px;font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-weight:500;background:#f8fafc;border-bottom:1px solid var(--border)}.table tbody td{padding:14px 16px;border-bottom:1px solid #eef2f7;vertical-align:middle;color:#0f172a;font-size:13px}.table tbody tr:hover td{background:#fbfdff}.tableEmpty{padding:20px 16px;color:#64748b;text-align:left;height:200px;text-align:center}.col-fecha{width:150px}.col-comp{width:260px}.col-total{width:160px;text-align:right}.col-estado{width:190px}.col-acciones{width:90px;text-align:right}.tsDate{font-weight:600}.tsTime{font-size:11px;color:#64748b;margin-top:2px}.compTop{margin-bottom:6px}.docId{font-weight:500;color:#0f172a}.clientName{font-weight:500}.clientSub{font-size:12px;color:#64748b;margin-top:2px}.amount{text-align:right;font-weight:600}.amount.neg{color:#dc2626}.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent}.badge.success{background:#16a34a1a;border-color:#16a34a40;color:#15803d}.badge.pending{background:#f59e0b1f;border-color:#f59e0b4d;color:#b45309}.badge.error{background:#dc26261a;border-color:#dc262640;color:#b91c1c}.actionsCell{position:relative;text-align:right}.kebabBtn{width:34px;height:34px;border-radius:10px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer}.kebabBtn:hover{background:#f1f5f9;border-color:var(--border);color:#0f172a}.kebabMenu{position:absolute;right:16px;top:44px;min-width:160px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 28px #0206171f;padding:6px;z-index:20}.kebabItem{width:100%;text-align:left;padding:10px;border-radius:10px;border:0;background:transparent;font-size:12px;color:#0f172a;cursor:pointer}.kebabItem:hover{background:#f8fafc}.footerBar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px;font-size:12px;color:#64748b}.footerCenter{color:#0f172a;font-weight:600}.pagination{display:flex;align-items:center;gap:8px}.pageBtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#334155;display:flex;align-items:center;justify-content:center;cursor:pointer}.pageBtn:disabled{opacity:.45;cursor:not-allowed}.pageNum{width:34px;height:34px;border-radius:10px;border:1px solid transparent;background:transparent;color:#334155;cursor:pointer}.pageNum:hover{background:#f1f5f9}.pageNum.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pageDots{color:#94a3b8;padding:0 4px}.drawerGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 2px;align-content:start}@media(max-width:520px){.drawerGrid{grid-template-columns:1fr}}.drawerLabel{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#0f172a}.drawerLabel select,.drawerLabel input[type=date],.drawerLabel input[type=text]{height:40px;border-radius:12px;border:1px solid var(--border);padding:0 12px;background:#fff;color:#0f172a;outline:none}.drawerLabel select:focus,.drawerLabel input[type=date]:focus,.drawerLabel input[type=text]:focus{border-color:#a5b4fc;box-shadow:0 0 0 4px #6366f11f}.drawerLabelFull{grid-column:1 / -1}.drawerChecks{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow:auto;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.drawerCheck{display:flex;align-items:center;gap:10px;font-size:13px;color:#0f172a}.drawerCheck input{width:16px;height:16px}.activeFilters{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.activeFiltersLabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;padding-top:8px;white-space:nowrap}.activeFiltersChips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.activeChip{height:32px;border-radius:999px;border:1px solid rgba(59,91,255,.18);background:#3b5bff1a;color:#1e293b;font-weight:650;font-size:12px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.activeChip:hover{background:#3b5bff24;border-color:#3b5bff42}.activeChip .x{color:#334155;font-weight:900}.activeClearAll{height:32px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:650;font-size:12px;padding:0 10px;cursor:pointer}.activeClearAll:hover{background:#f8fafc}.chipMuted{border-color:#e2e8f0;background:#fff;color:#64748b}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:14px 0}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.kpis{grid-template-columns:1fr}}.kpiStatusDot{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;margin-left:auto}.kpiStatusDot.ok{background:#22c55e;color:#fff}.kpiStatusDot.warn{background:#f59e0b;color:#fff}.kpiSplit{margin-top:10px;display:flex;flex-direction:column;gap:8px}.kpiRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpiRowLabel{opacity:.75;font-size:14px}.kpiRowValue{font-size:22px;font-weight:800;letter-spacing:-.3px}.kpiDiff{margin-top:2px;font-size:12px;opacity:.8}.kpisSimple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:14px 0 18px}.kpiSimpleCard{background:#fff;border:1px solid #e9eef7;border-radius:14px;padding:14px 16px;box-shadow:0 6px 20px #1018280f;min-height:92px}.kpiSimpleHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.kpiSimpleTitle{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.02em;color:#0f172a;font-size:13px}.kpiIcon{display:inline-flex;width:28px;height:28px;border-radius:10px;align-items:center;justify-content:center;background:#f3f6ff;color:#2b4fff}.kpiCount{font-weight:600;color:#64748b;margin-left:6px}.kpiDot{width:10px;height:10px;border-radius:999px;background:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e}.kpiDot.ok{background:#22c55e;box-shadow:0 0 0 4px #22c55e2e}.kpiSimpleBody{display:flex;flex-direction:column;gap:8px}.kpiLine{display:flex;align-items:center;justify-content:space-between;gap:12px}.kpiLineLabel{font-size:13px;color:#64748b}.kpiLineValue{font-size:18px;font-weight:800;color:#0f172a}.kpiTotalCard .kpiIcon{background:#f5f7ff;color:#2b4fff}.kpiTotalBody{margin-top:6px}.kpiTotalSubtitle{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.04em}.kpiTotalValue{margin-top:6px;font-size:30px;font-weight:900;color:#1d4ed8}@media(max-width:1050px){.kpisSimple{grid-template-columns:1fr}}.kpiSimpleCard .kpiIcon{color:#2563eb}.kpiSimpleCard.kpiDanger .kpiIcon{color:#e73939}.badge.warn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:600;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#b45309;white-space:nowrap}.badge.warn:before{content:"Δ";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:#f59e0b2e;border:1px solid rgba(245,158,11,.45);font-size:11px;line-height:1}.badge+.badge.warn{margin-top:3px}@media(max-width:640px){.badge.warn{padding:3px 8px;font-size:11px}.badge.warn:before{width:14px;height:14px;font-size:10px}}.amountCell{text-align:end}.amountMain{font-weight:600;font-size:14px;color:#0f172a}.amountSap{font-size:12px;color:#64748b}.amountDiff{margin-top:2px;font-size:11px;font-weight:600;color:#b45309;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);border-radius:999px;padding:2px 8px}.amountCell.neg .amountMain{color:#b91c1c}.badge.warn.neg{color:#b91c1c;background:#ef44441f;border-color:#ef444459}.nuevo{padding-left:40px!important}.facturasPage{padding:16px}@media(max-width:900px){.topRow{flex-direction:column;align-items:stretch}.actionsRow{justify-content:flex-start;flex-wrap:wrap}.searchRow{flex-direction:column;align-items:stretch}.dateChips{width:100%;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.dateChips::-webkit-scrollbar{height:6px}.dateChips::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:999px}}@media(max-width:640px){.facturasPage{padding:12px}.actionsRow{gap:8px}.actionsRow .btn{width:100%;justify-content:center}.searchBox input{height:46px;font-size:14px}.kpisSimple{grid-template-columns:1fr!important;gap:12px}.kpiSimpleCard{padding:12px}.activeFilters{flex-direction:column;align-items:flex-start}.activeFiltersLabel{padding-top:0}.footerBar{flex-direction:column;align-items:stretch;gap:10px}.pagination{justify-content:center;flex-wrap:wrap}}@media(max-width:640px){.tableCard{border-radius:14px;overflow:visible;background:transparent;border:0;box-shadow:none}.table{border-collapse:separate;border-spacing:0 10px}.table thead{display:none}.table tbody tr{display:block;background:#fff;border:1px solid #e9eef7;border-radius:14px;padding:10px 12px;box-shadow:0 6px 18px #1018280f}.table tbody td{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border:0;border-bottom:1px dashed #eef2f7;align-items:start}.table tbody td:last-child{border-bottom:0;padding-bottom:4px}.table tbody td:before{content:attr(data-label);font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}.amountCell,.actionsCell{text-align:left}.kebabMenu{right:0;top:40px}.nuevo{padding-left:0!important}.nuevo .badge{display:inline-flex;margin-right:6px;margin-top:2px}.docId{word-break:break-word}}@media(max-width:640px){.kpis,.kpisSimple,.remitosKpis{grid-template-columns:1fr!important;gap:12px}.activeFilters{flex-direction:column;align-items:flex-start}.actionsRow{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.actionsRow .btn{width:100%;justify-content:center}.actionsRow .btn.primary{grid-column:1 / -1}.table thead{display:none}.table tbody tr{display:block;border:1px solid var(--border);border-radius:12px;margin-bottom:12px;background:#fff;box-shadow:0 2px 5px #00000008}.table tbody td{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:10px;border-bottom:1px dashed #f1f5f9;text-align:left!important}.table tbody td:last-child{border-bottom:none}.table tbody td:before{content:attr(data-label);font-weight:700;color:#64748b;font-size:11px;text-transform:uppercase}.actionsCell{display:flex!important;justify-content:flex-end}.actionsCell:before{display:none}}@media(max-width:640px){.table,.table tbody,.table tr,.table td{display:block;width:100%}.table thead{display:none}.table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 6px -1px #0000000d;padding:12px;position:relative}.table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #f1f5f9;min-height:40px;text-align:right}.table tbody td:last-child{border-bottom:none;padding-bottom:0}.table tbody td:before{content:attr(data-label);font-weight:700;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-right:12px;text-align:left;white-space:nowrap}.table tbody td[data-label=Fecha]{align-items:flex-start}.table tbody td[data-label=Fecha]>div{display:flex;flex-direction:column;align-items:flex-end}.table tbody td[data-label=Comprobante]{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.table tbody td[data-label=Comprobante] .docId{font-size:14px;font-weight:600;color:#0f172a;display:block;width:100%;text-align:right;margin-top:4px}.table tbody td[data-label=Comprobante] .compTop{margin-left:auto;margin-bottom:0}.table tbody td[data-label=Estado]{justify-content:space-between}.table tbody td[data-label=Estado] .badge{width:auto!important;display:inline-flex;margin-left:auto;font-size:11px;padding:4px 10px;height:auto;min-height:24px}.table tbody td .clientName{white-space:normal;text-align:right;font-size:13px}.table tbody td.actionsCell{justify-content:flex-end;padding-top:12px;border-top:1px solid #f1f5f9;border-bottom:0}.table tbody td.actionsCell:before{display:none}.kebabMenu{right:0;top:auto;bottom:100%;margin-bottom:5px;width:200px;z-index:100;box-shadow:0 10px 40px #0003}}.tableLoaderContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#64748b;width:100%}.tableLoaderSpinner{animation:spin 1s linear infinite;color:#3b82f6;margin-bottom:.75rem}.tableLoaderText{font-size:.875rem;font-weight:500;opacity:.8;letter-spacing:.02em}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;border-radius:9999px;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid transparent}.status-badge:hover{filter:brightness(1.05)}.badge-LISTA_PARA_SAP{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd}.badge-PENDIENTE_CLIENTE{background:#e5e7eb;color:#374151;border-color:#d1d5db}.badge-PENDIENTE_PERCEPCIONES{background:#fef3c7;color:#92400e;border-color:#fcd34d}.badge-ENVIANDO_A_SAP{background:#e0f2fe;color:#0369a1;border-color:#7dd3fc}.badge-ENVIADO_SAP{background:#dcfce7;color:#166534;border-color:#86efac}.badge-ERROR{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.badge-EN_SAP_CON_RECIBO{background:#dcfce7;color:#166534;border-color:#86efac}.badge-default{background:#e5e7eb;color:#374151;border-color:#d1d5db}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;background:#e9e9e9;color:#333;transition:.18s ease;-webkit-user-select:none;user-select:none}.btn:hover:not(:disabled){filter:brightness(1.05)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-outline{background:transparent;border:1px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){background:#f3f4f6}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{background:transparent;color:#374151}.btn-ghost:hover:not(:disabled){background:#f3f4f6}.btn-icon{padding:6px;width:32px;height:32px;border-radius:6px}.btn-icon svg{width:18px;height:18px}.remitosPage .remitosKpis{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.remitosPage .remitosKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.remitosPage .remitosKpis{grid-template-columns:1fr}}.remitosPage .table thead th{text-align:left}.remitosPage .table thead th.col-acciones,.remitosPage .table tbody td.actionsCell{text-align:right}@media(max-width:640px){.table,.table tbody,.table tr,.table td{display:block!important;width:100%!important;height:auto!important;min-height:auto!important;box-sizing:border-box}.table thead{display:none}.table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 12px #0000000d;padding:16px;position:relative;display:flex!important;flex-direction:column;gap:8px}.table tbody td{display:flex!important;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed #f1f5f9;text-align:right}.table tbody td:last-child{border-bottom:none}.table tbody td:before{content:attr(data-label);font-weight:700;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;text-align:left;margin-right:auto;flex-shrink:0}.table tbody td[data-label=Fecha]{align-items:flex-start}.table tbody td[data-label=Fecha]>div{text-align:right}.table tbody td[data-label=Cliente] .clientName,.table tbody td[data-label=Motivo] .clientName{white-space:normal;text-align:right;font-size:13px}.table tbody td[data-label=Cliente] .clientSub,.table tbody td[data-label=Motivo] .clientSub{text-align:right}.table tbody td[data-label=Estado] .badge{margin-left:auto;width:auto!important;display:inline-flex}.table tbody td.actionsCell{justify-content:flex-end;padding-top:8px;border-top:none}.table tbody td.actionsCell:before{display:flex}.kebabMenu{right:0;top:auto;bottom:40px;width:180px;z-index:100;box-shadow:0 -4px 20px #00000026}}.page-container{padding:16px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.page-header h1{margin:0;font-size:20px;font-weight:700}.page-actions{display:flex;align-items:center;gap:8px}.page-content{width:100%}.placeholder{padding:16px}.placeholder__title{margin:0;font-size:18px}.placeholder__text{margin-top:8px;margin-bottom:0;opacity:.8}.admin-modulos{display:grid;grid-template-columns:320px 1fr;gap:16px;padding:16px}.panel{background:var(--card-bg, #fff);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;min-height:420px}.users-list{list-style:none;padding:0;margin:8px 0 0;max-height:520px;overflow:auto}.users-list li{padding:10px;border-radius:10px;cursor:pointer;border:1px solid transparent}.users-list li:hover{background:#00000008}.users-list li.active{background:#0000000d;border-color:#0000001a}.u-name{font-weight:600}.u-meta{font-size:12px;opacity:.75;margin-top:2px}.selected-user{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:8px 0 12px}.modules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.module-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,.08)}.actions{margin-top:12px}.table-wrapper{margin-top:6px;margin-bottom:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;overflow:hidden}.table-header{width:100%;border-collapse:separate;border-spacing:0}.table-header thead th{background:#f9fafb;text-align:left;padding:12px 16px;font-weight:600;color:#4b5563;border-bottom:1px solid #e5e7eb;white-space:nowrap}.table-header thead th:first-child{border-top-left-radius:10px}.table-header thead th:last-child{border-top-right-radius:10px}.table-body-scroll{max-height:calc(100vh - 260px);overflow-y:auto}.table-body-scroll::-webkit-scrollbar{width:7px}.table-body-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.table-body-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.table-facturas{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;color:#374151;table-layout:fixed}.table-facturas td{padding:12px 16px;border-bottom:1px solid #f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-facturas tbody tr:last-child td{border-bottom:none}.table-facturas tbody tr{transition:background .12s ease;animation:fadeIn .15s ease-in}.table-facturas tbody tr:nth-child(2n){background:#fafafa}.table-facturas tbody tr:hover{background:#f3f4f6}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.table-loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffa6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:none}.spinner{width:38px;height:38px;border:4px solid #d1d5db;border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.blur{filter:blur(2px);pointer-events:none}.fade-in{animation:rowFadeIn .25s ease-out}@keyframes rowFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.empty-row td{text-align:center;padding:40px 0;color:#6b7280;font-size:15px;font-weight:500;background:#f9fafb;border-bottom:none!important}.texto-rojo{color:#c31616!important}.col-comprobante{display:flex;flex-direction:column;gap:2px}.doc-badge{display:inline-block;padding:2px 6px;font-size:11px;border-radius:4px;font-weight:600;width:fit-content}.doc-badge.fc{background:#dbeafe;color:#1d4ed8}.doc-badge.nc{background:#fee2e2;color:#b91c1c}.doc-numero{font-size:13px;font-weight:500;margin-top:5px}.col-cliente{display:flex;flex-direction:column}.cliente-nombre{font-weight:500}.cliente-local{font-size:12px;color:#6b7280;margin-top:5px}.col-fecha{color:#374151;font-size:13px}.col-total{font-weight:600}.datatable thead th{width:var(--col-width)}.datatable th,.datatable td{padding:12px 10px;vertical-align:middle}.col-fecha{text-align:center!important}.sb-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;color:#333}.sb-input,.sb-select{width:100%;padding:10px 12px;border:1px solid #d7d7d7;border-radius:8px;font-size:.95rem;background:#fff}.sb-input:focus,.sb-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.sb-card{background:#fff;padding:30px 40px;border-radius:12px;box-shadow:0 4px 14px #0000000d}.sb-form-group{margin-bottom:22px}.sb-chip{padding:6px 14px;background:#f2f4f7;border-radius:20px;font-size:.85rem;cursor:pointer;border:1px solid #e2e6eb;transition:.15s}.sb-chip:hover{background:#e2e8f0}.sb-chip.selected{background:#2563eb;color:#fff;border-color:#1e4ecc}.sb-btn-primary{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;margin-top:12px;transition:background .2s}.sb-btn-primary:hover{background:#1e4ecc}.sb-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#374151;background:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.sb-select:hover{border-color:#2563eb}.sb-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.generar-contrasena{margin-top:-10px;margin-bottom:15px;display:flex;justify-content:end}.encabezado-nuevo{height:60px;display:flex;justify-content:space-between;align-items:center}.btn-small{padding:6px 12px;font-size:.8rem;background:#e5e7eb;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:.2s}.btn-small:hover{background:#d1d5db}.btn-danger{background:#f87171;border-color:#ef4444;color:#fff}.btn-danger:hover{background:#ef4444}.ms-container{position:relative;width:100%}.ms-control{width:100%;padding:10px 40px 10px 12px;border:1px solid #d1d5db;border-radius:8px;background-color:#fff;cursor:pointer;display:flex;align-items:center;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ms-control:hover{border-color:#2563eb}.ms-control:focus-within{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.ms-chips{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.ms-placeholder{color:#9ca3af;font-size:.9rem}.ms-chip{background:#eef2ff;color:#3730a3;border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:6px;font-size:.85rem}.ms-chip-x{cursor:pointer;font-weight:700;opacity:.6}.ms-chip-x:hover{opacity:1}.ms-arrow{position:absolute;right:12px;width:12px;height:12px;pointer-events:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform .2s ease}.ms-arrow.open{transform:rotate(180deg)}.ms-dropdown{position:absolute;width:100%;top:calc(100% + 4px);background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 14px #0000001a;max-height:260px;overflow-y:auto;z-index:20;padding:6px 0}.ms-search-wrapper{padding:6px 12px;border-bottom:1px solid #e5e7eb}.ms-search{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.ms-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40}.ms-option{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:.95rem}.ms-option:hover{background:#f3f4f6}.ms-empty{padding:12px;font-size:.9rem;color:#6b7280;text-align:center}:root{--bg:#f6f8fb;--card:#ffffff;--text:#0f172a;--muted:#64748b;--border:#e7edf6;--border-strong:#d8e2f1;--primary:#3b5bff;--primary-700:#2f49dd;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--shadow:0 10px 25px rgba(15,23,42,.06);--radius:14px;--radius-sm:10px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans"}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);font-size:13px;font-weight:400;line-height:1.4;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;border:1px solid var(--border-strong);background:#f7f9ff;color:#334155;font-size:12px;font-weight:500}.pill button{border:0;background:transparent;cursor:pointer;color:#64748b;font-size:14px;line-height:1}.btn{height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--border-strong);background:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:500;color:#0f172a}.btn:hover{background:#fbfcff}.btn-primary{background:var(--primary);border-color:transparent;color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-ghost{background:transparent}.btn .btn-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.85}.input{height:44px;width:100%;padding:0 14px;border-radius:14px;border:1px solid var(--border-strong);background:#fff;outline:none;font-weight:400}.input:focus{border-color:#b8c7ff;box-shadow:0 0 0 4px #3b5bff1f}:root{--color-primary: #1f4e79;--color-primary-hover: #173c5d;--color-bg: #f5f7fa;--color-border: #dcdfe3;--color-text: #333;--radius: 6px;--transition: .2s ease-in-out}