*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #FF7125;--primary-orange: #FF7125;--primary-orange-dark: #D95A18;--primary-orange-light: #FF9A69;--primary-orange-soft: rgba(255, 113, 37, .1);--primary-orange-strong: rgba(255, 113, 37, .18);--primary-navy: #001328;--primary-navy-soft: #0f2844;--primary-navy-strong: #071d36;--primary-navy-muted: #27405d;--primary-navy-border: rgba(0, 19, 40, .1);--background: #ffffff;--surface: #f5f7fa;--surface-soft: #f8fafb;--surface-elevated: #ffffff;--surface-contrast: #edf2f8;--surface-tint: #fff7f2;--surface-glass: rgba(255, 255, 255, .72);--text-primary: #0a1628;--text-secondary: #3d5068;--text-muted: #7b8fa3;--border: #e2e8f0;--border-strong: #c8d4e0;--border-subtle: rgba(0, 19, 40, .06);--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .1);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .1);--info: #2563eb;--info-soft: rgba(37, 99, 235, .1);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--shadow-xs: 0 1px 3px rgba(0, 19, 40, .04);--shadow-sm: 0 4px 12px rgba(0, 19, 40, .06);--shadow-md: 0 8px 24px rgba(0, 19, 40, .08);--shadow-lg: 0 16px 48px rgba(0, 19, 40, .1);--shadow-xl: 0 24px 64px rgba(0, 19, 40, .14);--shadow-glow-orange: 0 8px 24px rgba(255, 113, 37, .2);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-out);--transition-base: .25s var(--ease-out);--transition-slow: .4s var(--ease-out)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface);color:var(--text-primary);line-height:1.6;overflow-x:hidden;font-feature-settings:"cv11" 1,"ss01" 1}button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em;line-height:1.3}strong,b{font-weight:700}img,svg{max-width:100%;height:auto}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.gradient-orange{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-light) 100%)}.text-gradient{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:1.25rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.btn,.btn-primary,.btn-secondary,.btn-danger{padding:.65rem 1.15rem;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-size:.875rem;justify-content:center;white-space:nowrap;letter-spacing:0}.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{transform:translateY(-1px)}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-dark) 100%);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow-orange)}.btn-primary:hover{box-shadow:0 12px 32px #ff71254d}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{border-color:var(--primary-orange);color:var(--primary-orange);box-shadow:var(--shadow-sm)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 6px 16px #dc262633}.btn-danger:hover{box-shadow:0 10px 24px #dc262647}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none}.btn-sm{padding:.42rem .85rem;font-size:.8rem;border-radius:var(--radius-sm)}.icon-btn{background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.5rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.icon-btn:hover{background:var(--surface-elevated);border-color:#ff712540;color:var(--primary-orange);box-shadow:var(--shadow-xs)}.icon-btn.danger:hover{background:var(--danger-soft);border-color:#dc26262e;color:var(--danger)}.input{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;transition:all var(--transition-fast);background:var(--surface-elevated);color:var(--text-primary)}.input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px var(--primary-orange-soft)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid transparent;letter-spacing:.01em}.loading{display:flex;align-items:center;justify-content:center;min-height:200px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.15rem 1.35rem;background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);animation:fadeInDown .4s var(--ease-out) both}.page-header h1{font-size:1.4rem;font-weight:800;margin:0;color:var(--text-primary);letter-spacing:-.03em}.page-header p{color:var(--text-muted);margin:.25rem 0 0;font-size:.85rem}.search-bar{display:flex;align-items:center;gap:.65rem;background:var(--surface-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);color:var(--text-muted);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-bar:focus-within{border-color:var(--primary-orange);box-shadow:0 0 0 3px var(--primary-orange-soft)}.search-bar input{flex:1;min-width:0;border:none;outline:none;font-size:.875rem;background:transparent;color:var(--text-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#00132873;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1100;animation:fadeIn .2s var(--ease-out) both}.modal-content,.modal{width:min(100%,520px);max-height:calc(100vh - 3rem);overflow-y:auto;background:linear-gradient(180deg,#ffffff 0%,var(--surface-soft) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:1.5rem;animation:modalSlideUp .35s var(--ease-spring) both}.modal-content.large,.modal.large{width:min(100%,780px)}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem}.modal-header h2{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.03em}.modal-form{display:flex;flex-direction:column;gap:.85rem}.modal-footer{display:flex;justify-content:flex-end;gap:.55rem;padding-top:.85rem;border-top:1px solid var(--border-subtle);margin-top:.35rem}.form-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;color:var(--text-secondary);font-weight:600;font-size:.82rem}.form-group input,.form-group select,.form-group textarea,.modal-content textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-primary);font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.modal-content textarea:focus{outline:none;background:#fff;border-color:var(--primary-orange);box-shadow:0 0 0 3px var(--primary-orange-soft)}.form-group small{display:block;margin-top:.35rem;font-size:.78rem;color:var(--text-muted)}.close-btn{background:var(--surface-soft);border:1px solid var(--border-subtle);width:36px;height:36px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast)}.close-btn:hover{color:var(--text-primary);border-color:var(--border);background:var(--surface-elevated)}.spinner{border:2.5px solid var(--border);border-top:2.5px solid var(--primary-orange);border-radius:50%;width:36px;height:36px;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-contrast) 40%,var(--surface) 80%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;width:100%}.skeleton-text.short{width:60%}.skeleton-text.xs{width:35%}.skeleton-title{height:22px;margin-bottom:12px;width:45%}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-card{background:var(--surface-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;gap:10px}.skeleton-stat{height:88px;border-radius:var(--radius-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.spinning{animation:spin 1s linear infinite}.animate-in{animation:fadeInUp .4s var(--ease-out) both}.animate-in:nth-child(1){animation-delay:.03s}.animate-in:nth-child(2){animation-delay:.06s}.animate-in:nth-child(3){animation-delay:.09s}.animate-in:nth-child(4){animation-delay:.12s}.animate-in:nth-child(5){animation-delay:.15s}.animate-in:nth-child(6){animation-delay:.18s}.animate-in:nth-child(7){animation-delay:.21s}.animate-in:nth-child(8){animation-delay:.24s}@media (max-width: 768px){body{font-size:14px}.page-header{flex-direction:column;align-items:flex-start;padding:1rem;border-radius:var(--radius-lg)}.page-header h1{font-size:1.2rem}.search-bar{width:100%}.content table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.content table th,.content table td{white-space:nowrap}.modal-content{border-radius:var(--radius-lg);padding:1.15rem;max-height:calc(100vh - 2rem)}}