:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--font-size-base: 16px;--brand-primary: #1d63e8;--brand-primary-hover: #1452c9;--brand-secondary: #14997f;--brand-secondary-hover: #0f876f;--white: #ffffff;--danger-color: #ef4444;--success-color: #28a745;--gray-text: #667085;--gray-text-dark: #2f3f57;--gray-border: #dbe4ef;--gray-ultra-light: #f9fafb;--background-light: #f3f7fc;--nav-height: 72px;--site-header-height: var(--nav-height);--site-footer-height: 64px;--bg-light: #f4f8ff;--bg-main: #f5f9ff;--bg-card: #ffffff;--bg-white: var(--white);--bg-gradient-1: #eef3ff;--bg-gradient-2: #f8faff;--text-dark: #182433;--text-medium: #304357;--text-light: #44556a;--text-muted: #5f7185;--border: var(--gray-border);--border-soft: rgba(29, 99, 232, .14);--shadow-sm: 0 2px 10px rgba(8, 26, 54, .06);--shadow-md: 0 10px 30px rgba(8, 26, 54, .08);--shadow-lg: 0 14px 38px rgba(8, 26, 54, .12);--shadow-soft-sm: 0 10px 30px rgba(0, 0, 0, .05);--shadow-soft-md: 0 15px 40px rgba(0, 0, 0, .06);--shadow-soft-lg: 0 25px 60px rgba(0, 0, 0, .08);--shadow-button: 0 10px 28px rgba(29, 99, 232, .3);--radius: 16px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-soft-sm: 12px;--radius-soft-md: 14px;--radius-soft-lg: 20px;--transition-speed: .2s;--transition-smooth: .3s ease;--transition-slow: .4s ease;--primary-soft: #e7f0ff;--primary-lighter: #f2f7ff;--primary-color: var(--brand-primary);--primary-hover: var(--brand-primary-hover);--secondary-color: var(--brand-secondary);--secondary-hover: var(--brand-secondary-hover);--primary: var(--brand-primary);--primary-dark: #0a2463;--primary-light: #1a73e8;--secondary: #e3f2fd;--accent: #4a90e2;--bg-hero: linear-gradient(180deg, #f6fbff 0%, #e9f5fc 100%);--text-primary: #1c335f;--text-secondary: #475569;--border-light: #e6eef8;--border-medium: #d1e0f0;--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--transition: all .25s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);overflow-x:hidden;box-sizing:border-box;color:var(--text-dark);background:var(--bg-main)}html{scroll-behavior:smooth;margin:0;padding:0;height:100%}.admin-page{max-width:1200px;margin:0 auto;padding:clamp(16px,2.4vw,28px)}.admin-page *{box-sizing:border-box}.admin-page .header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-page .title{margin:0;font-size:clamp(18px,1.4vw,22px);font-weight:800;letter-spacing:-.01em;color:var(--text-dark)}.admin-page .subtitle{margin:6px 0 0;color:var(--text-muted);font-size:13px}.admin-page .card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);padding:16px}.admin-page .filters{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.admin-page .filters label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-medium)}.admin-page .filters select,.admin-page .filters input,.admin-page .filters textarea{padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background-light);color:var(--text-dark);font:inherit;font-size:13px}.admin-page .filters select:focus,.admin-page .filters input:focus,.admin-page .filters textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-lighter)}.admin-page .filter-actions,.admin-page .row-actions{display:flex;gap:10px;align-items:center}.admin-page .state,.admin-page .muted{margin-top:12px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);color:var(--text-medium);box-shadow:var(--shadow-sm);font-size:13px}.admin-page .state.error{background:var(--gray-ultra-light);border-color:var(--danger-color);color:var(--danger-color)}.admin-page .table-wrap{margin-top:12px;border-radius:var(--radius-lg);overflow:auto;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.admin-page table.grid,.admin-page table.users-table,.admin-page table.striped,.admin-page table.sales-table,.admin-page table.tests-table,.admin-page table.stock-table{width:100%;border-collapse:separate;border-spacing:0}.admin-page table.grid th,.admin-page table.grid td,.admin-page table.users-table th,.admin-page table.users-table td,.admin-page table.striped th,.admin-page table.striped td,.admin-page table.sales-table th,.admin-page table.sales-table td,.admin-page table.tests-table th,.admin-page table.tests-table td,.admin-page table.stock-table th,.admin-page table.stock-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;color:var(--text-medium)}.admin-page table.grid th,.admin-page table.users-table th,.admin-page table.striped th,.admin-page table.sales-table th,.admin-page table.tests-table th,.admin-page table.stock-table th{position:sticky;top:0;background:linear-gradient(180deg,var(--bg-gradient-1),var(--bg-gradient-2));color:var(--text-medium);font-size:12px;letter-spacing:.03em;text-transform:uppercase;z-index:1}.admin-page .mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.admin-page .badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:var(--gray-ultra-light);color:var(--text-medium);white-space:nowrap}.admin-page .btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:var(--radius-md);cursor:pointer;font:inherit;font-size:12px;line-height:1;transition:transform var(--transition-speed),filter var(--transition-speed),box-shadow var(--transition-speed),background-color var(--transition-speed);border:none;background:var(--primary-color);color:var(--white);box-shadow:var(--shadow-button)}.admin-page .btn:hover:not([disabled]){background:var(--primary-hover);transform:translateY(-1px)}.admin-page .btn.secondary{background:var(--bg-card);color:var(--primary-color);border:1px solid var(--border-soft);box-shadow:var(--shadow-sm)}.admin-page .btn.danger{background:var(--danger-color);color:var(--white);box-shadow:var(--shadow-sm)}.admin-page .btn.danger:hover:not([disabled]){filter:brightness(.95);transform:translateY(-1px)}.admin-page .btn[disabled]{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.admin-page .pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.admin-page .main-tabs,.admin-page .tabs{display:inline-flex;gap:8px;padding:6px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.admin-page .tab{background:transparent;border:none;cursor:pointer;padding:8px 12px;border-radius:999px;font:inherit;font-size:12px;color:var(--text-medium)}.admin-page .tab.active{background:var(--primary-soft);color:var(--primary-color);border:1px solid var(--border-soft)}.admin-page .modal-backdrop{position:fixed;inset:0;background:#02061773;display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.admin-page .modal-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:720px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;overflow-x:hidden}.admin-page .modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.admin-page .modal-header h3{margin:0;font-size:14px;font-weight:800;color:var(--text-dark)}.admin-page .modal-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.admin-page .modal-body label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-medium)}.admin-page .modal-body input,.admin-page .modal-body select,.admin-page .modal-body textarea{padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--background-light);color:var(--text-dark);font:inherit;font-size:13px}.admin-page .modal-footer,.admin-page .modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 14px;border-top:1px solid var(--border)}.admin-page .form-row{display:flex;flex-direction:column;gap:10px}.admin-page .consent{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-medium)}.admin-page .input-error{border-color:var(--danger-color)!important;background:#fff0f0!important}.admin-page .field-error{color:var(--danger-color);font-size:12px;margin-top:-6px}
