:root{--cf-font: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--cf-surface: #fafbfc;--cf-surface-alt: #f1f5f9;--cf-surface-card: #ffffff;--cf-border: #e2e8f0;--cf-border-subtle: #f1f5f9;--cf-border-strong: #cbd5e1;--cf-text: #0f172a;--cf-text-secondary: #475569;--cf-text-muted: #94a3b8;--cf-primary: #0b1221;--cf-primary-light: #152038;--cf-secondary: #10b981;--cf-secondary-dark: #059669;--cf-secondary-light: #34d399;--cf-accent: #6366f1;--cf-data-users: #0e9f70;--cf-data-quotations: #a87a1c;--cf-data-cfdi: #2b73ae;--cf-data-budgets: #7c5cc4;--cf-meter-track: #d8f0e6;--cf-success: #0a7d58;--cf-warning: #e0a33c;--cf-danger: #c33b3b;--cf-danger-soft: rgba(224, 86, 86, .1);--cf-danger-border: rgba(224, 86, 86, .35);--cf-radius-btn: 8px;--cf-radius-input: 12px;--cf-radius-card: 16px;--cf-radius-modal: 24px;--cf-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--cf-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--cf-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--cf-container: 1280px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100vh;font-family:var(--cf-font);font-size:14px;-webkit-font-smoothing:antialiased;color:var(--cf-text);background:var(--cf-surface)}a{color:var(--cf-data-users);text-decoration:none}a:hover{color:var(--cf-secondary-dark)}.cf-page{width:100%;max-width:var(--cf-container);margin:0 auto;padding:32px 24px 48px}.cf-page-head{margin-bottom:24px}.cf-page-head h1{margin:0;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.cf-page-head p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--cf-text-secondary)}.cf-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.cf-topbar{height:64px;background:var(--cf-primary);border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px}.cf-topbar__brand{display:flex;align-items:center;gap:10px}.cf-topbar__name{font-size:15px;font-weight:700;letter-spacing:-.01em;color:#fff}.cf-topbar__pill{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1;color:var(--cf-secondary-light);background:#10b98124;border-radius:999px;padding:4px 9px}.cf-nav{display:flex;align-items:center;gap:4px}.cf-nav a{font-size:14px;font-weight:500;line-height:1;color:#ffffffb3;border-radius:var(--cf-radius-btn);padding:8px 14px;transition:background-color .2s ease,color .2s ease}.cf-nav a:hover{color:#fff;background:#ffffff0f}.cf-nav a.is-active{font-weight:600;color:#fff;background:#ffffff14}.cf-topbar__user{display:flex;align-items:center;gap:14px}.cf-topbar__email{font-size:13px;color:#ffffffb3}.cf-avatar{width:32px;height:32px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.cf-card{background:var(--cf-surface-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-card);box-shadow:var(--cf-shadow-sm)}.cf-card--pad{padding:24px}.cf-card__head{margin-bottom:20px}.cf-card__head h2{margin:0;font-size:16px;font-weight:600;line-height:1.4}.cf-card__head p{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--cf-text-muted)}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 20px;border:none;border-radius:var(--cf-radius-btn);background:transparent;font-family:inherit;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .3s cubic-bezier(.16,1,.3,1)}.cf-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.cf-btn--sm{height:36px;padding:0 14px;font-size:13px}.cf-btn--primary{background:var(--cf-secondary);color:#fff}.cf-btn--primary:hover:not(:disabled){background:var(--cf-secondary-dark);box-shadow:0 10px 15px -3px #10b98133;transform:translateY(-1px)}.cf-btn--secondary{background:var(--cf-primary);color:#fff}.cf-btn--secondary:hover:not(:disabled){background:var(--cf-primary-light);box-shadow:0 10px 15px -3px #0b122133;transform:translateY(-1px)}.cf-btn--outline{border:2px solid rgba(11,18,33,.15);color:var(--cf-primary)}.cf-btn--outline:hover:not(:disabled){border-color:#0b12214d;background:var(--cf-surface-alt)}.cf-btn--ghost{color:var(--cf-text-secondary)}.cf-btn--ghost:hover:not(:disabled){color:var(--cf-text);background:var(--cf-surface-alt)}.cf-btn--danger{background:var(--cf-danger);color:#fff}.cf-btn--danger:hover:not(:disabled){box-shadow:0 10px 15px -3px #c33b3b33;transform:translateY(-1px)}.cf-btn--danger-outline{border:1px solid var(--cf-danger-border);color:var(--cf-danger)}.cf-btn--danger-outline:hover:not(:disabled){background:var(--cf-danger-soft)}.cf-btn--icon{width:32px;height:32px;padding:0;color:var(--cf-text-muted)}.cf-btn--icon:hover:not(:disabled),.cf-btn--icon.is-open{color:var(--cf-text);background:var(--cf-border)}.cf-btn:focus-visible,.cf-input:focus-visible,.cf-input input:focus-visible,.cf-th-sort:focus-visible{outline:2px solid var(--cf-secondary);outline-offset:2px}.cf-field{display:flex;flex-direction:column;gap:8px}.cf-label{font-size:12px;font-weight:600;color:var(--cf-text-secondary)}.cf-input{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:1px solid var(--cf-border);border-radius:var(--cf-radius-input);background:var(--cf-surface-card);transition:border-color .2s ease,box-shadow .2s ease}.cf-input--sm{height:40px;padding:0 14px}.cf-input input,.cf-input select{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:14px;color:var(--cf-text)}.cf-input select{appearance:none;cursor:pointer}.cf-input input::placeholder{color:var(--cf-text-muted)}.cf-input:focus-within{border-color:var(--cf-secondary);box-shadow:0 0 0 2px #10b98133}.cf-input.is-invalid{border-color:var(--cf-danger);box-shadow:0 0 0 2px #e0565633}.cf-field__error{font-size:12px;color:var(--cf-danger)}.cf-icon-muted{color:var(--cf-text-muted);flex:none}.cf-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--cf-surface-alt);color:var(--cf-text-secondary)}.cf-badge--success{background:#10b9811a;color:var(--cf-success)}.cf-table-wrap{overflow-x:auto;border-radius:0 0 var(--cf-radius-card) var(--cf-radius-card)}.cf-table{width:100%;min-width:1100px;border-collapse:collapse}.cf-table th{height:44px;background:var(--cf-surface-alt);font-size:12px;font-weight:600;color:var(--cf-text-secondary);text-align:left;padding:0 8px;border-bottom:1px solid var(--cf-border);white-space:nowrap;overflow:hidden}.cf-table td{height:52px;font-size:14px;padding:0 8px;border-bottom:1px solid var(--cf-border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-table th:first-child,.cf-table td:first-child{padding-left:24px}.cf-table th:last-child,.cf-table td:last-child{padding-right:24px}.cf-table tbody tr:last-child td{border-bottom:none}.cf-table tbody tr:hover td{background:var(--cf-surface)}.cf-table .cf-num{text-align:right;font-variant-numeric:tabular-nums}.cf-table .cf-dim{color:var(--cf-text-muted);font-variant-numeric:tabular-nums}.cf-th-sort{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer}.cf-th-sort:hover,.cf-th-sort.is-active{color:var(--cf-text)}.cf-num .cf-th-sort{justify-content:flex-end;width:100%}.cf-menu-anchor{position:relative;display:inline-flex}.cf-menu{position:absolute;top:40px;right:0;z-index:30;width:216px;padding:6px;background:var(--cf-surface-card);border:1px solid var(--cf-border);border-radius:var(--cf-radius-input);box-shadow:var(--cf-shadow-lg);display:flex;flex-direction:column;gap:2px;text-align:left}.cf-menu--floating{position:fixed;top:auto;right:auto;z-index:60}.cf-menu button{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border:none;border-radius:var(--cf-radius-btn);background:transparent;font-family:inherit;font-size:14px;color:var(--cf-text);text-align:left;cursor:pointer}.cf-menu button:hover{background:var(--cf-surface-alt)}.cf-menu button svg{color:var(--cf-text-secondary);flex:none}.cf-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 64px);padding:0;border:none;border-radius:var(--cf-radius-modal);background:var(--cf-surface-card);box-shadow:0 20px 25px -5px #00000047,0 8px 10px -6px #00000029;color:var(--cf-text);overflow:visible}.cf-dialog::backdrop{background:#0b12218c}.cf-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 0}.cf-dialog__title{display:flex;align-items:center;gap:12px}.cf-dialog__title h2{margin:0;font-size:18px;font-weight:700;line-height:1.4}.cf-dialog__close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-4px -6px 0 0;border:none;border-radius:var(--cf-radius-btn);background:transparent;color:var(--cf-text-muted);cursor:pointer;flex:none}.cf-dialog__close:hover{color:var(--cf-text);background:var(--cf-surface-alt)}.cf-dialog__body{padding:16px 24px 24px;display:flex;flex-direction:column;gap:16px;font-size:14px;line-height:1.5;color:var(--cf-text-secondary)}.cf-dialog__body p{margin:0}.cf-dialog__body strong{font-weight:600;color:var(--cf-text)}.cf-dialog__foot{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.cf-dialog__icon{width:40px;height:40px;border-radius:var(--cf-radius-input);background:var(--cf-danger-soft);color:var(--cf-danger);display:flex;align-items:center;justify-content:center;flex:none}.cf-note{background:var(--cf-danger-soft);border-radius:var(--cf-radius-input);padding:14px 16px;font-size:13px;line-height:1.55;color:var(--cf-text)}.cf-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;text-align:center}.cf-empty__icon{width:56px;height:56px;border-radius:var(--cf-radius-card);background:var(--cf-surface-alt);color:var(--cf-text-muted);display:flex;align-items:center;justify-content:center}.cf-empty__title{margin:0;font-size:16px;font-weight:600;color:var(--cf-text)}.cf-empty__body{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--cf-text-secondary)}.cf-skeleton{background:var(--cf-surface-alt);border-radius:var(--cf-radius-btn);animation:cf-pulse 1.4s ease-in-out infinite}@keyframes cf-pulse{0%,to{opacity:1}50%{opacity:.55}}.cf-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;color:var(--cf-text-secondary)}.cf-breadcrumb svg{color:var(--cf-border-strong);flex:none}.cf-breadcrumb a{color:var(--cf-data-users)}.cf-meter{height:6px;border-radius:999px;background:var(--cf-meter-track);overflow:hidden}.cf-meter__fill{height:100%;border-radius:999px;background:var(--cf-data-users)}.cf-segmented{display:flex;gap:2px;padding:3px;background:var(--cf-surface-alt);border-radius:10px;flex:none}.cf-segmented button{padding:6px 12px;border:none;border-radius:7px;background:transparent;font-family:inherit;font-size:12px;font-weight:600;line-height:1;color:var(--cf-text-secondary);cursor:pointer}.cf-segmented button.is-active{color:var(--cf-text);background:var(--cf-surface-card);box-shadow:var(--cf-shadow-sm)}.cf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}