@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2c3e50;--primary-hover: #34495e;--primary-light: #ecf0f1;--primary-dark: #1a252f;--success-color: #27ae60;--success-hover: #2ecc71;--success-light: #e8f5e8;--warning-color: #f39c12;--warning-hover: #f1c40f;--warning-light: #fff3cd;--error-color: #e74c3c;--error-hover: #c0392b;--error-light: #f8d7da;--info-color: #3498db;--info-hover: #2980b9;--info-light: #d1ecf1;--add-color: #27ae60;--add-hover: #2ecc71;--add-light: #e8f5e8;--export-color: #3498db;--export-hover: #2980b9;--export-light: #d1ecf1;--import-color: #f39c12;--import-hover: #f1c40f;--import-light: #fff3cd;--action-color: #9b59b6;--action-hover: #8e44ad;--action-light: #f3e5f5;--text-primary: #2c3e50;--text-secondary: #7f8c8d;--text-tertiary: #95a5a6;--text-light: #bdc3c7;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-quaternary: #dee2e6;--border-color: #dee2e6;--border-light: #f1f3f5;--border-dark: #ced4da;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .15);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .2);--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}:root.dark-theme{--primary-color: #3498db;--primary-hover: #2980b9;--primary-light: #2c3e50;--primary-dark: #1a252f;--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: #27ae60;--add-hover: #2ecc71;--add-light: #1e3a29;--export-color: #3498db;--export-hover: #2980b9;--export-light: #1e2f3c;--import-color: #f39c12;--import-hover: #f1c40f;--import-light: #3a2a10;--action-color: #9b59b6;--action-hover: #8e44ad;--action-light: #3a2a3c;--text-primary: #ecf0f1;--text-secondary: #bdc3c7;--text-tertiary: #95a5a6;--text-light: #7f8c8d;--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333333;--bg-quaternary: #444444;--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:Inter,-apple-system,BlinkMacSystemFont,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=time],input[type=datetime-local]{cursor:pointer}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}}