:root{--color-primary: #2076C7;--color-primary-hover: #1a68b3;--color-primary-light: #EFF8FF;--color-primary-ring: rgba(32,118,199,.18);--color-accent: #7C3AED;--color-accent-light: #EDE9FE;--color-success: #059669;--color-success-light: #ECFDF5;--color-success-ring: rgba(5,150,105,.15);--color-error: #DC2626;--color-error-light: #FEF2F2;--color-error-ring: rgba(220,38,38,.15);--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-warning-ring: rgba(217,119,6,.15);--color-info: #0EA5E9;--color-info-light: #F0F9FF;--color-bg: #F1F5F9;--color-surface: #FFFFFF;--color-surface-alt: #F8FAFC;--color-surface-hover: #F1F5F9;--color-text: #0F172A;--color-text-secondary:#475569;--color-text-tertiary: #94A3B8;--color-border: #E2E8F0;--color-border-dark: #CBD5E1;--gradient-primary: linear-gradient(135deg, #2076C7 0%, #1CADA3 100%);--gradient-secondary: linear-gradient(135deg, #0D9488 0%, #0F766E 100%);--gradient-accent: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-error: linear-gradient(135deg, #EF4444 0%, #B91C1C 100%);--gradient-warning: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);--gradient-dark: linear-gradient(145deg, #0F172A 0%, #1E293B 100%);--gradient-teal: linear-gradient(135deg, #0D9488 0%, #1CADA3 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .07), 0 1px 2px -1px rgb(0 0 0 / .07);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .2);--shadow-colored-blue: 0 8px 24px rgba(32,118,199,.28);--shadow-colored-green: 0 8px 24px rgba(5,150,105,.25);--shadow-colored-red: 0 8px 24px rgba(220,38,38,.25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-3xl: 36px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Open Sans,sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.glass-card{background:#ffffffbf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:.925rem;padding:12px 24px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-colored-blue);white-space:nowrap;font-family:inherit;letter-spacing:-.01em}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #2563eb61}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:.925rem;padding:12px 24px;border-radius:var(--radius-lg);border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-secondary:hover{background:var(--color-surface-alt);border-color:var(--color-border-dark)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient-error);color:#fff;font-weight:700;font-size:.925rem;padding:12px 24px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-colored-red);font-family:inherit}.btn-danger:hover:not(:disabled){transform:translateY(-2px);opacity:.92}.btn-text{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;color:var(--color-primary);padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.btn-text:hover{background:var(--color-primary-light)}.input-field{width:100%;padding:13px 18px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;appearance:none}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-ring)}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field.input-error{border-color:var(--color-error)}.input-field.input-error:focus{box-shadow:0 0 0 4px var(--color-error-ring)}.form-label{display:block;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.07em}.select-field{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:44px!important}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.02em}.status-P{background:var(--color-success-light);color:var(--color-success);border:1px solid #BBF7D0}.status-A{background:var(--color-error-light);color:var(--color-error);border:1px solid #FEE2E2}.status-WO{background:var(--color-info-light);color:#0369a1;border:1px solid #BAE6FD}.status-L{background:var(--color-warning-light);color:var(--color-warning);border:1px solid #FDE68A}.status-H{background:#fdf2f8;color:#db2777;border:1px solid #FBCFE8}.status-Coff{background:var(--color-accent-light);color:var(--color-accent);border:1px solid #DDD6FE}.status-AUTO{background:#f8fafc;color:#64748b;border:1px solid #E2E8F0}.skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-dark);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:14px 20px;border-bottom:1.5px solid var(--color-border);text-align:left;white-space:nowrap}.data-table td{padding:16px 20px;border-bottom:1px solid var(--color-border);font-size:.9rem;color:var(--color-text);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover td{background:var(--color-surface-alt)}.data-table tbody tr:last-child td{border-bottom:none}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.page-wrapper{padding:32px;max-width:1500px;width:100%}.fade-in{animation:fadeInUp .45s cubic-bezier(.16,1,.3,1) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-ring{animation:pulse-ring 1.5s cubic-bezier(.215,.61,.355,1) infinite}.section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-tertiary);margin-bottom:16px}.modal-backdrop{position:fixed;inset:0;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}@media(max-width:640px){.page-wrapper{padding:16px!important}.stat-grid-4{grid-template-columns:repeat(2,1fr)!important}.two-col-grid,.three-col-grid{grid-template-columns:1fr!important}.hide-mobile{display:none!important}h1.page-title{font-size:1.6rem!important}}@media(min-width:641px)and (max-width:1024px){.page-wrapper{padding:24px!important}.stat-grid-4{grid-template-columns:repeat(2,1fr)!important}.hide-tablet{display:none!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.truncate-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.divider{height:1px;background:var(--color-border);width:100%}.btn-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-surface-alt);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);flex-shrink:0}.btn-icon:hover{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.work-mode-selector{display:flex;gap:10px;background:var(--color-surface-alt);padding:6px;border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-bottom:20px;width:100%}.work-mode-btn{flex:1;padding:10px;border-radius:var(--radius-lg);border:none;background:transparent;color:var(--color-text-secondary);font-weight:700;font-size:.85rem;cursor:pointer;transition:all var(--transition-base)}.work-mode-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.att-tracking-banner{display:flex;align-items:center;gap:12px;background:#fef3c7;color:#92400e;padding:12px 20px;border-radius:var(--radius-lg);margin-bottom:16px;font-size:.85rem;border:1px solid #FDE68A}.att-tracking-dot{width:8px;height:8px;background:#d97706;border-radius:50%;animation:pulse-tracking 1.5s infinite}@keyframes pulse-tracking{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.att-bypass-badge{display:flex;align-items:center;gap:6px;background:#fee2e2;color:#dc2626;padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}