@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #080c14;--bg-card: #101622;--bg-card-hover: #192233;--bg-sidebar: #0a0f1b;--bg-topbar: #0a0f1b;--border-color: rgba(255, 255, 255, .08);--border-focus: #D49B00;--text-main: #f3f4f6;--text-muted: #9ca3af;--text-dim: #6b7280;--primary: #D49B00;--primary-hover: #b88600;--primary-active: #9c7100;--primary-light: rgba(212, 155, 0, .15);--accent-gold: #f2b705;--accent-gold-light: rgba(242, 183, 5, .15);--gradient-primary: linear-gradient(135deg, #FFE072 0%, #D49B00 60%, #9E6E00 100%);--gradient-gold-dark: linear-gradient(135deg, rgba(212, 155, 0, .25) 0%, rgba(242, 183, 5, .05) 100%);--success: #10b981;--success-light: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-light: rgba(245, 158, 11, .15);--danger: #ef4444;--danger-light: rgba(239, 68, 68, .15);--info: #3b82f6;--info-light: rgba(59, 130, 246, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(212, 155, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.app-container{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .3s ease;z-index:100}.sidebar-header{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.sidebar-logo-icon{width:38px;height:38px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:var(--shadow-glow)}.sidebar-title{font-size:1.1rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:20px 16px;display:flex;flex-direction:column;gap:6px}.nav-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);padding:12px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);color:var(--text-muted);font-size:.92rem;font-weight:500;transition:all .2s ease}.nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.nav-item.active{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:var(--shadow-glow)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:64px;background-color:var(--bg-topbar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar-left{display:flex;align-items:center;gap:16px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:16px}.user-badge{display:flex;align-items:center;gap:12px;padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#fff}.content-area{flex:1;padding:28px;overflow-y:auto}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin-bottom:24px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:1.15rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.92;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-card-hover);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#2d3748}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-sm{padding:5px 10px;font-size:.8rem;border-radius:var(--radius-sm)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-muted);margin-bottom:6px}.form-control{width:100%;padding:10px 14px;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);font-size:.9rem;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-light)}.table-responsive{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th{padding:12px 16px;font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-color)}.table td{padding:14px 16px;font-size:.88rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.table tbody tr:hover{background-color:var(--bg-card-hover)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:24px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#1e1b4b,#090d16 60%);padding:20px}.login-card{width:100%;max-width:420px;background:#111827d9;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-menu-btn{display:none;background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:8px;border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-btn:hover{background-color:var(--bg-card-hover);border-color:var(--border-focus)}.sidebar-close-btn{display:none;background:transparent;border:none;color:var(--text-muted);padding:6px;border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center;transition:color .2s ease,background-color .2s ease}.sidebar-close-btn:hover{color:var(--text-main);background-color:var(--bg-card-hover)}.sidebar-backdrop{display:none}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:800;color:#fff}.page-subtitle{font-size:.88rem;color:var(--text-muted);margin-top:4px}@media (max-width: 1024px){.mobile-menu-btn,.sidebar-close-btn{display:inline-flex}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;bottom:0;left:0;width:280px;max-width:85vw;height:100vh;z-index:1050;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #000000d9;overflow-y:auto}.sidebar.open{transform:translate(0)}.topbar{padding:0 16px}.content-area{padding:20px 16px}}@media (max-width: 768px){.topbar{height:56px;padding:0 12px}.breadcrumb-prefix,.breadcrumb-separator{display:none}.breadcrumb{font-size:.85rem}.user-badge{padding:4px 8px;gap:6px}.user-info-text{display:none}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.page-title{font-size:1.3rem}.content-area{padding:14px 10px}.card{padding:16px 12px;margin-bottom:16px;border-radius:var(--radius-md)}.card-header{flex-direction:column;align-items:stretch;gap:12px}.modal-overlay{padding:8px}.modal-content{padding:18px 14px;border-radius:var(--radius-md);max-height:94vh}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer button{width:100%}.login-card{padding:28px 18px;margin:12px}.table-container{padding:12px!important}.table th,.table td{padding:10px 8px;font-size:.8rem}.modal-content div[style*=gridTemplateColumns],.modal-content form [style*=gridTemplateColumns],div[style*="gridTemplateColumns: '320px 1fr'"],div[style*="gridTemplateColumns: '360px 1fr'"],div[style*="gridTemplateColumns: '340px 1fr'"],div[style*="gridTemplateColumns: 320px 1fr"],div[style*="gridTemplateColumns: 360px 1fr"],div[style*="gridTemplateColumns: 340px 1fr"]{grid-template-columns:1fr!important}}@media (max-width: 480px){.btn{padding:8px 12px;font-size:.82rem}.form-control{padding:8px 10px;font-size:.85rem}.content-area{padding:10px 6px}.stat-card{padding:14px 12px}.stat-value{font-size:1.3rem!important}}