@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-base: 16px;--spacing-unit: 1rem;--density-factor: 1;--accent-rgb: 37, 99, 235;--accent: #2563eb;--accent-hover: #1d4ed8;--bg-dark: #f1f5f9;--bg-card: rgba(255, 255, 255, .85);--text-main: #0f172a;--text-muted: #64748b;--border-color: rgba(0, 0, 0, .1);--danger: #ef4444;--success: #10b981;--topbar-bg: rgba(241, 245, 249, .8);--input-bg: #ffffff;--input-border: #94a3b8;--input-border-focus: var(--accent);--table-header-bg: #e2e8f0;--table-header-text: #1e293b;--table-hover-bg: rgba(0, 0, 0, .03);--table-selected-bg: rgba(59, 130, 246, .15);--gradient-text-start: #0f172a;--gradient-text-end: #64748b;--sidebar-bg: #e2e8f0;--sidebar-text: #0f172a;--card-border: rgba(0, 0, 0, .12);--card-shadow: 0 8px 16px -4px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--btn-secondary-bg: #f1f5f9;--btn-secondary-text: #475569;--btn-secondary-hover: #e2e8f0;--badge-success-bg: #dcfce7;--badge-success-text: #059669;--badge-warning-bg: #fef3c7;--badge-warning-text: #d97706;--badge-danger-bg: #fee2e2;--badge-danger-text: #dc2626;--badge-secondary-bg: #e2e8f0;--badge-secondary-text: #334155}[data-theme=dark]{--accent-rgb: 59, 130, 246;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .05);--topbar-bg: rgba(15, 23, 42, .5);--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(255, 255, 255, .1);--table-header-bg: rgba(0, 0, 0, .3);--table-header-text: var(--text-muted);--table-hover-bg: rgba(255, 255, 255, .02);--table-selected-bg: rgba(59, 130, 246, .25);--gradient-text-start: #ffffff;--gradient-text-end: #94a3b8;--sidebar-bg: var(--bg-card);--sidebar-text: #94a3b8;--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 8px 16px -4px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-text: #e2e8f0;--btn-secondary-hover: rgba(255, 255, 255, .1);--badge-success-bg: rgba(16, 185, 129, .2);--badge-success-text: #34d399;--badge-warning-bg: rgba(245, 158, 11, .2);--badge-warning-text: #fbbf24;--badge-danger-bg: rgba(239, 68, 68, .2);--badge-danger-text: #f87171;--badge-secondary-bg: rgba(148, 163, 184, .2);--badge-secondary-text: #94a3b8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--accent-rgb: 59, 130, 246;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .05);--topbar-bg: rgba(15, 23, 42, .5);--input-bg: rgba(15, 23, 42, .6);--input-border: rgba(255, 255, 255, .1);--table-header-bg: rgba(0, 0, 0, .3);--table-header-text: var(--text-muted);--table-hover-bg: rgba(255, 255, 255, .02);--table-selected-bg: rgba(59, 130, 246, .25);--gradient-text-start: #ffffff;--gradient-text-end: #94a3b8;--sidebar-bg: var(--bg-card);--sidebar-text: #94a3b8;--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 8px 16px -4px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-text: #e2e8f0;--btn-secondary-hover: rgba(255, 255, 255, .1);--badge-success-bg: rgba(16, 185, 129, .2);--badge-success-text: #34d399;--badge-warning-bg: rgba(245, 158, 11, .2);--badge-warning-text: #fbbf24;--badge-danger-bg: rgba(239, 68, 68, .2);--badge-danger-text: #f87171;--badge-secondary-bg: rgba(148, 163, 184, .2);--badge-secondary-text: #94a3b8}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-base)}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(circle at top right,rgba(var(--accent-rgb),.15),transparent 40%),radial-gradient(circle at bottom left,rgba(16,185,129,.05),transparent 40%);background-attachment:fixed;min-height:100vh}.layout{display:flex;min-height:100vh}.mobile-menu-overlay,.mobile-menu-btn{display:none}.sidebar{width:260px;min-width:260px;background:var(--sidebar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .25s ease,min-width .25s ease;overflow:hidden}.sidebar-collapsed{width:64px;min-width:64px}.sidebar-header{padding:calc(1rem * var(--density-factor));display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color);min-height:64px;overflow:hidden}.sidebar-title{font-size:1.1rem;font-weight:700;white-space:nowrap;background:linear-gradient(90deg,var(--gradient-text-start),var(--gradient-text-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hamburger-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--sidebar-text);padding:6px;border-radius:6px;flex-shrink:0;transition:background .2s}.hamburger-btn:hover{background:rgba(var(--accent-rgb),.12);color:var(--accent)}.sidebar-nav{padding:calc(.75rem * var(--density-factor)) 8px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:calc(.625rem * var(--density-factor)) 12px;color:var(--sidebar-text);text-decoration:none;border-radius:8px;transition:background .2s,color .2s;font-weight:500;font-size:.9rem;white-space:nowrap;overflow:hidden;position:relative}.nav-item:hover{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.nav-item-active{background:rgba(var(--accent-rgb),.15);color:var(--accent);font-weight:600}.nav-item-active:hover{background:rgba(var(--accent-rgb),.2)}.nav-item-collapsed{justify-content:center;padding:10px;gap:0}.nav-item-collapsed:after{content:attr(title);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--sidebar-bg);color:var(--text-main);padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;border:1px solid var(--border-color);box-shadow:0 4px 8px #00000026;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:200}.nav-item-collapsed:hover:after{opacity:1}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:72px;padding:0 calc(2rem * var(--density-factor));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{font-size:1.25rem;font-weight:600}.topbar-heading{display:flex;align-items:center;gap:10px;min-width:0}.page-content{padding:calc(2rem * var(--density-factor));flex:1;overflow-y:auto}.card{background:var(--bg-card);border:1px solid var(--card-border);border-radius:16px;padding:calc(1.5rem * var(--density-factor));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--card-shadow);margin-bottom:calc(2rem * var(--density-factor))}.welcome-card{text-align:center;padding:48px;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-color)}.welcome-card h2{margin-bottom:16px;font-size:2rem}.form-group{margin-bottom:calc(1rem * var(--density-factor))}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--text-muted)}.form-control{width:100%;padding:calc(.75rem * var(--density-factor));background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:.95rem;transition:all .2s}.form-control:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f626}.btn{padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f64d}.btn:not(.btn-primary){background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn:not(.btn-primary):hover{background:var(--btn-secondary-hover)}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;white-space:nowrap}th{background:var(--table-header-bg);padding:calc(1rem * var(--density-factor));text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--table-header-text);border-bottom:1px solid var(--border-color)}td{padding:calc(1rem * var(--density-factor));border-bottom:1px solid var(--border-color);font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background:var(--table-hover-bg)}.badge{padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-info{background:#3b82f633;color:#60a5fa}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-secondary{background:var(--badge-secondary-bg);color:var(--badge-secondary-text)}@media (max-width: 900px){.layout{display:block}.sidebar,.sidebar.sidebar-collapsed{position:fixed;inset:0 auto 0 0;z-index:300;width:min(82vw,300px);min-width:min(82vw,300px);transform:translate(-100%);transition:transform .25s ease;box-shadow:8px 0 24px #0003}.mobile-menu-is-open .sidebar{transform:translate(0)}.sidebar.sidebar-collapsed .sidebar-title,.sidebar.sidebar-collapsed .nav-item span{display:inline}.sidebar.sidebar-collapsed .nav-item-collapsed{justify-content:flex-start;padding:calc(.625rem * var(--density-factor)) 12px;gap:12px}.sidebar.sidebar-collapsed .nav-item-collapsed:after{display:none}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:290;border:0;background:#0f172a73;cursor:pointer}.mobile-menu-is-open .mobile-menu-overlay,.mobile-menu-btn{display:flex}.mobile-menu-btn,.sidebar .hamburger-btn,.sidebar .nav-item{min-height:44px}.main-content{width:100%;min-height:100vh}.topbar{height:auto;min-height:64px;padding:8px 16px;gap:12px}.topbar h1{font-size:1.05rem;white-space:nowrap}.topbar .user-profile{gap:8px!important;min-width:0}.topbar .user-profile span{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content{padding:calc(1rem * var(--density-factor));min-width:0;overflow-x:auto}.welcome-card{padding:32px 20px}.customer-accounts-page,.customer-accounts-controls,.customer-accounts-movements{width:100%;min-width:0;max-width:100%}.customer-accounts-header{flex-direction:column;align-items:stretch!important;gap:16px}.customer-accounts-print-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.customer-accounts-print-actions .btn{width:100%;min-width:0;white-space:normal}.customer-accounts-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end!important}.customer-accounts-customer-filter{grid-column:1 / -1;min-width:0}.customer-accounts-date-filter,.customer-accounts-date-filter .form-control{min-width:0}.customer-accounts-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.customer-accounts-summary-card{min-width:0;overflow:hidden}.customer-accounts-summary-card>div{overflow-wrap:anywhere}.customer-accounts-movements{overflow:hidden}.customer-accounts-table-container,.customer-accounts-detail-table-container{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.customer-accounts-detail-cell{max-width:0}.customer-accounts-sale-detail{width:100%;min-width:0;max-width:100%}.customer-accounts-payment-detail{flex-wrap:wrap}.slaughter-query-page,.slaughter-query-card,.slaughter-query-table-container,.slaughter-query-detail-table-container{width:100%;min-width:0;max-width:100%}.slaughter-query-card{overflow:hidden}.slaughter-query-table-container,.slaughter-query-detail-table-container{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.slaughter-query-detail-title{max-width:100%;overflow-wrap:anywhere}.slaughter-query-view-button,.slaughter-query-admin-action{min-height:40px}.slaughter-query-edit-controls{flex-wrap:wrap;min-width:0}.troops-query-page,.troops-query-card,.troops-query-filters,.troops-query-table-container,.troops-query-detail-card,.troops-query-detail-content,.troops-query-detail-section,.troops-query-days-table-container{width:100%;min-width:0;max-width:100%}.troops-query-card{overflow:hidden}.troops-query-filters>.form-group,.troops-query-filters .form-control{min-width:0}.troops-query-suggestions{max-width:100%}.troops-query-suggestions button,.troops-query-suggestions button div,.troops-query-detail-card,.troops-query-detail-card p,.troops-query-detail-card h3,.troops-query-detail-card h4,.troops-query-detail-actions{overflow-wrap:anywhere}.troops-query-table-container,.troops-query-days-table-container{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.troops-query-detail-content{align-items:flex-start}}@media (max-width: 480px){.topbar{align-items:flex-start}.topbar-heading{min-height:38px}.topbar .user-profile{flex-direction:column;align-items:flex-end!important}.topbar .user-profile span{max-width:42vw;font-size:.75rem!important}.topbar .user-profile .btn{min-height:36px}.page-content{padding:calc(.75rem * var(--density-factor))}.customer-accounts-page{gap:16px!important}.customer-accounts-controls,.customer-accounts-movements{padding:calc(1rem * var(--density-factor))}.customer-accounts-print-actions,.customer-accounts-filters,.customer-accounts-summary{grid-template-columns:minmax(0,1fr)!important}.customer-accounts-customer-filter{grid-column:auto}.customer-accounts-payment-detail{flex-direction:column;gap:8px!important}.slaughter-query-page{gap:16px!important}.slaughter-query-card{padding:calc(1rem * var(--density-factor))}.slaughter-query-view-button,.slaughter-query-admin-action,.slaughter-query-edit-controls .btn{min-height:44px}.troops-query-page{gap:16px!important}.troops-query-card{padding:calc(1rem * var(--density-factor))}.troops-query-filters{grid-template-columns:minmax(0,1fr)!important}.troops-query-filters .btn{min-height:44px}.troops-query-detail-header,.troops-query-detail-content{flex-direction:column;align-items:stretch!important}.troops-query-detail-actions{align-items:stretch!important}.troops-query-detail-actions .btn{width:100%;min-height:44px}.troops-query-detail-section{flex-basis:auto!important}}