:root{--color-bg: #111111;--color-surface: #1C1C1C;--color-surface-hover: #262626;--color-border: #333333;--color-primary: #F59E0B;--color-primary-hover: #D97706;--color-secondary: #FEF3C7;--color-text-main: #FFFFFF;--color-text-muted: #9CA3AF;--color-success: #10B981;--color-danger: #EF4444;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);min-height:100vh;margin:0;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{text-decoration:none;color:inherit}input,button,select,textarea{font-family:inherit}.glass-panel{background:#1c1c1c99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s ease}.card:hover{border-color:#f59e0b80;box-shadow:0 4px 20px #f59e0b1a}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.w-full{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#111;font-weight:600}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover)}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-size:.9rem}.form-control{width:100%;padding:.75rem 1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-main);transition:all .2s ease}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #f59e0b33}.table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:1.5rem}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background:var(--color-surface);padding:1rem;font-weight:600;color:var(--color-text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.table td{padding:1rem;border-bottom:1px solid var(--color-border)}.table tr:last-child td{border-bottom:none}.table tr:hover{background:#ffffff05}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--color-surface);border-right:1px solid var(--color-border);padding:1.5rem;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text-muted);border-radius:var(--radius-sm);margin-bottom:.5rem;transition:all .2s ease}.nav-item:hover{background:var(--color-bg);color:var(--color-text-main)}.nav-item.active{background:#f59e0b1a;color:var(--color-primary)}.mobile-topbar{display:none;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-surface);border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.menu-toggle,.mobile-close-btn{background:none;border:none;color:var(--color-text-main);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-close-btn{display:none}@media (max-width: 768px){.app-layout{flex-direction:column}.mobile-topbar,.mobile-close-btn{display:flex}.sidebar{position:fixed;top:0;left:-100%;width:280px;height:100vh;z-index:1000;transition:left .3s ease;box-shadow:2px 0 10px #00000080;background:var(--color-surface);border-right:none}.sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:999}.main-content{padding:0 1rem 2rem}.page-header{display:none}}