:root{--color-primary-50: #f2f9f9;--color-primary-100: #e0f0f0;--color-primary-200: #c4e3e3;--color-primary-300: #a8d5d5;--color-primary-400: #99cccc;--color-primary-500: #7fbfbf;--color-primary-600: #4d9999;--color-primary-700: #3a7373;--color-primary-800: #2b5555;--color-primary-900: #1e3c3c;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-150: #efefee;--color-neutral-200: #e8e8e7;--color-neutral-300: #cdcccc;--color-neutral-400: #b5b4b3;--color-neutral-500: #9a9999;--color-neutral-600: #7a7978;--color-neutral-700: #5a5958;--color-neutral-800: #3c3b3a;--color-neutral-900: #1e1e1d;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #16a34a;--color-success-700: #15803d;--color-warn-50: #fffbeb;--color-warn-100: #fef3c7;--color-warn-500: #ca8a04;--color-warn-700: #a16207;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-500: #dc2626;--color-danger-700: #b91c1c;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #2563eb;--color-info-700: #1d4ed8;--bg-page: var(--color-neutral-50);--bg-surface: #ffffff;--bg-sidebar: #ffffff;--bg-topbar-tramitacion: var(--color-primary-400);--bg-topbar-cancelaciones: var(--color-primary-400);--bg-topbar-firmas: var(--color-primary-400);--bg-topbar-admin: var(--color-primary-400);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-on-primary: #ffffff;--border-default: var(--color-neutral-200);--border-subtle: var(--color-neutral-150);--border-strong: var(--color-neutral-300);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px rgba(15, 23, 42, .08), 0 4px 6px rgba(15, 23, 42, .05);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-safe-top: env(safe-area-inset-top, 0px);--space-safe-bottom: env(safe-area-inset-bottom, 0px);--space-safe-left: env(safe-area-inset-left, 0px);--space-safe-right: env(safe-area-inset-right, 0px);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.2;--lh-normal: 1.5;--lh-loose: 1.7;--tracking-tight: -.02em;--tracking-wide: .04em;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}:root{--sidebar-width: 224px;--header-height: 52px;--bg-primary: var(--bg-page);--bg-secondary: var(--color-neutral-100);--bg-card: var(--bg-surface);--bg-card-hover: var(--color-neutral-100);--bg-sidebar: var(--bg-surface);--bg-tertiary: var(--color-neutral-150);--border-color: var(--border-default);--border-light: var(--border-subtle);--text-muted: var(--text-tertiary);--accent-teal: var(--color-primary-400);--accent-teal-dim: var(--color-primary-600);--accent-teal-bright: var(--color-primary-300);--accent-blue: var(--color-primary-400);--accent-blue-dim: var(--color-primary-600);--accent-green: var(--color-success-500);--accent-green-dim: var(--color-success-700);--accent-yellow: var(--color-warn-500);--accent-yellow-dim: var(--color-warn-700);--accent-red: var(--color-danger-500);--accent-red-dim: var(--color-danger-700);--accent-purple: #a78bfa;--accent-orange: #f97316;--accent-cyan: var(--color-info-500);--accent-pink: #ec4899;--grg-turquesa: var(--color-primary-400);--grg-gris-claro: var(--color-neutral-300);--grg-gris-oscuro: var(--color-neutral-500);--shadow-card: var(--shadow-sm);--shadow-popup: var(--shadow-lg)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);font-size:var(--fs-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.app-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-page)}.app-layout--no-sidebar{flex-direction:column}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-normal),min-width var(--transition-normal),opacity var(--transition-fast)}.sidebar.sidebar-collapsed{width:0;min-width:0;border-right:none;opacity:0;pointer-events:none}.sidebar-toggle{flex-shrink:0}.sidebar-logo{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo .logo-icon{width:36px;height:36px;background:var(--color-primary-400);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-lg);color:#fff}.sidebar-logo .logo-text{font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:.3px;color:var(--text-primary)}.sidebar-logo .logo-sub{font-size:var(--fs-xs);color:var(--text-tertiary);letter-spacing:.3px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-2) 0}.nav-section{padding:0 var(--space-2);margin-bottom:var(--space-1)}.nav-section-title{font-size:9px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);padding:var(--space-2) var(--space-3) 2px}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);position:relative;border-left:3px solid transparent}.nav-item:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.nav-item.active{background:var(--color-primary-100);color:var(--color-primary-700);border-left-color:var(--color-primary-400);font-weight:var(--fw-semibold)}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;background:var(--color-danger-500);color:#fff;font-size:10px;font-weight:var(--fw-bold);padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-user{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3)}.sidebar-user .avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-400);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);font-size:var(--fs-sm);color:#fff}.sidebar-user .user-info{flex:1;min-width:0}.sidebar-user .user-name{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .user-role{font-size:var(--fs-xs);color:var(--text-tertiary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--header-height);min-height:var(--header-height);background:var(--color-primary-400);color:#fff;border-bottom:none;display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-3);box-shadow:0 1px 3px #0f172a0f;flex-shrink:0}.topbar-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:#fff;flex:1;letter-spacing:-.01em;margin:0}.topbar-search{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-md);padding:8px 12px 8px 34px;color:#fff;font-size:var(--fs-sm);width:260px;outline:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.topbar-search::placeholder{color:#ffffffb8}.topbar-search:focus{background:#ffffff42;border-color:#ffffff8c}.topbar-actions{display:flex;align-items:center;gap:var(--space-2)}.topbar .btn-icon{background:transparent;border:1px solid rgba(255,255,255,.22);color:#fff}.topbar .btn-icon:hover{background:#ffffff2e;color:#fff;border-color:#ffffff73}.page-content{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;min-height:0;background:var(--bg-page)}.page-content:has(>.module-layout){overflow:hidden}.module-layout{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.module-layout>.module-header{flex-shrink:0}.module-layout>.module-body{flex:1;min-height:0;overflow-y:auto}.module-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;margin-bottom:var(--space-3)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.card-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text-primary);letter-spacing:.01em}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-3);flex-shrink:0}.kpi-grid--5{grid-template-columns:repeat(5,1fr)}.kpi-grid--4{grid-template-columns:repeat(4,1fr)}.kpi-grid--3{grid-template-columns:repeat(3,1fr)}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-default);border-top:3px solid var(--color-primary-400);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast)}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-card .kpi-label,.kpi-card-label{font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-semibold);margin-top:0}.kpi-card .kpi-value,.kpi-card-value{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--lh-tight)}.kpi-card .kpi-change{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.kpi-card .kpi-change.up{color:var(--color-success-500)}.kpi-card .kpi-change.down{color:var(--color-danger-500)}.table-container,.table-wrapper{overflow:auto;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface);flex:1;min-height:0;box-shadow:var(--shadow-xs)}table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}thead th{background:var(--color-neutral-50);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--fw-bold);color:var(--text-secondary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-default);white-space:nowrap;position:sticky;top:0;z-index:1}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);cursor:pointer}tbody tr:hover{background:var(--color-primary-50)}tbody td{padding:var(--space-3) var(--space-4);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:var(--fs-sm)}.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.data-table__th{background:var(--color-neutral-50);padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--fw-bold);color:var(--text-secondary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-default);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:1}.data-table__th:hover{color:var(--text-primary)}.th-content{display:flex;align-items:center;gap:4px}.sort-icon{opacity:.5}.sort-icon--inactive{opacity:.2}.data-table__row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast)}.data-table__row:hover{background:var(--color-primary-50)}.data-table__row td{padding:var(--space-3) var(--space-4);white-space:nowrap;font-size:var(--fs-sm);color:var(--text-primary)}.data-table__empty{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.cell-fv{font-weight:var(--fw-bold);color:var(--color-primary-700)}.cell-ref{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary)}.cell-notario{max-width:180px;overflow:hidden;text-overflow:ellipsis}.dias-cell{font-weight:var(--fw-bold)}.dias-cell--red{color:var(--color-danger-500)}.dias-cell--yellow{color:var(--color-warn-500)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-xs);font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.badge-blue,.badge--blue{background:var(--color-primary-100);color:var(--color-primary-700)}.badge-green,.badge--green{background:var(--color-success-100);color:var(--color-success-700)}.badge-yellow,.badge--yellow{background:var(--color-warn-100);color:var(--color-warn-700)}.badge-red,.badge--red{background:var(--color-danger-100);color:var(--color-danger-700)}.badge-purple{background:#a78bfa1f;color:#7c3aed}.badge-orange{background:#f973161f;color:#ea580c}.badge-cyan{background:var(--color-info-100);color:var(--color-info-700)}.badge-pink{background:#ec48991f;color:#be185d}.badge-gray,.badge--gray{background:var(--color-neutral-150);color:var(--text-secondary)}.badge--sm{font-size:9px;padding:2px 6px}.estado-badge{display:inline-flex;align-items:center;background:var(--color-primary-400);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-weight:var(--fw-semibold);font-size:var(--fs-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;border-radius:var(--radius-md);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);font-family:inherit}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary-400);color:#fff;border-color:var(--color-primary-400);box-shadow:0 1px 2px #4d99992e}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-600);box-shadow:0 2px 6px #4d999947}.btn-secondary{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--border-strong)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-primary-700)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-50)}.btn-danger{background:var(--color-danger-500);color:#fff;border-color:var(--color-danger-500)}.btn-danger:hover:not(:disabled){background:var(--color-danger-700);border-color:var(--color-danger-700)}.btn-sm{padding:6px 12px;font-size:var(--fs-sm);border-radius:var(--radius-sm)}.btn-lg{padding:12px 22px;font-size:var(--fs-lg)}.btn-icon{padding:7px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-neutral-100);color:var(--text-primary);border-color:var(--border-strong)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-default);margin-bottom:var(--space-3);flex-shrink:0}.tab{padding:10px 16px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast);background:none;border-left:none;border-right:none;border-top:none}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--color-primary-700);border-bottom-color:var(--color-primary-400);font-weight:var(--fw-semibold)}.sub-tabs{display:flex;gap:0;margin-bottom:var(--space-3);border-bottom:1px solid var(--border-default);width:100%;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{padding:10px 18px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2);background:none;border-radius:0;border-left:none;border-right:none;border-top:none}.sub-tab:hover{color:var(--color-primary-600);border-bottom-color:var(--color-primary-200)}.sub-tab.active{color:var(--color-primary-700);border-bottom-color:var(--color-primary-400);font-weight:var(--fw-semibold)}.sub-tabs--pill{gap:4px;padding:4px;background:var(--color-neutral-100);border-radius:var(--radius-sm);border-bottom:none}.sub-tab--pill{border-radius:var(--radius-sm);border-bottom:none!important;transition:all var(--transition-fast)}.sub-tab--pill.active{background:var(--color-primary-400);color:#fff!important;border-bottom:none!important}.sub-tab-icon{display:inline-flex;align-items:center;flex-shrink:0}.sub-tab-icon svg{width:14px;height:14px}.sub-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:var(--fw-bold);background:var(--color-primary-400);color:#fff;line-height:1}.sub-tab--pill .sub-tab-badge{background:#ffffff40}.sub-tab--pill.active .sub-tab-badge{background:#ffffff59}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:nowrap;align-items:center;flex-shrink:0;overflow-x:auto;padding-bottom:2px}.filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-full);font-size:var(--fs-sm);flex-shrink:0;white-space:nowrap;font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-default);color:var(--text-secondary);background:var(--bg-surface);font-family:inherit}.filter-chip:hover{background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-700)}.filter-chip.active{background:var(--color-primary-400);border-color:var(--color-primary-400);color:#fff}.filter-chip .chip-count{background:var(--color-neutral-100);padding:0 6px;border-radius:9px;font-size:10px;color:var(--text-secondary)}.filter-chip.active .chip-count{background:#ffffff38;color:#fff}select,input[type=text],input[type=date],input[type=number],input[type=email],input[type=password],input[type=search],textarea{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text-primary);font-size:var(--fs-sm);outline:none;width:100%;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #99cccc38}textarea{resize:vertical;min-height:72px}select{cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a2e2e61;z-index:100;display:flex;align-items:flex-start;justify-content:flex-end}.drawer{width:680px;max-width:92vw;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-default);overflow-y:auto;animation:slideIn .24s ease-out;box-shadow:var(--shadow-lg)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);position:sticky;top:0;background:var(--bg-surface);z-index:2}.drawer-body{padding:var(--space-5)}.drawer-section{margin-bottom:var(--space-5)}.drawer-section-title{font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-2)}.modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-width:94vw;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);z-index:101;animation:modalFadeIn .2s ease-out;box-shadow:var(--shadow-lg)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.modal-dialog-body{padding:var(--space-5)}.modal-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default)}.field-grid{display:grid;gap:var(--space-3)}.field-grid.cols-2,.field-grid{grid-template-columns:repeat(2,1fr)}.field-grid.cols-3{grid-template-columns:repeat(3,1fr)}.field-grid.cols-4{grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label,.field-label,.field-item-label,.form-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary)}.field-value,.field-item-value{font-size:var(--fs-md);color:var(--text-primary);font-weight:var(--fw-medium)}.field-item-value.large{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.field-item-value.money{font-family:var(--font-mono)}.field-item{display:flex;flex-direction:column;gap:2px}.section-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary-700);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.section-title:after{content:"";flex:1;height:1px;background:var(--border-default)}.detail-header,.copia-header{background:var(--color-primary-50);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border-left:3px solid var(--color-primary-400)}.phase-timeline{display:flex;gap:0;margin-bottom:var(--space-4);overflow-x:auto;padding-bottom:4px}.phase-step{flex:1;min-width:90px;text-align:center;position:relative;padding:var(--space-2) 4px}.phase-step:after,.phase-step:before{content:"";position:absolute;top:18px;width:50%;height:2px;background:var(--border-default)}.phase-step:after{right:0}.phase-step:before{left:0}.phase-step:first-child:before{display:none}.phase-step:last-child:after{display:none}.phase-step.completed:before,.phase-step.completed:after{background:var(--color-success-500)}.phase-step.active:before{background:var(--color-primary-400)}.phase-dot{width:14px;height:14px;border-radius:50%;background:var(--border-strong);margin:0 auto var(--space-1);position:relative;z-index:1}.phase-step.completed .phase-dot{background:var(--color-success-500)}.phase-step.active .phase-dot{background:var(--color-primary-400);box-shadow:0 0 0 4px #99cccc4d}.phase-label{font-size:10px;color:var(--text-tertiary);font-weight:var(--fw-semibold);line-height:var(--lh-tight)}.phase-step.active .phase-label{color:var(--color-primary-700)}.phase-step.completed .phase-label{color:var(--color-success-700)}.progress-bar{height:6px;background:var(--color-neutral-150);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--color-primary-400);transition:width .3s ease}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3)}.grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-tertiary)}.empty-state svg{margin-bottom:var(--space-3);opacity:.3}.empty-state h3{font-size:var(--fs-lg);margin-bottom:var(--space-2);color:var(--text-secondary);font-weight:var(--fw-semibold)}.empty-state p{font-size:var(--fs-sm);color:var(--text-tertiary)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background:var(--color-success-500)}.dot-red{background:var(--color-danger-500)}.dot-yellow{background:var(--color-warn-500)}.dot-blue{background:var(--color-primary-400)}.text-green{color:var(--color-success-500)}.text-red{color:var(--color-danger-500)}.text-yellow{color:var(--color-warn-500)}.text-blue{color:var(--color-primary-700)}.text-muted{color:var(--text-tertiary)}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-board{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}.kanban-column{min-width:280px;max-width:320px;background:var(--color-neutral-50);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3);flex-shrink:0}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.kanban-column-title{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.kanban-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.kanban-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-sm)}.chart-placeholder{background:var(--color-neutral-50);border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--fs-sm)}.donut-chart{display:flex;align-items:center;gap:var(--space-4)}.donut-ring{width:80px;height:80px}.donut-legend{display:flex;flex-direction:column;gap:var(--space-1)}.donut-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary)}.donut-legend-dot{width:8px;height:8px;border-radius:50%}.bar-chart{display:flex;align-items:flex-end;gap:var(--space-2);height:140px;padding-top:var(--space-3)}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar{width:100%;max-width:36px;border-radius:var(--radius-xs) var(--radius-xs) 0 0;transition:height .3s ease;background:var(--color-primary-400)}.bar-label{font-size:9px;color:var(--text-tertiary)}.tramitacion__header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.tramitacion__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:-.02em}.tramitacion__subtitle{color:var(--text-tertiary);font-size:var(--fs-md)}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spin{animation:loading-spin 1s linear infinite}.loading-state{display:flex;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--fs-md)}.loading-state--full{justify-content:center;flex-direction:column;height:60vh;gap:var(--space-3)}.loading-state--inline{display:inline-flex;gap:var(--space-2);font-size:var(--fs-sm);padding:var(--space-2) 0}.loading-state--overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center}.loading-state--overlay .loading-state__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-8);background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}@keyframes feedback-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.feedback-banner{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:10001;animation:feedback-slide-up .25s ease-out;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:360px;max-width:600px}.feedback-banner__content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--fs-md);font-weight:var(--fw-medium);border-radius:var(--radius-md)}.feedback-banner--success .feedback-banner__content{background:var(--color-success-50);color:var(--color-success-700);border:1px solid #86efac}.feedback-banner--error .feedback-banner__content{background:var(--color-danger-50);color:var(--color-danger-700);border:1px solid #fca5a5}.feedback-banner--warning .feedback-banner__content{background:var(--color-warn-50);color:var(--color-warn-700);border:1px solid #fcd34d}.feedback-banner--info .feedback-banner__content{background:var(--color-info-50);color:var(--color-info-700);border:1px solid #93c5fd}.feedback-banner__message{flex:1}.feedback-banner__action{padding:4px 12px;border-radius:var(--radius-sm);border:1px solid currentColor;background:transparent;color:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap}.feedback-banner__close{display:flex;align-items:center;background:none;border:none;color:inherit;opacity:.6;cursor:pointer;padding:2px}.feedback-banner__close:hover{opacity:1}.gemini-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast)}.gemini-card:hover{box-shadow:var(--shadow-sm)}.gemini-card-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--color-neutral-50);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.gemini-card-body{padding:var(--space-3) var(--space-4)}.gemini-field-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm)}.gemini-field-label{color:var(--text-tertiary);font-size:var(--fs-sm)}.gemini-field-value{font-weight:var(--fw-semibold);color:var(--text-primary);font-size:var(--fs-sm);text-align:right}.gemini-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);align-items:start}.gemini-top-bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:var(--space-3);box-shadow:var(--shadow-xs)}.traffic-light{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.traffic-light.verde{background:var(--color-success-100);color:var(--color-success-700)}.traffic-light.ambar{background:var(--color-warn-100);color:var(--color-warn-700)}.traffic-light.rojo{background:var(--color-danger-100);color:var(--color-danger-700)}.traffic-light.gris{background:var(--color-neutral-150);color:var(--text-secondary)}.status-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2);border-left:3px solid var(--color-primary-400);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-xs)}.status-card:hover{box-shadow:var(--shadow-sm)}.status-card.success{border-left-color:var(--color-success-500)}.status-card.warning{border-left-color:var(--color-warn-500)}.status-card.danger{border-left-color:var(--color-danger-500)}.status-card.info{border-left-color:var(--color-info-500)}.status-card.muted{border-left-color:var(--text-tertiary)}.tab-header-modern{padding:var(--space-3) var(--space-4);background:var(--color-neutral-50);border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:var(--border-default)}.timeline-item{position:relative;padding-bottom:var(--space-3)}.timeline-item:before{content:"";position:absolute;left:-17px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--color-primary-400);border:2px solid var(--bg-surface)}.timeline-item.completed:before{background:var(--color-success-500)}.timeline-item.error:before{background:var(--color-danger-500)}.timeline-item-time{font-size:10px;color:var(--text-tertiary)}.timeline-item-text{font-size:var(--fs-sm);color:var(--text-primary)}.steps-indicator{display:flex;align-items:center;gap:0;margin-bottom:var(--space-5)}.step-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-tertiary);position:relative}.step-item.active{color:var(--color-primary-700);font-weight:var(--fw-semibold)}.step-item.completed{color:var(--color-success-700)}.step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--bg-surface);border:2px solid var(--border-default);color:var(--text-tertiary)}.step-item.active .step-dot{border-color:var(--color-primary-400);color:var(--color-primary-700);background:var(--color-primary-100)}.step-item.completed .step-dot{border-color:var(--color-success-500);color:#fff;background:var(--color-success-500)}.step-connector{flex:1;height:1px;background:var(--border-default);min-width:20px}.step-connector.completed{background:var(--color-success-500)}.ref-link,.cell-fv{color:var(--color-primary-700);cursor:pointer;text-decoration:none}.ref-link:hover,.cell-fv:hover{color:var(--color-primary-600);text-decoration:underline}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2)}.kpi-grid--5,.kpi-grid--4,.kpi-grid--3{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.page-content{padding:var(--space-4)}.topbar-search{width:180px}}@media(max-width:768px){.topbar{padding:0 var(--space-3);gap:var(--space-2);height:56px}.topbar-search{display:none}.topbar-title{font-size:var(--fs-md)}.topbar-actions{gap:4px}.topbar-actions>:not(.btn-icon):not(button){display:none}.page-content{padding:var(--space-3)}.kpi-grid,.kpi-grid--5,.kpi-grid--4,.kpi-grid--3{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.kpi-card{padding:var(--space-3)}.kpi-card .kpi-value,.kpi-card-value{font-size:var(--fs-xl)}.module-header{flex-direction:column;gap:var(--space-2);align-items:stretch}.filter-bar{flex-wrap:wrap;overflow-x:visible}.filter-chip{font-size:var(--fs-xs);padding:5px 10px}.btn{min-height:40px;padding:10px 14px}.btn-sm{min-height:32px}.table-container,.table-wrapper{margin:0 calc(-1 * var(--space-3));border-radius:0;border-left:none;border-right:none}table,.data-table{font-size:11px}thead th,.data-table__th,tbody td,.data-table__row td{padding:8px 10px}.sub-tabs{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sub-tab{scroll-snap-align:start;flex-shrink:0}.field-grid,.field-grid.cols-2,.field-grid.cols-3,.field-grid.cols-4,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal-dialog{width:94vw;max-width:94vw}.drawer{width:100vw;max-width:100vw}.detail-header,.copia-header{padding:var(--space-3);border-radius:var(--radius-md)}.hide-mobile{display:none!important}}@media(max-width:640px){.topbar-logo-sub,.topbar-user span,.topbar-breadcrumbs{display:none}}@media(max-width:420px){.kpi-grid,.kpi-grid--5,.kpi-grid--4,.kpi-grid--3{grid-template-columns:1fr 1fr}.kpi-card .kpi-value,.kpi-card-value{font-size:var(--fs-lg)}.btn{padding:10px 12px;font-size:var(--fs-sm)}}[data-theme=portal-atg]{--color-primary-50: #E6F4F4;--color-primary-100: #D0EAEA;--color-primary-200: #B8DEDE;--color-primary-300: #A8D5D5;--color-primary-400: #99CCCC;--color-primary-500: #7FBFBF;--color-primary-600: #4D9999;--color-primary-700: #357F7F;--color-primary-800: #2B5555;--color-primary-900: #1E3C3C;--u-green: #00A049;--u-green-dark: #007C38;--u-green-soft: rgba(0,160,73,.06);--u-green-line: rgba(0,160,73,.18);--u-navy: var(--color-primary-700);--u-navy-soft: var(--color-primary-600);--u-navy-50: var(--color-primary-50);--u-gold: #C5A267;--u-gold-soft: #F4EBD7;--ink-900: #0F1F1F;--ink-700: #334D4D;--ink-500: #6B7E7E;--ink-400: #8AA0A0;--line: #D5E2E2;--line-strong: #B8CACA;--bg: #F7FAFA;--surface: #FFFFFF;--surface-alt: #F0F6F6;--ok: var(--u-green);--warn: #CA8A04;--err: #DC2626;--info: #2563EB;--ok-soft: #E9F6EE;--warn-soft: #FEF3C7;--err-soft: #FEE2E2;--info-soft: #DBEAFE;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: var(--font-sans);--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--portal-accent: var(--color-primary-400);--portal-accent-dark: var(--color-primary-700);--portal-accent-light: var(--color-primary-50);--topbar-bg: var(--color-primary-400);--topbar-bg-dark: var(--color-primary-600);--bg-sidebar: var(--surface);--bg-topbar-tramitacion: var(--color-primary-400);--bg-topbar-cancelaciones: var(--color-primary-400);--bg-topbar-firmas: var(--color-primary-400);--bg-topbar-admin: var(--color-primary-400);--accent-teal: var(--color-primary-400);--accent-teal-dim: var(--color-primary-600);--accent-blue: var(--color-primary-400);--accent-blue-dim: var(--color-primary-600);--grg-turquesa: var(--color-primary-400);--bg-surface: var(--surface);--border-default: var(--line);--border-subtle: #E9EFEF;--text-primary: var(--ink-900);--text-secondary: var(--ink-700);--text-muted: var(--ink-500);--text-tertiary: var(--ink-400);--color-neutral-50: #F8FAFA;--color-neutral-100: #F1F5F5;--color-neutral-150: #E9EFEF;--color-neutral-200: var(--line);--color-neutral-300: var(--line-strong);--color-neutral-400: var(--ink-400);--color-neutral-500: var(--ink-500);--color-neutral-700: var(--ink-700);--color-info-50: var(--info-soft);--color-info-100: #BFDBFE;--color-info-500: var(--info);--color-info-700: #1D4ED8;--color-warn-50: var(--warn-soft);--color-warn-100: #FDE68A;--color-warn-500: var(--warn);--color-warn-700: #A16207;--color-danger-50: var(--err-soft);--color-danger-100: #FECACA;--color-danger-500: var(--err);--color-danger-700: #B91C1C;--color-success-50: var(--ok-soft);--color-success-500: var(--ok);--color-success-700: var(--u-green-dark);--atg-safe-top: env(safe-area-inset-top, 0px);--atg-safe-bottom: env(safe-area-inset-bottom, 0px);--atg-safe-left: env(safe-area-inset-left, 0px);--atg-safe-right: env(safe-area-inset-right, 0px);--atg-topbar-height: 56px;--atg-tabbar-height: 62px;--atg-drawer-width: min(84vw, 320px);--sidebar-width: 240px;--header-height: 56px;--r-xs: 4px;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--shadow-soft: 0 1px 3px rgba(15,31,31,.06);--shadow-card: 0 1px 3px rgba(15,31,31,.06);font-family:var(--font-sans);color:var(--ink-900)}[data-theme=portal-atg] body{font-family:var(--font-sans);color:var(--ink-900);background:var(--bg)}[data-theme=portal-atg] h1,[data-theme=portal-atg] h2{font-family:var(--font-sans);font-weight:700;letter-spacing:-.005em;color:var(--color-primary-700)}[data-theme=portal-atg] h3,[data-theme=portal-atg] h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-.002em;color:var(--color-primary-700)}[data-theme=portal-atg] .topbar{background:var(--color-primary-400);color:var(--ink-900);box-shadow:0 1px 3px #0f1f1f0f;border-bottom:none}[data-theme=portal-atg] .btn-primary,[data-theme=portal-atg] button.btn-primary{background:var(--color-primary-700);border:1px solid var(--color-primary-700);color:#fff;font-family:var(--font-sans);font-weight:600;letter-spacing:0;border-radius:var(--r-md)}[data-theme=portal-atg] .btn-primary:hover:not(:disabled),[data-theme=portal-atg] button.btn-primary:hover:not(:disabled){background:var(--color-primary-800);border-color:var(--color-primary-800)}[data-theme=portal-atg] .btn-secondary,[data-theme=portal-atg] button.btn-secondary{background:transparent;border:1px solid var(--line-strong);color:var(--ink-700);font-weight:600;border-radius:var(--r-md);padding:7px 14px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}[data-theme=portal-atg] .btn-secondary:hover:not(:disabled){background:var(--surface-alt);border-color:var(--ink-500);color:var(--color-primary-700)}[data-theme=portal-atg] .btn-sm{padding:5px 10px;font-size:12px}[data-theme=portal-atg] a{color:var(--color-primary-700);text-underline-offset:2px}[data-theme=portal-atg] a:hover{color:var(--color-primary-600)}[data-theme=portal-atg] button:focus-visible,[data-theme=portal-atg] input:focus-visible,[data-theme=portal-atg] select:focus-visible,[data-theme=portal-atg] textarea:focus-visible,[data-theme=portal-atg] a:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px;border-radius:var(--r-sm)}[data-theme=portal-atg] ::selection{background:var(--color-primary-100);color:var(--color-primary-900)}.portal-app{display:flex;min-height:100vh;height:100vh;width:100vw;overflow:hidden;background:var(--bg);font-family:var(--font-sans);color:var(--ink-900)}.portal-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.portal-content{flex:1;overflow-y:auto;padding:24px 28px 48px;background:var(--bg)}@media(max-width:1100px){.portal-content{padding:20px 20px 48px}}.module-layout{max-width:1360px;margin:0 auto}.portal-topbar{height:var(--header-height);min-height:var(--header-height);background:var(--color-primary-400);color:var(--ink-900);display:flex;align-items:center;padding:0 20px;gap:16px;box-shadow:0 1px 3px #0f1f1f0f;flex-shrink:0;border-bottom:none;font-family:var(--font-sans)}.portal-topbar-left{display:flex;align-items:center;gap:12px;min-width:0}.portal-topbar-brand{display:flex;align-items:center;gap:10px;cursor:pointer;min-width:0;flex-shrink:0}.portal-topbar-brand-grg{width:36px;height:36px;background:#fff;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;padding:3px;box-shadow:0 1px 2px #00000014}.portal-topbar-brand-grg img{width:28px;height:28px;object-fit:contain;display:block}.portal-topbar-divider{width:1px;height:26px;background:#0f1f1f33}.portal-topbar-brand-unicaja{display:flex;align-items:center;background:#fff;padding:2px 10px;border-radius:6px;height:26px;box-shadow:0 1px 2px #0000000f}.portal-topbar-brand-unicaja img{height:18px;width:auto;object-fit:contain;display:block}.portal-topbar-title{font-family:var(--font-sans);font-size:15px;font-weight:700;letter-spacing:0;color:var(--ink-900);white-space:nowrap;padding-left:14px;border-left:1px solid rgba(15,31,31,.18);margin-left:4px}.portal-topbar-spacer{flex:1}.portal-breadcrumbs{display:flex;align-items:center;gap:6px;min-width:0;padding-left:10px}.portal-breadcrumb{font-size:12px;font-weight:600;color:#0f1f1fa6;cursor:pointer;white-space:nowrap;letter-spacing:0;text-transform:none}.portal-breadcrumb:hover{color:var(--ink-900)}.portal-breadcrumb.active{color:var(--ink-900);cursor:default;font-weight:700}.portal-topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.portal-icon-btn{width:34px;height:34px;border:1px solid rgba(15,31,31,.18);background:transparent;color:var(--ink-900);border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s ease,border-color .15s ease}.portal-icon-btn:hover{background:#ffffff80;border-color:#0f1f1f52}.portal-icon-btn .portal-badge{position:absolute;top:-3px;right:-3px;background:var(--err);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-primary-400);line-height:1;font-family:var(--font-sans)}.portal-user-dropdown{position:relative}.portal-user-btn{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 4px;background:#fff6;border:1px solid rgba(15,31,31,.14);border-radius:999px;color:var(--ink-900);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);transition:background .15s ease}.portal-user-btn:hover{background:#fff9}.portal-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary-700);color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0}.portal-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 12px 28px -8px #0f1f1f2e;padding:6px;z-index:1000}.portal-user-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;color:var(--ink-900);cursor:pointer;border-radius:var(--r-sm);background:transparent;border:0;width:100%;text-align:left;font-family:inherit;font-weight:500}.portal-user-menu-item:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.portal-user-menu-item.danger{color:var(--err)}.portal-user-menu-item.danger:hover{background:var(--err-soft)}.portal-user-menu-divider{height:1px;background:var(--line);margin:4px}.portal-user-menu-header{padding:10px 12px 6px;font-size:10px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-family:var(--font-sans)}.portal-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.portal-sidebar-header{padding:16px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.portal-sidebar-header-icon{width:34px;height:34px;background:var(--color-primary-400);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;padding:3px;flex-shrink:0}.portal-sidebar-header-icon img{width:26px;height:26px;object-fit:contain;display:block}.portal-sidebar-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.portal-sidebar-kicker{font-family:var(--font-sans);font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--ink-500);text-transform:uppercase}.portal-sidebar-title{font-family:var(--font-sans);font-size:14px;font-weight:700;letter-spacing:0;color:var(--color-primary-700);line-height:1.2}.portal-sidebar-subtitle{font-size:11px;color:var(--ink-500);font-weight:500;line-height:1.3}.portal-sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:1px}.portal-sidebar-section-label{padding:12px 10px 4px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500)}.portal-nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 11px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink-700);font-size:13px;font-weight:500;transition:background .12s ease,color .12s ease;border-left:3px solid transparent;position:relative;background:transparent;border-top:0;border-right:0;border-bottom:0;width:100%;text-align:left;font-family:inherit;min-height:34px}.portal-nav-item:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.portal-nav-item.active{background:var(--color-primary-50);color:var(--color-primary-700);border-left-color:var(--color-primary-400);font-weight:700;padding-left:8px}.portal-nav-item .portal-nav-icon{width:17px;height:17px;flex-shrink:0;stroke-width:1.8}.portal-nav-item.active .portal-nav-icon{color:var(--color-primary-600)}.portal-nav-item .portal-nav-badge{margin-left:auto;background:var(--ink-500);color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center;line-height:1.4;font-family:var(--font-sans)}.portal-nav-item .portal-nav-badge.danger{background:var(--err)}.portal-nav-item .portal-nav-badge.accent{background:var(--u-green)}.portal-sidebar-footer{border-top:1px solid var(--line);padding:10px;background:var(--surface)}.portal-sidebar-user{display:flex;align-items:center;gap:10px;padding:6px 8px 8px}.portal-sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-400);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.portal-sidebar-user-meta{min-width:0;line-height:1.3}.portal-sidebar-user-name{font-size:12px;font-weight:700;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-sidebar-user-role{font-size:10px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.portal-sidebar-logout{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;background:transparent;border:0;width:100%;color:var(--ink-700);font-size:13px;font-weight:600;font-family:inherit;text-align:left}.portal-sidebar-logout:hover{background:var(--err-soft);color:var(--err)}@media(max-width:767px){[data-theme=portal-atg] body{background:var(--bg)}}.portal-mobile{display:flex;flex-direction:column;min-height:100vh;background:var(--bg);font-family:var(--font-sans);color:var(--ink-900)}.portal-mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:1100;height:calc(var(--atg-topbar-height) + var(--atg-safe-top));padding:var(--atg-safe-top) 8px 0 8px;background:var(--color-primary-400);color:var(--ink-900);display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0f1f1f14;border-bottom:none}.portal-mobile-topbar-left,.portal-mobile-topbar-right{display:flex;align-items:center;gap:2px}.portal-mobile-topbar-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0;padding:0 4px;justify-content:center}.portal-mobile-topbar-logo{display:flex;align-items:center;background:#fff;padding:2px 8px;border-radius:5px;height:22px}.portal-mobile-topbar-logo img{height:16px;width:auto;object-fit:contain;display:block}.portal-mobile-topbar-title{font-family:var(--font-sans);font-size:14px;font-weight:700;color:var(--ink-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0;padding-left:10px;border-left:1px solid rgba(15,31,31,.18)}.portal-mobile-btn{width:40px;height:40px;border:0;background:transparent;color:var(--ink-900);cursor:pointer;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;position:relative}.portal-mobile-btn:hover{background:#fff6}.portal-mobile-btn .portal-badge{position:absolute;top:6px;right:6px;background:var(--err);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 4px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--color-primary-400);line-height:1;font-family:var(--font-sans)}.portal-mobile-content{flex:1;padding:calc(var(--atg-topbar-height) + var(--atg-safe-top) + 14px) 16px calc(var(--atg-tabbar-height) + var(--atg-safe-bottom) + 24px) 16px;min-height:100vh}.portal-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#0f1f1f66;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.portal-drawer-overlay.open{opacity:1;pointer-events:auto}.portal-drawer{position:fixed;top:0;left:0;bottom:0;width:var(--atg-drawer-width);z-index:1300;background:var(--surface);box-shadow:8px 0 28px #0f1f1f2e;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;padding-top:var(--atg-safe-top);padding-bottom:var(--atg-safe-bottom);padding-left:var(--atg-safe-left)}.portal-drawer.open{transform:translate(0)}.portal-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.portal-drawer-title{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--color-primary-700)}.portal-drawer-close{width:40px;height:40px;border:0;background:transparent;color:var(--color-primary-700);cursor:pointer;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center}.portal-drawer-close:hover{background:var(--surface-alt)}.portal-drawer-body{flex:1;overflow-y:auto;padding:8px 0}.portal-drawer-item{display:flex;align-items:center;gap:14px;padding:14px 20px;font-size:14px;font-weight:500;color:var(--ink-900);cursor:pointer;border:0;background:none;width:100%;text-align:left;font-family:inherit;min-height:48px}.portal-drawer-item:hover{background:var(--color-primary-50)}.portal-drawer-item .portal-drawer-icon{width:20px;height:20px;color:var(--color-primary-600);flex-shrink:0;stroke-width:1.8}.portal-drawer-item.danger,.portal-drawer-item.danger .portal-drawer-icon{color:var(--err)}.portal-drawer-sep{height:1px;background:var(--line);margin:8px 18px}.portal-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:1100;height:calc(var(--atg-tabbar-height) + var(--atg-safe-bottom));padding-bottom:var(--atg-safe-bottom);background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -2px 10px #0f1f1f0d;display:flex;align-items:stretch}.portal-tab{flex:1 1 0;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px 6px;color:var(--ink-500);font-family:var(--font-sans);font-size:11px;font-weight:500;position:relative;min-height:48px;transition:color .15s ease}.portal-tab .portal-tab-icon{width:22px;height:22px;stroke-width:1.6}.portal-tab-label{font-size:10.5px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.portal-tab.active{color:var(--color-primary-700);font-weight:700}.portal-tab.active .portal-tab-icon{color:var(--color-primary-600);stroke-width:2}.portal-tab.active:before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;background:var(--color-primary-400);border-radius:0 0 2px 2px}.portal-tab .portal-tab-badge{position:absolute;top:6px;right:calc(50% - 22px);background:var(--err);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 5px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-family:var(--font-sans)}.portal-fab{position:fixed;right:calc(16px + var(--atg-safe-right));bottom:calc(var(--atg-tabbar-height) + var(--atg-safe-bottom) + 14px);width:54px;height:54px;border:0;border-radius:50%;background:var(--color-primary-700);color:#fff;box-shadow:0 8px 20px -4px #357f7f66,0 3px 8px #357f7f2e;cursor:pointer;z-index:1050;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.portal-fab:hover{background:var(--color-primary-800);transform:translateY(-2px)}.portal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:#0f1f1f73;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.portal-modal{background:var(--surface);border-radius:12px;max-width:540px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px -12px #0f1f1f47}.portal-modal-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.portal-modal-title{font-family:var(--font-sans);font-size:16px;font-weight:700;color:var(--color-primary-700);letter-spacing:0}.portal-modal-body{flex:1;overflow-y:auto;padding:18px 20px}.portal-modal-footer{padding:14px 20px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:var(--surface-alt)}.p-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px}.p-card-flat{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.p-section-kicker{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);margin:0 0 4px}.p-section-title{font-family:var(--font-sans);font-size:22px;font-weight:700;letter-spacing:-.005em;color:var(--color-primary-700);margin:0;line-height:1.2}.p-section-subtitle{font-size:13px;color:var(--ink-500);margin:4px 0 0;max-width:640px;line-height:1.5;font-weight:500}.p-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.p-panel-head{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.p-panel-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);display:inline-flex;align-items:center;gap:8px}.p-panel-title svg{color:var(--color-primary-600)}.p-panel-body{padding:8px 18px 16px}.p-table{width:100%;border-collapse:collapse;font-size:13px}.p-table thead th{text-align:left;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);padding:10px 14px;border-bottom:1px solid var(--line-strong);background:var(--surface);white-space:nowrap}.p-table tbody td{padding:0 14px;height:44px;font-size:13px;color:var(--ink-900);border-bottom:1px solid var(--line);vertical-align:middle}.p-table tbody tr:nth-child(2n) td{background:#fbfdfd}.p-table tbody tr.is-clickable{cursor:pointer;transition:background .12s ease}.p-table tbody tr.is-clickable:hover td{background:var(--color-primary-50)}.p-table td.num,.p-table th.num{text-align:right;font-variant-numeric:tabular-nums}.p-table td.mono{font-family:var(--font-mono);font-size:12.5px}.p-table tbody tr:last-child td{border-bottom:0}@media(max-width:900px){.p-table tbody td{height:52px;font-size:13px}}.p-input,.p-select,.p-textarea{width:100%;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);font-family:var(--font-sans);font-size:13px;color:var(--ink-900);background:var(--surface);transition:border-color .12s ease,box-shadow .12s ease;box-sizing:border-box;min-height:36px}.p-textarea{min-height:80px;resize:vertical;line-height:1.5}.p-input:hover,.p-select:hover,.p-textarea:hover{border-color:var(--ink-500)}.p-input:focus,.p-select:focus,.p-textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #99cccc40}.p-input::placeholder,.p-textarea::placeholder{color:var(--ink-400)}.p-label{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);display:block;margin-bottom:6px}.p-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-700);cursor:pointer;white-space:nowrap;transition:all .12s ease;font-family:var(--font-sans)}.p-chip:hover{border-color:var(--color-primary-500);color:var(--color-primary-700)}.p-chip.active{background:var(--color-primary-700);color:#fff;border-color:var(--color-primary-700)}.p-chip.accent.active{background:var(--u-green);border-color:var(--u-green)}.p-kicker{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}.p-count-pill{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 10px;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:11px;background:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-100);font-family:var(--font-sans);font-variant-numeric:tabular-nums}.p-search{position:relative}.p-search input{width:100%;padding:8px 12px 8px 36px;border:1px solid var(--line-strong);border-radius:var(--r-md);font-size:13px;font-family:var(--font-sans);background:var(--surface);min-height:36px}.p-search input:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px #99cccc40}.p-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-500)}@media(max-width:900px){[data-theme=portal-atg] input,[data-theme=portal-atg] select,[data-theme=portal-atg] textarea,.p-input,.p-select,.p-textarea,.p-search input{font-size:16px}}.portal-placeholder{padding:48px 24px;text-align:center;color:var(--ink-500);font-size:13px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:10px}.portal-placeholder h2{color:var(--color-primary-700);font-family:var(--font-sans);font-size:18px;font-weight:700;margin-bottom:8px}.portal-placeholder p{color:var(--ink-700);font-size:13px;max-width:400px;margin:0 auto}@keyframes p-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.p-spin{animation:p-spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:767px){.portal-app{display:none}}