:root{--bg: #07080e;--bg-secondary: #0c0e17;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .15);--secondary: #a855f7;--secondary-glow: rgba(168, 85, 247, .15);--accent: #3b82f6;--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .15);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .15);--glass: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .05);--glass-border-focus: rgba(99, 102, 241, .4);--text: #f8fafc;--text-secondary: #8a94a6;--text-dimmed: #626d7f;--font-primary: "Plus Jakarta Sans", "Outfit", sans-serif;--font-secondary: "Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-primary)}body{background-color:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.03) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.03) 0%,transparent 40%);background-attachment:fixed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dimmed)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:50px 40px;max-width:440px;width:100%;text-align:center;box-shadow:0 30px 60px #0006;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brand-logo{font-family:var(--font-secondary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.brand-logo span{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:40px;line-height:1.5}.qr-box{background:#fff;padding:20px;border-radius:20px;display:inline-block;margin-bottom:30px;box-shadow:0 10px 30px #0003}.auth-loading-text{font-size:15px;color:var(--text);margin-bottom:25px;display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:18px;height:18px;border:2px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.deep-link-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border:none;border-radius:14px;padding:16px 28px;font-size:15px;font-weight:700;cursor:pointer;width:100%;text-decoration:none;box-shadow:0 8px 24px var(--primary-glow);transition:all .3s ease}.deep-link-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--primary-glow)}.app-layout{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:30px 20px;position:fixed;height:100vh;z-index:100}.sidebar-logo{font-family:var(--font-secondary);font-size:24px;font-weight:800;margin-bottom:45px;padding-left:10px}.sidebar-logo span{color:var(--primary)}.menu-list{display:flex;flex-direction:column;gap:8px;flex:1}.menu-item{display:flex;align-items:center;gap:14px;padding:14px 16px;color:var(--text-secondary);text-decoration:none;font-size:15px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease}.menu-item:hover,.menu-item.active{color:var(--text);background:var(--glass)}.menu-item.active{background:linear-gradient(135deg,var(--primary-glow) 0%,transparent 100%);border-left:3px solid var(--primary)}.sidebar-footer{border-top:1px solid var(--glass-border);padding-top:20px;margin-top:auto}.user-profile-badge{display:flex;align-items:center;gap:12px;padding:10px}.avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);display:flex;align-items:center;justify-content:center;font-weight:700}.user-name-title{font-size:14px;font-weight:700;color:var(--text)}.user-sub-title{font-size:11px;color:var(--text-secondary)}.logout-btn{width:100%;background:transparent;border:1px solid var(--glass-border);color:var(--danger);padding:12px;border-radius:10px;margin-top:15px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.logout-btn:hover{background:var(--danger-glow);border-color:var(--danger)}.content-area{flex:1;margin-left:280px;padding:40px 50px;max-width:1200px}.page-header{margin-bottom:40px}.page-title{font-size:28px;font-weight:800;margin-bottom:6px}.page-subtitle{color:var(--text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:28px;box-shadow:0 10px 30px #00000026;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);border-color:var(--glass-border-focus)}.stat-info h4{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:700}.stat-value{font-size:32px;font-weight:800;font-family:var(--font-secondary)}.stat-icon{width:54px;height:54px;border-radius:16px;background:#ffffff05;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center}.stat-card.blue .stat-icon{color:var(--accent);background:#3b82f61a}.stat-card.purple .stat-icon{color:var(--secondary);background:#a855f71a}.stat-card.emerald .stat-icon{color:var(--success);background:#10b9811a}.stat-card.orange .stat-icon{color:var(--warning);background:#f59e0b1a}.glass-table-container{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #00000026}.table-header-toolbar{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);background:#0000001a;flex-wrap:wrap;gap:15px}.search-input-wrapper{position:relative;max-width:320px;width:100%}.search-input{width:100%;background:#ffffff05;border:1px solid var(--glass-border);border-radius:10px;padding:12px 16px 12px 42px;color:var(--text);font-size:14px;transition:all .3s ease}.search-input:focus{border-color:var(--primary);outline:none}.search-icon-inside{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.filter-btn-group{display:flex;gap:8px}.filter-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.filter-btn.active,.filter-btn:hover{background:var(--glass);color:var(--text);border-color:var(--glass-border-focus)}.glass-table{width:100%;border-collapse:collapse;text-align:left}.glass-table th,.glass-table td{padding:18px 28px;font-size:14px}.glass-table th{background:#00000026;color:var(--text-secondary);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid var(--glass-border)}.glass-table tr{border-bottom:1px solid var(--glass-border);transition:background .2s ease}.glass-table tr:hover{background:#ffffff03}.glass-table tr:last-child{border-bottom:none}.badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.badge.success{background:var(--success-glow);color:var(--success)}.badge.danger{background:var(--danger-glow);color:var(--danger)}.badge.warning{background:var(--warning-glow);color:var(--warning)}.badge.neutral{background:var(--glass-border);color:var(--text-secondary)}.action-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:var(--glass-border);border-color:var(--glass-border-focus)}.submit-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.submit-btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow)}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;justify-content:flex-end}.drawer-content{width:460px;background:var(--bg-secondary);border-left:1px solid var(--glass-border);padding:40px;display:flex;flex-direction:column;animation:slideLeft .4s cubic-bezier(.16,1,.3,1)}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.drawer-form{display:flex;flex-direction:column;gap:20px;flex:1}.form-group label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.form-select{width:100%;background:#ffffff05;border:1px solid var(--glass-border);border-radius:10px;padding:14px;color:var(--text);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:focus{border-color:var(--primary);outline:none}.drawer-buttons{display:flex;gap:12px;margin-top:auto}.cancel-btn{flex:1;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:14px;border-radius:10px;font-weight:600;cursor:pointer}.cancel-btn:hover{background:#ffffff05;color:var(--text)}.form-input,input[type=text],input[type=number],input[type=password]{width:100%;background:#ffffff05!important;border:1px solid var(--glass-border)!important;border-radius:10px!important;padding:14px!important;color:var(--text)!important;font-size:14px!important;transition:all .3s ease!important}.form-input:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus{border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 10px var(--primary-glow)!important}.form-select,select{width:100%;background:#ffffff05!important;border:1px solid var(--glass-border)!important;border-radius:10px!important;padding:14px!important;color:var(--text)!important;font-size:14px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a94a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:16px!important}.form-select option,select option{background-color:var(--bg-secondary)!important;color:var(--text)!important;padding:10px!important}