:root{--primary: #f75e05;--bg: #0a0a0c;--card-bg: #161618;--glass: #1a1a1c;--border: #26262a;--text: #ffffff;--text-muted: #808080;--success: #10b981;--error: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}@media (min-width: 1025px){.show-on-mobile{display:none!important}.hide-on-mobile{display:flex!important}}@media (max-width: 1024px){.show-on-mobile{display:flex!important}.hide-on-mobile,.sidebar{display:none!important}.mobile-tab-bar{display:flex!important}.main-content{padding-bottom:100px!important}}h1,h2,h3{font-weight:700;letter-spacing:-.01em}.glass-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .2s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #000}.btn{background:var(--primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:filter .2s ease}.btn:hover{filter:brightness(1.1)}.input{background:var(--glass);border:1px solid var(--border);color:#fff;padding:.8rem 1rem;border-radius:12px;outline:none;font-family:inherit;font-size:1rem}.grid{display:grid;gap:2rem}.flex{display:flex;align-items:center;gap:1rem}.flex-1{flex:1}.justify-between{justify-content:space-between}.items-center{align-items:center}.justify-center{justify-content:center}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-8{gap:2rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-8{gap:2rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.mb-8{margin-bottom:2rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mt-8{margin-top:2rem}.p-8{padding:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-3{padding:.75rem}.p-2{padding:.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-2>*+*{margin-top:.5rem}.text-primary{color:var(--primary)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.shrink-0{flex-shrink:0}.w-full{width:100%}.h-full{height:100%}.font-black{font-weight:900}.tracking-tight{letter-spacing:-.025em}.uppercase{text-transform:uppercase}.app-container{display:flex;min-height:100vh;background:var(--bg);transition:all .3s ease}.sidebar{background:rgba(255,255,255,.02);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width .3s ease;position:relative;z-index:50;width:90px;padding:2rem 1rem}.sidebar.open{width:300px;padding:2rem 1.5rem}.sidebar-header{display:flex;align-items:center;gap:1rem}.sidebar-logo-container{display:flex;align-items:center;justify-content:center}.sidebar-logo-container img{max-height:40px;width:auto;display:block}.sidebar-brand{display:flex;flex-direction:column}.nav-items-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:4px}.nav-item-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:12px;color:var(--text-muted);cursor:pointer;transition:all .2s;width:100%}.nav-item-btn:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item-btn.active{background:var(--primary);color:#fff}.nav-icon-container{display:flex;align-items:center;justify-content:center;min-width:24px}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:2rem;transition:padding .3s ease}.sidebar-profile{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:1rem}.profile-info-container{display:flex;align-items:center;gap:.8rem}.profile-avatar{width:40px;height:40px;border-radius:12px;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#000;font-weight:800;font-size:1.1rem}.profile-text{display:flex;flex-direction:column;overflow:hidden}.profile-name{font-weight:600;color:#fff;font-size:.9rem;white-space:nowrap;text-overflow:ellipsis}.profile-role{font-size:.75rem;color:var(--text-muted);text-transform:capitalize}.logout-btn{background:rgba(255,255,255,.05);color:var(--text-muted);border:none;padding:.8rem;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-size:.85rem}.app-header{display:flex;justify-content:flex-end;margin-bottom:2rem;gap:.8rem;flex-wrap:wrap}.header-selector{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;border-radius:12px;background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);transition:all .2s ease}.header-select{border:none;background:transparent;color:#fff;cursor:pointer;font-size:.85rem;outline:none;font-family:inherit;font-weight:600}.premium-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.premium-table td{padding:1.25rem;background:rgba(255,255,255,.02);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.premium-table td:first-child{border-left:1px solid var(--border);border-top-left-radius:1rem;border-bottom-left-radius:1rem}.premium-table td:last-child{border-right:1px solid var(--border);border-top-right-radius:1rem;border-bottom-right-radius:1rem}