:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-400: #818CF8;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--primary-800: #3730A3;--primary-900: #312E81;--accent-50: #F0FDFA;--accent-100: #CCFBF1;--accent-200: #99F6E4;--accent-300: #5EEAD4;--accent-400: #2DD4BF;--accent-500: #14B8A6;--accent-600: #0D9488;--accent-700: #0F766E;--accent-800: #115E59;--accent-900: #134E4A;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-400: #94A3B8;--gray-500: #64748B;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #EF4444;--danger-light: #FEE2E2;--info: #3B82F6;--info-light: #DBEAFE;--bg-primary: #FFFFFF;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--bg-page: linear-gradient(135deg, #F8FAFC 0%, #EEF2FF 100%);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--border-color: var(--gray-200);--border-hover: var(--primary-300);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .07);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--gradient-primary: linear-gradient(135deg, var(--primary-600) 0%, var(--primary-500) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-600) 0%, var(--accent-500) 100%);--gradient-mixed: linear-gradient(135deg, var(--primary-600) 0%, var(--accent-500) 100%);--gradient-warm: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);--gradient-cool: linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%);--gradient-fresh: linear-gradient(135deg, #10B981 0%, #14B8A6 100%);--sidebar-width: 268px;--topbar-height: 68px;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-base: all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #111827;--bg-secondary: #1F2937;--bg-tertiary: #374151;--bg-page: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-tertiary: var(--gray-400);--border-color: rgba(148, 163, 184, .15);--border-hover: var(--primary-400);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7), 0 10px 10px -5px rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-400) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-400) 100%);--gradient-mixed: linear-gradient(135deg, var(--primary-500) 0%, var(--accent-400) 100%);--success-light: rgba(16, 185, 129, .15);--warning-light: rgba(245, 158, 11, .15);--danger-light: rgba(239, 68, 68, .15);--info-light: rgba(59, 130, 246, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg-primary)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.3;color:var(--text-primary)}a{text-decoration:none;color:inherit}code{font-family:Consolas,monospace;font-size:.82em;background:var(--bg-tertiary);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--primary-600);border:1px solid var(--border-color)}[data-theme=dark] code{color:var(--primary-300)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}.main-wrapper{display:flex;min-height:100vh}.content-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base)}.theme-toggle{position:relative;width:52px;height:28px;background:var(--gray-200);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-base);border:2px solid var(--border-color);flex-shrink:0}[data-theme=dark] .theme-toggle{background:var(--primary-600);border-color:var(--primary-500)}.theme-toggle:before{content:"☀️";position:absolute;top:50%;left:2px;transform:translateY(-50%);width:20px;height:20px;background:#fff;border-radius:50%;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:var(--shadow-md)}[data-theme=dark] .theme-toggle:before{content:"🌙";left:calc(100% - 22px)}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:var(--bg-primary);border-right:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:1000;transition:var(--transition-base)}.sidebar-header{padding:1.15rem 1.25rem;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700}.logo i{font-size:1.75rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:.5rem;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}[data-theme=dark] .sidebar-nav::-webkit-scrollbar-thumb{background:var(--gray-600)}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.7rem .875rem;margin-bottom:.15rem;color:var(--text-secondary);border-radius:var(--radius-lg);transition:var(--transition-base);font-weight:500;font-size:.875rem;position:relative;overflow:hidden}.sidebar-nav a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:var(--transition-base)}.sidebar-nav a:hover{background:var(--bg-tertiary);color:var(--primary-600);transform:translate(2px)}.sidebar-nav a.active{background:var(--primary-50);color:var(--primary-700);font-weight:600}[data-theme=dark] .sidebar-nav a.active{background:#6366f11f;color:var(--primary-300)}.sidebar-nav a.active:before{height:22px}.sidebar-nav a i{font-size:1.05rem;width:1.35rem;text-align:center;flex-shrink:0}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border-color)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.7rem 1rem;background:var(--gradient-accent);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);font-size:.875rem}.logout-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:brightness(1.05)}.logout-btn:active{transform:translateY(0)}.top-bar{height:var(--topbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs);position:sticky;top:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:1.5rem}.page-title{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.top-bar-right{display:flex;align-items:center;gap:1rem}.fullscreen-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-size:.9rem}.fullscreen-btn:hover{background:var(--bg-tertiary);color:var(--primary-500);border-color:var(--primary-400);box-shadow:var(--shadow-sm)}.user-info{display:flex;align-items:center;gap:.5rem;padding:.3rem .875rem .3rem .3rem;background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-color);transition:var(--transition-base)}.user-info:hover{background:var(--bg-tertiary);box-shadow:var(--shadow-sm)}.user-role{padding:.25rem .6rem;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.user-name{font-weight:600;color:var(--text-primary);font-size:.85rem}.user-info i{font-size:1.4rem;color:var(--primary-500)}[data-theme=dark] .user-info i{color:var(--primary-400)}.main-content{padding:1.5rem;min-height:calc(100vh - var(--topbar-height));animation:fadeIn .3s ease-out}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-200)}[data-theme=dark] .card:hover{border-color:#6366f133}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.card-title i{color:var(--primary-500);font-size:.95rem}[data-theme=dark] .card-title i{color:var(--primary-400)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.15rem;border-radius:var(--radius-lg);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-base);border:none;text-decoration:none;white-space:nowrap;position:relative}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #4f46e540}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4f46e559;filter:brightness(1.05)}.btn-success{background:var(--gradient-fresh);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98159}.btn-danger{background:linear-gradient(135deg,var(--danger),#DC2626);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ef444459}.btn-warning{background:linear-gradient(135deg,var(--warning),#D97706);color:#fff;box-shadow:0 2px 8px #f59e0b40}.btn-warning:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b59}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--primary-300);transform:translateY(-1px)}.btn-outline-primary{background:transparent;color:var(--primary-600);border:2px solid var(--primary-300)}.btn-outline-primary:hover{background:var(--primary-50);border-color:var(--primary-500)}[data-theme=dark] .btn-outline-primary{color:var(--primary-300);border-color:var(--primary-700)}[data-theme=dark] .btn-outline-primary:hover{background:#6366f11a}.btn-sm{padding:.35rem .75rem;font-size:.78rem;border-radius:var(--radius-md)}.btn-lg{padding:.8rem 1.75rem;font-size:.95rem}.btn:active{transform:translateY(0)!important}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:1.15rem}.form-label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.85rem;color:var(--text-primary)}.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=search],select,textarea{width:100%;padding:.6rem .85rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:.85rem;font-family:inherit;transition:var(--transition-base);background:var(--bg-primary);color:var(--text-primary)}.form-control:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11f}[data-theme=dark] .form-control:focus,[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 3px #6366f133}.form-control::-moz-placeholder,input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg)}table,.table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--radius-lg)}table thead,.table thead{background:var(--gradient-primary);color:#fff}table thead th,.table thead th{padding:.7rem .875rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}table thead th:first-child{border-top-left-radius:var(--radius-lg)}table thead th:last-child{border-top-right-radius:var(--radius-lg)}table tbody tr,.table tbody tr{border-bottom:1px solid var(--border-color);transition:var(--transition-fast)}table tbody tr:hover,.table tbody tr:hover{background:var(--bg-secondary)}table tbody tr:last-child{border-bottom:none}table tbody td,.table tbody td{padding:.65rem .875rem;color:var(--text-primary);font-size:.85rem;vertical-align:middle}.badge{padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:.2rem;white-space:nowrap}.badge-primary{background:var(--primary-100);color:var(--primary-700)}[data-theme=dark] .badge-primary{background:#6366f133;color:var(--primary-300)}.badge-success{background:var(--success-light);color:#065f46}[data-theme=dark] .badge-success{background:#10b98133;color:#6ee7b7}.badge-warning{background:var(--warning-light);color:#92400e}[data-theme=dark] .badge-warning{background:#f59e0b33;color:#fcd34d}.badge-danger{background:var(--danger-light);color:#991b1b}[data-theme=dark] .badge-danger{background:#ef444433;color:#fca5a5}.badge-info{background:var(--info-light);color:#1e40af}[data-theme=dark] .badge-info{background:#3b82f633;color:#93c5fd}.badge-secondary{background:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .badge-secondary{background:var(--gray-700);color:var(--gray-300)}.grid{display:grid;gap:1.15rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.stat-card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:1.15rem;border:1px solid var(--border-color);transition:var(--transition-base);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;background:var(--primary-50);transform:translate(25%,-25%);opacity:.5;transition:var(--transition-base)}[data-theme=dark] .stat-card:after{background:#6366f10d}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-200)}[data-theme=dark] .stat-card:hover{border-color:#6366f133}.stat-icon{width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#fff;margin-bottom:.65rem;box-shadow:0 3px 10px #4f46e54d;position:relative;z-index:1}.stat-value{font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-bottom:.1rem;position:relative;z-index:1}.stat-label{color:var(--text-secondary);font-weight:500;font-size:.78rem;position:relative;z-index:1}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.8rem 1.15rem;background:var(--bg-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.65rem;transform:translateY(100px);opacity:0;transition:var(--transition-base);z-index:9999;border-left:4px solid var(--success);min-width:260px;max-width:400px}.toast.show{transform:translateY(0);opacity:1}.toast-success{border-left-color:var(--success)}.toast-success i{color:var(--success);font-size:1.05rem}.toast-error{border-left-color:var(--danger)}.toast-error i{color:var(--danger);font-size:1.05rem}.text-muted{color:var(--text-tertiary)}.text-primary{color:var(--primary-600)}[data-theme=dark] .text-primary{color:var(--primary-400)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.8rem}.text-xs{font-size:.7rem}.text-lg{font-size:1.1rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1280px){.grid-4,.grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}:root{--sidebar-width: 240px}}@media(max-width:768px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.main-content{padding:1rem}.top-bar{padding:0 1rem}.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.content-wrapper{margin-left:0}.stat-value{font-size:1.35rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.w-full{width:100%}.h-full{height:100%}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.empty-state{text-align:center;padding:2.5rem 1.5rem;color:var(--text-tertiary)}.empty-state i{font-size:2.5rem;margin-bottom:.75rem;opacity:.4;display:block}.empty-state p{font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:90%;max-width:600px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease-out}.progress-bar{height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .6s ease;background:var(--gradient-primary)}.progress-bar-fill.success{background:var(--gradient-fresh)}.progress-bar-fill.warning{background:var(--gradient-warm)}.progress-bar-fill.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.pagination{display:flex;gap:.2rem;align-items:center;justify-content:center;margin-top:1.25rem;flex-wrap:wrap}.pagination a,.pagination span{padding:.35rem .65rem;border-radius:var(--radius-md);font-size:.78rem;font-weight:500;border:1px solid var(--border-color);transition:var(--transition-fast);color:var(--text-secondary);background:var(--bg-primary)}.pagination a:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600)}.pagination .active span{background:var(--gradient-primary);color:#fff;border-color:transparent}.pagination .disabled span{opacity:.4;cursor:not-allowed}.report-header{background:var(--gradient-mixed);color:#fff;border-radius:var(--radius-xl);padding:1.25rem 1.5rem;margin-bottom:1.15rem;position:relative;overflow:hidden}.report-header:after{content:"";position:absolute;top:-50%;right:-15%;width:250px;height:250px;background:#ffffff0d;border-radius:50%}.report-header h2{color:#fff;font-size:1.15rem;margin-bottom:.2rem}.report-header p{opacity:.85;font-size:.85rem}.report-card{background:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:1.25rem;transition:var(--transition-base);display:flex;flex-direction:column;gap:.6rem}.report-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}[data-theme=dark] .report-card:hover{border-color:#6366f14d}.report-card .stat-icon{width:2.5rem;height:2.5rem;font-size:1rem}.report-card h3{font-size:.95rem;font-weight:600}.report-card p{font-size:.78rem;color:var(--text-tertiary);line-height:1.4}.filter-bar{display:flex;align-items:center;gap:.65rem;padding:.75rem .875rem;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:1.15rem;flex-wrap:wrap}.filter-bar .form-control,.filter-bar input,.filter-bar select{max-width:190px;padding:.45rem .7rem;font-size:.8rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.summary-row:last-child{border-bottom:none;font-weight:700;font-size:1.05rem;padding-top:.65rem;color:var(--primary-600)}[data-theme=dark] .summary-row:last-child{color:var(--primary-400)}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-page);padding:1rem;position:relative;overflow:hidden}.login-wrapper:before{content:"";position:absolute;width:450px;height:450px;background:radial-gradient(circle,rgba(99,102,241,.08) 0%,transparent 70%);top:-80px;right:-80px;border-radius:50%}.login-wrapper:after{content:"";position:absolute;width:350px;height:350px;background:radial-gradient(circle,rgba(20,184,166,.06) 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%}.login-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);width:100%;max-width:400px;padding:2.25rem;position:relative;z-index:1;animation:slideUp .5s ease-out}.login-logo{text-align:center;margin-bottom:1.75rem}.login-logo i{font-size:2.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:.5rem}.login-logo h1{font-size:1.6rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo p{color:var(--text-tertiary);font-size:.85rem;margin-top:.25rem}.pos-wrapper{display:grid;grid-template-columns:1.4fr 1fr;gap:1.25rem}.pos-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.pos-head{padding:.875rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.medicine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem;padding:.875rem;max-height:calc(100vh - 280px);overflow:auto}.medicine-card{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.75rem;cursor:pointer;transition:var(--transition-base);background:var(--bg-primary);text-align:left;color:var(--text-primary)}.medicine-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-300)}.medicine-name{font-weight:600;margin-bottom:.3rem;font-size:.85rem}.medicine-meta{font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.medicine-price{font-weight:700;color:var(--primary-600);font-size:1rem}[data-theme=dark] .medicine-price{color:var(--primary-400)}.medicine-stock{font-size:.7rem;padding:.15rem .4rem;border-radius:var(--radius-full);display:inline-block;margin-top:.3rem}.medicine-stock.low{background:var(--danger-light);color:#991b1b}.medicine-stock.ok{background:var(--success-light);color:#065f46}[data-theme=dark] .medicine-stock.low{background:#ef444426;color:#fca5a5}[data-theme=dark] .medicine-stock.ok{background:#10b98126;color:#6ee7b7}.cart-body{padding:.875rem;display:flex;flex-direction:column;height:calc(100vh - 280px)}.cart-items{flex:1;overflow:auto;margin:.5rem 0}.cart-item{display:grid;grid-template-columns:1fr auto auto auto;gap:.5rem;align-items:center;border-bottom:1px solid var(--border-color);padding:.5rem 0}.qty-controls{display:flex;align-items:center;gap:.25rem}.qty-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;transition:var(--transition-fast);color:var(--text-primary)}.qty-btn:hover{border-color:var(--primary-400);background:var(--primary-50);color:var(--primary-600)}[data-theme=dark] .qty-btn:hover{background:#6366f126;color:var(--primary-300)}.payment-choice{border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:.45rem .7rem;cursor:pointer;background:var(--bg-primary);transition:var(--transition-base);font-weight:500;font-size:.8rem;text-align:center;color:var(--text-secondary)}.payment-choice.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700);font-weight:600}[data-theme=dark] .payment-choice.active{background:#6366f126;color:var(--primary-300)}.pos-tab{border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base)}.pos-tab.active{border-color:var(--primary-500);background:var(--primary-50);color:var(--primary-700);font-weight:600}[data-theme=dark] .pos-tab.active{background:#6366f126;color:var(--primary-300)}.cart-summary{padding:.75rem 0;border-top:1px solid var(--border-color)}.cart-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0}.cart-summary-row.total{font-size:1.15rem;font-weight:700;padding-top:.5rem;border-top:2px solid var(--border-color);margin-top:.35rem}.cart-summary-row.total .amount{color:var(--primary-600)}[data-theme=dark] .cart-summary-row.total .amount{color:var(--primary-400)}@media(max-width:1080px){.pos-wrapper{grid-template-columns:1fr}.medicine-grid,.cart-body{max-height:none;height:auto}}.receipt-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.receipt-card{background:#fff;color:#111;width:360px;max-height:85vh;overflow-y:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);padding:1.75rem 1.25rem}@media print{.sidebar,.top-bar,.btn,.filter-bar,.theme-toggle{display:none!important}.content-wrapper{margin-left:0!important}.main-content{padding:0!important}.card{box-shadow:none!important;border:1px solid #ddd!important}body{background:#fff!important}}