*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0a84ff;--primary-hover: #0070e0;--primary-light: #e8f2ff;--primary-dark: #0058b0;--success-color: #30d158;--success-hover: #28b84b;--success-light: #e7faec;--warning-color: #ff9f0a;--warning-hover: #e68f00;--warning-light: #fff2de;--error-color: #ff453a;--error-hover: #e63b31;--error-light: #ffe8e7;--info-color: #64d2ff;--info-hover: #3fbbe8;--info-light: #e6f8ff;--add-color: #2563eb;--add-hover: #1d4ed8;--add-light: #dbeafe;--export-color: #0d9488;--export-hover: #0f766e;--export-light: #ccfbf1;--import-color: #7c3aed;--import-hover: #6d28d9;--import-light: #ede9fe;--action-color: #9b59b6;--action-hover: #8e44ad;--action-light: #f3e5f5;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-light: #94a3b8;--bg-primary: #ffffff;--bg-secondary: #f4f5f7;--bg-tertiary: #eceef2;--bg-quaternary: #dfe3ea;--border-color: #d2d7e0;--border-light: #e8ebf1;--border-dark: #bcc3cf;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 10px rgba(15, 23, 42, .04);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 36px rgba(15, 23, 42, .12);--shadow-xl: 0 24px 52px rgba(15, 23, 42, .14);--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-xl: 22px;--transition: all .3s ease;--transition-slow: all .5s ease;--transition-fast: all .2s ease;--motion-duration-fast: .14s;--motion-duration-base: .22s;--motion-duration-slow: .32s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--layout-header-height: 62px;--layout-sidebar-width: 264px;--layout-sidebar-collapsed-width: 88px}:root.dark-theme{--primary-color: #4da3ff;--primary-hover: #2f90f5;--primary-light: #163556;--primary-dark: #0b2238;--success-color: #27ae60;--success-hover: #2ecc71;--success-light: #1e3a29;--warning-color: #f39c12;--warning-hover: #f1c40f;--warning-light: #3a2a10;--error-color: #e74c3c;--error-hover: #c0392b;--error-light: #3a1e1c;--info-color: #3498db;--info-hover: #2980b9;--info-light: #1e2f3c;--add-color: #3b82f6;--add-hover: #2563eb;--add-light: #1e3a8a;--export-color: #14b8a6;--export-hover: #0d9488;--export-light: #134e4a;--import-color: #a78bfa;--import-hover: #8b5cf6;--import-light: #312e81;--action-color: #9b59b6;--action-hover: #8e44ad;--action-light: #3a2a3c;--text-primary: #ecf0f1;--text-secondary: #bdc3c7;--text-tertiary: #95a5a6;--text-light: #7f8c8d;--bg-primary: #1b1d21;--bg-secondary: #121317;--bg-tertiary: #24272e;--bg-quaternary: #30343d;--border-color: #444444;--border-light: #333333;--border-dark: #555555;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-xl: 16px;--transition: all .3s ease;--transition-slow: all .5s ease;--transition-fast: all .2s ease;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:20px}table{width:100%;border-collapse:collapse;margin:20px 0;background-color:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(255,255,255,.2)}.dark-theme table{border:1px solid rgba(255,255,255,.1)}table:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}table th,table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-color);transition:var(--transition)}table th{background-color:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);white-space:nowrap;position:sticky;top:0;z-index:10}table tr{transition:var(--transition)}table tr:hover{background-color:#2c3e500d;transform:translateY(-1px)}table tr:last-child td{border-bottom:none}.table-container{overflow-x:auto;margin:20px 0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.table-container:hover{box-shadow:var(--shadow-md)}table thead{background-color:var(--bg-tertiary)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0;padding:16px;background-color:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition)}.pagination:hover{box-shadow:var(--shadow-md)}.pagination button{padding:6px 12px;font-size:14px;border-radius:var(--border-radius-lg);background:#ffffffb3;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.dark-theme .pagination button{background:#1a1a1ab3}.pagination button:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.pagination button.active{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border-color:var(--primary-color)}.pagination button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.sortable{cursor:pointer;display:flex;align-items:center;gap:4px}.sortable:hover{color:var(--primary-color)}.table-actions{display:flex;gap:8px;align-items:center}.table-actions button{padding:6px 12px;font-size:12px;border-radius:var(--border-radius-lg);gap:4px}.table-empty{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.table-empty:before{content:"•";font-size:48px;display:block;margin-bottom:16px;opacity:.5}.table-loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.table-loading .loading-spinner{margin:0 auto 16px}button{padding:10px 20px;border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);cursor:pointer;font-size:14px;font-weight:500;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.dark-theme button{background:#1a1a1ab3;border:1px solid rgba(255,255,255,.1)}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:#fffc}.dark-theme button:hover{background:#1a1a1acc}button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button.primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border:1px solid var(--primary-color)}button.primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));border-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.secondary{background:#ffffffb3;color:var(--text-secondary);border:1px solid var(--border-color)}.dark-theme button.secondary{background:#1a1a1ab3;border:1px solid var(--border-color)}button.secondary:hover{background:#fffc;border-color:var(--primary-color);color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark-theme button.secondary:hover{background:#1a1a1acc}button.secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.success{background:linear-gradient(135deg,var(--success-color),var(--success-hover));color:#fff;border:1px solid var(--success-color)}button.success:hover{background:linear-gradient(135deg,var(--success-hover),var(--success-color));border-color:var(--success-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.success:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.danger{background:linear-gradient(135deg,var(--error-color),var(--error-hover));color:#fff;border:1px solid var(--error-color)}button.danger:hover{background:linear-gradient(135deg,var(--error-hover),var(--error-color));border-color:var(--error-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.danger:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.info{background:linear-gradient(135deg,var(--info-color),var(--info-hover));color:#fff;border:1px solid var(--info-color)}button.info:hover{background:linear-gradient(135deg,var(--info-hover),var(--info-color));border-color:var(--info-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.info:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.cancel{background:#ffffffb3;color:var(--text-secondary);border:1px solid var(--border-color)}.dark-theme button.cancel{background:#1a1a1ab3;border:1px solid var(--border-color)}button.cancel:hover{background:#fffc;border-color:var(--text-tertiary);color:var(--text-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.dark-theme button.cancel:hover{background:#1a1a1acc}button.cancel:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.add{background:linear-gradient(135deg,var(--add-color),var(--add-hover));color:#fff;border:1px solid var(--add-color)}button.add:hover{background:linear-gradient(135deg,var(--add-hover),var(--add-color));border-color:var(--add-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.add:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.export{background:linear-gradient(135deg,var(--export-color),var(--export-hover));color:#fff;border:1px solid var(--export-color)}button.export:hover{background:linear-gradient(135deg,var(--export-hover),var(--export-color));border-color:var(--export-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.export:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.import{background:linear-gradient(135deg,var(--import-color),var(--import-hover));color:#fff;border:1px solid var(--import-color)}button.import:hover{background:linear-gradient(135deg,var(--import-hover),var(--import-color));border-color:var(--import-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.import:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.action{background:linear-gradient(135deg,var(--action-color),var(--action-hover));color:#fff;border:1px solid var(--action-color)}button.action:hover{background:linear-gradient(135deg,var(--action-hover),var(--action-color));border-color:var(--action-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}button.action:active{transform:translateY(0);box-shadow:var(--shadow-sm)}button.small{padding:6px 12px;font-size:12px;gap:4px}button.large{padding:12px 24px;font-size:16px;gap:10px}button.full-width{width:100%}button.round{width:40px;height:40px;padding:0;border-radius:50%;gap:0}button.round.large{width:48px;height:48px}button.round.small{width:32px;height:32px}form{background-color:var(--bg-primary);padding:24px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin:20px 0;transition:var(--transition)}form:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-secondary);font-size:14px;transition:var(--transition)}.input-field,input,select,textarea{width:100%;padding:10px 16px;border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-lg);font-size:14px;transition:var(--transition);background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);box-shadow:var(--shadow-sm)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=tel],input[type=url],input[type=search],input[type=date],input[type=time],input[type=datetime-local]{border-radius:var(--border-radius-lg)}.input-field:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2c3e5033;transform:translateY(-1px)}.input-field::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary);font-weight:400}.input-field:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}.input-field:invalid,input:invalid,select:invalid,textarea:invalid{border-color:var(--error-color)}.input-field:valid,input:valid,select:valid,textarea:valid{border-color:var(--success-color)}@media(max-width:768px){.input-field,input,select,textarea{padding:8px 12px;font-size:13px;border-radius:var(--border-radius-lg)}}@media(max-width:480px){.input-field,input,select,textarea{padding:6px 10px;font-size:12px;border-radius:var(--border-radius-lg)}}.search-input{position:relative;display:flex;align-items:center}.search-input input{padding-left:40px}.search-input .search-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}input[type=date],input[type=month],input[type=time],input[type=datetime-local]{cursor:pointer;font-variant-numeric:tabular-nums}input[type=date],input[type=month]{min-height:36px;padding-right:34px!important;color-scheme:light}.dark-theme input[type=date],.dark-theme input[type=month]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.72;padding:6px;margin-right:2px}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:.95}.dark-theme input[type=date]::-webkit-calendar-picker-indicator,.dark-theme input[type=month]::-webkit-calendar-picker-indicator{opacity:.85;filter:invert(.9)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{width:auto;margin-right:8px;cursor:pointer;box-shadow:none}input[type=file]{border:none;box-shadow:none;padding:8px 0}textarea{resize:vertical;min-height:100px;padding:12px 16px}.card{background-color:var(--bg-primary);padding:24px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin:16px 0;transition:var(--transition);border:1px solid rgba(255,255,255,.2)}.dark-theme .card{border:1px solid rgba(255,255,255,.1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--primary-color)}.card-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-content{color:var(--text-secondary);line-height:1.6}.card-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.stats-card{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(255,255,255,.2)}.dark-theme .stats-card{background:linear-gradient(135deg,var(--bg-primary),var(--bg-secondary));border:1px solid rgba(255,255,255,.1)}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--primary-color)}.stats-card .stats-icon{font-size:32px;color:var(--primary-color);margin-bottom:16px}.stats-card .stats-value{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.stats-card .stats-label{font-size:14px;color:var(--text-secondary)}.info-card{background-color:var(--info-light);border-left:4px solid var(--info-color);border-radius:var(--border-radius-lg);padding:16px;margin:16px 0;transition:var(--transition)}.info-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.warning-card{background-color:var(--warning-light);border-left:4px solid var(--warning-color);border-radius:var(--border-radius-lg);padding:16px;margin:16px 0;transition:var(--transition)}.warning-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.error-card{background-color:var(--error-light);border-left:4px solid var(--error-color);border-radius:var(--border-radius-lg);padding:16px;margin:16px 0;transition:var(--transition)}.error-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.success-card{background-color:var(--success-light);border-left:4px solid var(--success-color);border-radius:var(--border-radius-lg);padding:16px;margin:16px 0;transition:var(--transition)}.success-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{margin-bottom:16px;color:var(--text-primary);font-weight:600;line-height:1.2;letter-spacing:-.025em}h1{font-size:32px;font-weight:700;margin-bottom:24px}h2{font-size:28px;font-weight:600;margin-bottom:20px}h3{font-size:24px;font-weight:600;margin-bottom:18px}h4{font-size:20px;font-weight:600;margin-bottom:16px}h5{font-size:16px;font-weight:600;margin-bottom:14px}h6{font-size:14px;font-weight:600;margin-bottom:12px}.text-xl{font-size:20px;font-weight:500;line-height:1.5}.text-lg{font-size:18px;font-weight:500;line-height:1.5}.text-md{font-size:16px;font-weight:400;line-height:1.6}.text-sm{font-size:14px;font-weight:400;line-height:1.6}.text-xs{font-size:12px;font-weight:400;line-height:1.5}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.alert{padding:16px;margin:16px 0;border-radius:var(--border-radius);border:1px solid transparent;display:flex;align-items:center;gap:12px;transition:var(--transition)}.alert-success{background-color:#f6ffed;color:var(--success-color);border-color:#b7eb8f}.alert-danger{background-color:#fff2f0;color:var(--error-color);border-color:#ffccc7}.alert-info{background-color:#e6f7ff;color:var(--primary-color);border-color:#91d5ff}.alert-warning{background-color:#fffbe6;color:var(--warning-color);border-color:#ffe58f}.loading{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 2s linear infinite}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.animate-scale-in{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-pulse{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.animate-bounce{animation:bounce .6s ease}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-enter-active,.page-leave-active{transition:all .3s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(20px)}.transition-all{transition:var(--transition)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.hover-scale{transition:var(--transition)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:var(--transition)}.hover-glow:hover{box-shadow:0 0 20px #2c3e504d}.focus-ring{transition:var(--transition)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #2c3e504d}.loading-container{display:flex;align-items:center;justify-content:center;padding:40px}.loading-spinner{width:40px;height:40px;border:4px solid var(--bg-tertiary);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.fade-in-loaded{opacity:0;animation:fadeIn .6s ease-in-out forwards}.lazy-image{opacity:0;transition:opacity .5s ease}.lazy-image.loaded{opacity:1}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.glass-effect{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition)}.dark-theme .glass-effect{background:#1a1a1ab3;border:1px solid rgba(255,255,255,.1)}.glass-effect:hover{background:#fffc;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.dark-theme .glass-effect:hover{background:#1a1a1acc}.round-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;font-size:20px;box-shadow:var(--shadow-md);transition:var(--transition)}.round-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-error{color:var(--error-color)}.text-info{color:var(--info-color)}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}:root{--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}@media(max-width:575.98px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media(max-width:767.98px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media(max-width:991.98px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media(max-width:1199.98px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}@media(max-width:767.98px){.container{padding:12px}.header{flex-direction:column;height:auto;padding:12px 16px}.header-left{width:100%;justify-content:space-between;margin-bottom:12px}.header-nav{display:none}.header-right{width:100%;justify-content:space-between}.header-actions{gap:8px}.header-action-btn{padding:6px}.user-profile{padding:6px 12px}.user-name{display:none}.main-container{flex-direction:column}.sidebar{width:100%;height:auto;padding:12px 0;border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-header{flex-direction:row;justify-content:space-between;padding:0 16px 12px}.menu-list{display:flex;overflow-x:auto;padding:0 16px;gap:12px}.menu-item{white-space:nowrap;padding:8px 16px;border-left:none;border-bottom:3px solid transparent}.menu-item.active{border-left:none;border-bottom:3px solid var(--primary-color)}.menu-text,.sidebar-footer{display:none}.content{flex:1;padding:16px}.stats-cards{grid-template-columns:1fr;gap:16px}.quick-action-grid{grid-template-columns:repeat(2,1fr);gap:16px}.filter-bar{flex-direction:column;align-items:stretch}.search-input,.filter-select,.filter-month{width:100%!important}.table-container{overflow-x:auto}table{min-width:600px}}@media(min-width:768px)and (max-width:991.98px){.header{padding:0 20px}.nav-text{display:none}.sidebar{width:70px}.menu-text,.sidebar-logo .logo-text,.sidebar-footer{display:none}.content{padding:20px}.stats-cards,.quick-action-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:992px)and (max-width:1199.98px){.stats-cards{grid-template-columns:repeat(3,1fr);gap:20px}.profit-card{grid-column:1 / -1}}@media(min-width:1200px){.content{padding:32px}.stats-cards{grid-template-columns:repeat(5,1fr);gap:24px}}@media(max-width:575.98px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}.text-xl{font-size:16px}.text-lg,.text-md{font-size:14px}.text-sm{font-size:12px}.text-xs{font-size:10px}}@media(max-width:575.98px){.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}}@media(max-width:1200px){.container{padding:16px}}@media(max-width:768px){.container{padding:12px}table{font-size:13px}table th,table td{padding:10px}button{padding:8px 16px;font-size:13px;border-radius:var(--border-radius-lg)}.form-group{margin-bottom:16px}input,select,textarea{padding:8px 10px}.card{padding:20px}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}}@media(max-width:480px){.container,table th,table td{padding:8px}button{padding:6px 12px;font-size:12px;border-radius:var(--border-radius-lg)}.card{padding:16px}form{padding:20px}}:root{--primary-color: #3b6cff;--primary-hover: #2f5be0;--primary-light: #eaf0ff;--primary-dark: #1f3ea8;--success-color: #18a058;--success-hover: #169250;--success-light: #e8f7ef;--warning-color: #d98500;--warning-hover: #bd7300;--warning-light: #fff4e5;--error-color: #d14343;--error-hover: #ba3b3b;--error-light: #ffecec;--info-color: #2080f0;--info-hover: #1b70d6;--info-light: #eaf3ff;--text-primary: #1f2a44;--text-secondary: #5d6b86;--text-tertiary: #8a96ad;--text-light: #a8b2c5;--bg-primary: #ffffff;--bg-secondary: #f5f7fb;--bg-tertiary: #eef2f9;--bg-quaternary: #e4e9f3;--border-color: #dfe5f1;--border-light: #edf1f8;--border-dark: #cfd8e8;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 8px 20px rgba(15, 23, 42, .1);--shadow-lg: 0 14px 30px rgba(15, 23, 42, .14);--shadow-xl: 0 20px 44px rgba(15, 23, 42, .2);--border-radius-sm: 8px;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px}:root.apple-theme{color-scheme:light;--primary-color: #0a84ff;--primary-hover: #007aff;--primary-light: #e8f3ff;--primary-dark: #0063cc;--success-color: #34c759;--success-hover: #2fb350;--success-light: #eaf9ee;--warning-color: #ff9f0a;--warning-hover: #e38d00;--warning-light: #fff4e6;--error-color: #ff3b30;--error-hover: #e5352b;--error-light: #ffebe9;--info-color: #5ac8fa;--info-hover: #39b9f0;--info-light: #e9f8ff;--text-primary: #1d1d1f;--text-secondary: #3a3a3c;--text-tertiary: #6e6e73;--text-light: #8e8e93;--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-tertiary: #ededf0;--bg-quaternary: #e2e2e7;--border-color: #d2d2d7;--border-light: #e5e5ea;--border-dark: #c7c7cc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(15, 23, 42, .1);--shadow-lg: 0 14px 34px rgba(15, 23, 42, .14);--shadow-xl: 0 22px 46px rgba(15, 23, 42, .18);--border-radius-sm: 10px;--border-radius: 14px;--border-radius-lg: 18px;--border-radius-xl: 24px}:root.apple-theme body{background:radial-gradient(circle at 0% 0%,rgba(10,132,255,.08),transparent 32%),radial-gradient(circle at 100% 100%,rgba(90,200,250,.07),transparent 26%),var(--bg-secondary)}:root.dark-theme{--primary-color: #5b8cff;--primary-hover: #7ba3ff;--primary-light: #1f2c4f;--primary-dark: #9bb9ff;--success-color: #41c87a;--success-hover: #5dd98f;--success-light: #1b3828;--warning-color: #f5b449;--warning-hover: #ffd081;--warning-light: #3a2d16;--error-color: #ff7875;--error-hover: #ff9b99;--error-light: #3e2326;--info-color: #5da8ff;--info-hover: #7ec0ff;--info-light: #1b2f4b;--text-primary: #e8edf7;--text-secondary: #b8c2d8;--text-tertiary: #94a1bd;--text-light: #7a88a6;--bg-primary: #141a27;--bg-secondary: #0f1522;--bg-tertiary: #1b2335;--bg-quaternary: #24304a;--border-color: #2a3550;--border-light: #33405d;--border-dark: #3d4c6d;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 30px rgba(0, 0, 0, .55);--shadow-xl: 0 20px 44px rgba(0, 0, 0, .65)}body{font-size:14px;line-height:1.5;letter-spacing:.1px;background:radial-gradient(circle at 0% 0%,rgba(91,140,255,.09),transparent 30%),radial-gradient(circle at 100% 100%,rgba(65,200,122,.06),transparent 24%),var(--bg-secondary)}h1,h2,h3,h4,h5,h6{letter-spacing:0}.card,form,.table-container,.pagination,table{border-color:var(--border-color)}.content-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.content{padding:20px!important;min-height:calc(100dvh - var(--layout-header-height))!important;max-height:calc(100dvh - var(--layout-header-height))!important;overflow-y:auto!important}.app-wrapper{min-height:100dvh!important}.app-wrapper .main-container{min-height:calc(100dvh - var(--layout-header-height))!important;max-height:calc(100dvh - var(--layout-header-height))!important;overflow:hidden!important}.content,.sidebar,.menu-list,.table-box,.pagination,.user-menu,.modal-content{scrollbar-width:thin;scrollbar-color:rgba(37,99,235,.42) rgba(148,163,184,.16)}.content::-webkit-scrollbar,.sidebar::-webkit-scrollbar,.menu-list::-webkit-scrollbar,.table-box::-webkit-scrollbar,.pagination::-webkit-scrollbar,.user-menu::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:8px;height:8px}.content::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track,.menu-list::-webkit-scrollbar-track,.table-box::-webkit-scrollbar-track,.pagination::-webkit-scrollbar-track,.user-menu::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#94a3b824;border-radius:999px}.content::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb,.menu-list::-webkit-scrollbar-thumb,.table-box::-webkit-scrollbar-thumb,.pagination::-webkit-scrollbar-thumb,.user-menu::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563ebc7,#7c3aedb8);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.content::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover,.menu-list::-webkit-scrollbar-thumb:hover,.table-box::-webkit-scrollbar-thumb:hover,.pagination::-webkit-scrollbar-thumb:hover,.user-menu::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1d4ed8eb,#6d28d9db);background-clip:padding-box}.dark-theme .content,.dark-theme .sidebar,.dark-theme .menu-list,.dark-theme .table-box,.dark-theme .pagination,.dark-theme .user-menu,.dark-theme .modal-content{scrollbar-color:rgba(96,165,250,.58) rgba(30,41,59,.5)}.hover-lift,.hover-scale,.menu-item,.user-profile,.table-box .data-table tr,.operate-btns button,.filter-bar button,.status-tag,.modal-content,.user-menu{transition-duration:var(--motion-duration-base)!important;transition-timing-function:var(--motion-ease-standard)!important}.hover-lift:hover{transform:translateY(-2px)!important}.hover-scale:hover{transform:scale(1.03)!important}.table-box .data-table tr:hover,.operate-btns button:hover,.filter-bar button:hover,.menu-item:hover,.user-profile:hover{transform:translateY(-1px)!important}@keyframes ui-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.animate-fade-in,.animate-slide-in{animation:ui-fade-in var(--motion-duration-slow) var(--motion-ease-emphasized)!important}.animate-scale-in{animation:ui-scale-in var(--motion-duration-slow) var(--motion-ease-emphasized)!important}.form-input,input[type=text],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=date],select,textarea{min-height:36px;border-radius:12px!important;border:1px solid rgba(188,195,207,.72)!important;background:#ffffffd1!important;color:var(--text-primary)!important;transition:border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),background var(--motion-duration-fast) var(--motion-ease-standard)!important}.form-input:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,select:focus,textarea:focus{outline:none;border-color:#0a84ff9e!important;box-shadow:0 0 0 3px #0a84ff24!important;background:#fffffff0!important}textarea{min-height:84px;padding-top:8px!important}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;line-height:1.2;padding:6px 24px 6px 10px!important;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 14px) calc(50% + 1px),calc(100% - 9px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}select:hover:not(:disabled){border-color:#0a84ff66!important}select:disabled{cursor:not-allowed;opacity:.7}select:has(option[value=""]:checked){color:var(--text-tertiary)!important}select option{color:var(--text-primary);background:var(--bg-primary)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:1px solid rgba(148,163,184,.9);border-radius:5px;background:#fff;position:relative;cursor:pointer;transition:all var(--motion-duration-fast) var(--motion-ease-standard)}input[type=checkbox].global-select-checkbox{width:12px;height:12px;border-radius:4px}input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox].global-select-checkbox:checked:after{left:3px;top:0;width:3px;height:6px;border-width:0 2px 2px 0}.checkbox-label{min-height:34px;border-radius:10px;padding:6px 8px;transition:background var(--motion-duration-fast) var(--motion-ease-standard)}.checkbox-label:hover{background:#0a84ff14}.dark-theme .form-input,.dark-theme input[type=text],.dark-theme input[type=password],.dark-theme input[type=email],.dark-theme input[type=tel],.dark-theme input[type=number],.dark-theme input[type=date],.dark-theme select,.dark-theme textarea{background:#24272edb!important;border-color:#7a89a380!important}button,.btn,.add-btn,.import-btn,.export-btn,.search-btn,.advanced-search-btn,.edit-btn,.delete-btn,.confirm-btn,.cancel-btn,.pagination-btn,.template-btn,.remove-file-btn,.file-input-button,.apply-btn,.reset-btn,.delete-confirm-btn,.import-actions .import-btn,.search-actions button,.operate-btns button,.modal-footer button{border-radius:12px!important;min-height:34px;padding:0 13px!important;font-size:13px!important;font-weight:600!important;letter-spacing:.1px;border:1px solid rgba(188,195,207,.68)!important;background:#fffc!important;color:var(--text-primary)!important;box-shadow:var(--shadow-sm)!important;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);transition:transform var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),filter var(--motion-duration-fast) var(--motion-ease-standard)!important}button:hover,.btn:hover,.add-btn:hover,.import-btn:hover,.export-btn:hover,.search-btn:hover,.advanced-search-btn:hover,.edit-btn:hover,.delete-btn:hover,.confirm-btn:hover,.cancel-btn:hover,.pagination-btn:hover,.template-btn:hover,.remove-file-btn:hover,.file-input-button:hover,.apply-btn:hover,.reset-btn:hover,.delete-confirm-btn:hover,.import-actions .import-btn:hover,.search-actions button:hover,.operate-btns button:hover,.modal-footer button:hover{transform:translateY(-1px) scale(1.01)!important;border-color:#0a84ff66!important;box-shadow:var(--shadow-md)!important}.add-btn,.search-btn,.confirm-btn,.apply-btn,.btn.primary,.btn.confirm,.btn.info{background:linear-gradient(180deg,#32a1ff,var(--primary-color))!important;border-color:var(--primary-color)!important;color:#fff!important}.add-btn:hover,.search-btn:hover,.confirm-btn:hover,.apply-btn:hover,.btn.primary:hover,.btn.confirm:hover,.btn.info:hover{border-color:var(--primary-hover)!important;filter:brightness(1.03)}.advanced-search-btn,.cancel-btn,.reset-btn,.pagination-btn,.template-btn,.btn.secondary,.btn.cancel{background:#ffffffd1!important;color:var(--text-secondary)!important}.export-btn,.btn.export{background:linear-gradient(180deg,#3fd6c8,var(--export-color))!important;border-color:var(--export-color)!important;color:#fff!important}.import-btn,.btn.import{background:linear-gradient(180deg,#a98bff,var(--import-color))!important;border-color:var(--import-color)!important;color:#fff!important}.delete-btn,.delete-confirm-btn,.remove-file-btn,.btn.danger,.btn.warning{background:linear-gradient(180deg,#ff6a61,var(--error-color))!important;border-color:var(--error-color)!important;color:#fff!important}button:disabled,.btn:disabled,.add-btn:disabled,.import-btn:disabled,.export-btn:disabled,.search-btn:disabled,.advanced-search-btn:disabled,.edit-btn:disabled,.delete-btn:disabled,.confirm-btn:disabled,.cancel-btn:disabled,.pagination-btn:disabled,.template-btn:disabled,.remove-file-btn:disabled,.file-input-button:disabled,.apply-btn:disabled,.reset-btn:disabled,.delete-confirm-btn:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;filter:grayscale(.04)}.dark-theme button,.dark-theme .btn,.dark-theme .add-btn,.dark-theme .import-btn,.dark-theme .export-btn,.dark-theme .search-btn,.dark-theme .advanced-search-btn,.dark-theme .edit-btn,.dark-theme .delete-btn,.dark-theme .confirm-btn,.dark-theme .cancel-btn,.dark-theme .pagination-btn,.dark-theme .template-btn,.dark-theme .remove-file-btn,.dark-theme .file-input-button,.dark-theme .apply-btn,.dark-theme .reset-btn,.dark-theme .delete-confirm-btn{border-color:#7a89a38c!important;background:#24272ed6!important;color:#f1f5f9!important}.operate-btns{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.operate-btns .add-btn{background-color:var(--add-color)!important;border-color:var(--add-color)!important;color:#fff!important}.operate-btns .add-btn:hover{background-color:var(--add-hover)!important;border-color:var(--add-hover)!important}.operate-btns .import-btn{background-color:var(--import-color)!important;border-color:var(--import-color)!important;color:#fff!important}.operate-btns .import-btn:hover{background-color:var(--import-hover)!important;border-color:var(--import-hover)!important}.operate-btns .export-btn{background-color:var(--export-color)!important;border-color:var(--export-color)!important;color:#fff!important}.operate-btns .export-btn:hover{background-color:var(--export-hover)!important;border-color:var(--export-hover)!important}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.table-box{overflow:hidden}.filter-bar{padding:14px 16px!important;border:1px solid var(--border-color)!important;border-radius:12px!important;background:var(--bg-primary)!important;box-shadow:var(--shadow-sm)!important}.filter-bar .search-input,.filter-bar .form-input,.filter-bar select,.filter-bar input{min-height:34px;border-radius:10px!important}.filter-bar .search-btn,.filter-bar .advanced-search-btn,.filter-bar .reset-btn,.filter-bar .apply-btn{min-height:38px;padding:0 14px!important;border-radius:10px!important;font-weight:600!important}.filter-bar .search-btn,.filter-bar .apply-btn{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important}.filter-bar .search-btn:hover,.filter-bar .apply-btn:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.filter-bar .advanced-search-btn,.filter-bar .reset-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important}.filter-bar .advanced-search-btn:hover,.filter-bar .reset-btn:hover{border-color:var(--primary-color)!important;color:var(--primary-color)!important}.modal-content{border-radius:14px!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important}.modal-header{min-height:58px;padding:16px 20px!important;border-bottom:1px solid var(--border-color)!important}.modal-header h4{font-size:16px!important;font-weight:700!important;color:var(--text-primary)!important}.modal-body{padding:20px!important}.modal-footer{min-height:64px;padding:12px 20px!important;border-top:1px solid var(--border-color)!important}.modal-footer .confirm-btn,.modal-footer .cancel-btn,.modal-footer .delete-confirm-btn{min-height:36px;border-radius:10px!important;font-weight:600!important}.pagination{border:1px solid var(--border-color)!important;border-radius:12px!important;box-shadow:var(--shadow-sm)!important}.table-box .data-table th,.table-box .data-table td{height:46px;padding:10px 14px!important;vertical-align:middle}.table-box .data-table th{font-size:13px!important;font-weight:700!important;color:var(--text-secondary)!important;background:var(--bg-tertiary)!important}.table-box .data-table td{font-size:14px!important;color:var(--text-primary)!important}.status-tag{min-height:26px;padding:2px 10px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.2px;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid transparent}.status-tag.在职,.status-tag.已完成,.status-tag.success{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.status-tag.进行中,.status-tag.待处理,.status-tag.info{color:#1d4ed8!important;background:#dbeafe!important;border-color:#93c5fd!important}.status-tag.休假,.status-tag.待确认,.status-tag.warning{color:#c2410c!important;background:#ffedd5!important;border-color:#fdba74!important}.status-tag.离职,.status-tag.已逾期,.status-tag.error{color:#b91c1c!important;background:#fee2e2!important;border-color:#fca5a5!important}.empty-tip,.loading-tip{min-height:160px!important;margin-top:16px!important;padding:24px 16px!important;border-radius:12px!important;border:1px dashed var(--border-color)!important;background:linear-gradient(180deg,#2563eb08,#2563eb03)!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:center;text-align:center}.loading-tip{color:var(--primary-color)!important;border-style:solid!important}.table-box .data-table td .edit-btn,.table-box .data-table td .delete-btn,.table-box .data-table td .detail-btn,.table-box .data-table td .view-btn,.table-box .data-table td .action-btn{min-height:32px;padding:0 12px!important;border-radius:8px!important;font-size:12px!important;font-weight:700!important;line-height:1;display:inline-flex!important;align-items:center;justify-content:center;gap:4px;border:1px solid transparent!important;transition:var(--transition-fast)!important}.table-box .data-table td .edit-btn,.table-box .data-table td .detail-btn,.table-box .data-table td .view-btn{color:#1d4ed8!important;background:#dbeafe!important;border-color:#93c5fd!important}.table-box .data-table td .edit-btn:hover,.table-box .data-table td .detail-btn:hover,.table-box .data-table td .view-btn:hover{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}.table-box .data-table td .delete-btn{color:#b91c1c!important;background:#fee2e2!important;border-color:#fca5a5!important}.table-box .data-table td .delete-btn:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;transform:translateY(-1px);box-shadow:0 6px 14px #ef444440}.table-box .data-table td .edit-btn:disabled,.table-box .data-table td .delete-btn:disabled,.table-box .data-table td .detail-btn:disabled,.table-box .data-table td .view-btn:disabled,.table-box .data-table td .action-btn:disabled{opacity:.55!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.table-box .data-table td .edit-btn+.delete-btn,.table-box .data-table td .edit-btn+.detail-btn,.table-box .data-table td .view-btn+.delete-btn,.table-box .data-table td .action-btn+.action-btn{margin-left:8px!important}@media(max-width:992px){.content-header{padding:16px!important}.module-title{font-size:20px!important}}@media(max-width:768px){.content{padding:14px!important;min-height:calc(100dvh - var(--layout-header-height))!important;max-height:calc(100dvh - var(--layout-header-height))!important}.content-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.operate-btns{width:100%}.filter-bar{padding:12px!important}.table-box{overflow-x:auto}}@media(max-width:480px){.content{padding:10px!important;min-height:calc(100dvh - var(--layout-header-height))!important;max-height:calc(100dvh - var(--layout-header-height))!important}.module-title{font-size:18px!important}.module-subtitle{font-size:12px!important}}