:root{color-scheme:dark light;--bg: #0b1220;--panel: #111827;--border: #1f2937;--text: #e5e7eb;--muted: #94a3b8;--primary: #3b82f6;--primary2: #14b8a6;--accent: #a78bfa;--auth-w: 340px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;margin:12px 0;box-shadow:0 10px 40px #0005}.row{display:flex;gap:12px;align-items:center;justify-content:space-between}label{display:grid;gap:8px;font-size:12px;color:var(--muted)}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#0e1528;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:10px;border:1px solid var(--border);background:#0e1528;color:inherit;cursor:pointer}.btn.block{width:100%}.btn.primary{background:linear-gradient(90deg,var(--primary),var(--primary2));color:#fff;border:0}.btn:hover{border-color:var(--primary2)}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(520px,92vw);text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0006;padding:24px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-card{width:min(480px,90vw);text-align:center;padding:32px;border-radius:12px;background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 24px #0006}.auth-form{display:grid;gap:12px;margin:16px 0;justify-items:center}.auth-form input,.auth-card .btn.block{width:min(var(--auth-w),90vw);justify-content:center}.auth-form input{text-align:center}.auth-form input::placeholder{text-align:center;color:var(--muted)}.notice{margin-top:10px;font-size:.95rem}.notice.ok{color:#10b981}.notice.bad{color:#ef4444}.brand{display:inline-block;margin-bottom:12px;font-weight:800;letter-spacing:.3px;font-size:28px;line-height:1.1}.brand .api,.brand .conduit{background:linear-gradient(90deg,#4c8dff,#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}.brand .conduit{margin-left:4px;opacity:.95}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{min-width:300px;max-width:400px;padding:16px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;align-items:flex-start;animation:slideIn .3s ease-out;border-left:4px solid #ccc;color:#1f2937}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-content{display:flex;flex-direction:column;gap:8px}.toast-close{background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:#6b7280;padding:0 0 0 12px}.toast-close:hover{color:#111827}.toast-auto-dismiss{display:flex;align-items:center;gap:6px;font-size:.85em;color:#6b7280;cursor:pointer}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;width:min(600px,90vw);max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--sidebar-width: 260px;--sidebar-bg: #111827;--sidebar-text: #e5e7eb;--sidebar-hover: #1f2937;--sidebar-active: #374151;--accent-color: #3b82f6}.sidebar{width:var(--sidebar-width);height:100vh;background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:fixed;left:0;top:0;border-right:1px solid #374151;z-index:1000;font-family:Inter,sans-serif}.sidebar-header{padding:20px;border-bottom:1px solid #374151}.logo-area{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:#fff}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-group{margin-bottom:15px}.nav-item{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:background-color .2s;position:relative}.nav-item:hover:not(.disabled){background-color:var(--sidebar-hover)}.nav-item.active{background-color:var(--sidebar-active);border-left:3px solid var(--accent-color)}.nav-item.disabled{opacity:.5;cursor:not-allowed}.nav-icon{margin-right:12px;font-size:1.2rem}.nav-text{font-size:.95rem;font-weight:500;flex:1}.arrow-icon{font-size:.8rem;transition:transform .2s}.nav-item.expanded .arrow-icon{transform:rotate(180deg)}.submenu{background-color:#0f1522;padding:5px 0}.submenu-item{padding:8px 20px 8px 54px;font-size:.9rem;color:#9ca3af;cursor:pointer;transition:color .2s}.submenu-item:hover{color:#fff}.submenu-item.active{color:var(--accent-color);font-weight:500}.badge{font-size:.7rem;padding:2px 6px;border-radius:4px;margin-left:auto}.badge.coming-soon{background-color:#374151;color:#9ca3af;border:1px solid #4b5563}.sidebar-footer{padding:15px 20px;border-top:1px solid #374151;background-color:#0f1522}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;background-color:var(--accent-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-details{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600;color:#fff}.user-role{font-size:.75rem;color:#9ca3af}.sidebar{transition:width .3s ease;overflow:hidden}.sidebar.collapsed{width:64px}.sidebar.collapsed .sidebar-header{padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar.collapsed .logo-area{justify-content:center}.sidebar.collapsed .nav-item{padding:10px;justify-content:center}.sidebar.collapsed .nav-icon{margin-right:0;font-size:1.4rem}.sidebar.collapsed .submenu-item{padding:10px;text-align:center;font-size:1.2rem}.sidebar.collapsed .user-info{justify-content:center}.collapse-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:4px;border-radius:4px;transition:color .2s,background-color .2s;margin-left:auto}.sidebar.collapsed .collapse-btn{margin-left:0}.collapse-btn:hover{color:#fff;background-color:#374151}.dashboard-with-sidebar{margin-left:var(--sidebar-width);transition:margin-left .3s ease;min-height:100vh}.dashboard-with-sidebar.collapsed{margin-left:64px}