:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a:hover{color:#747bff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#eef3f8;color:#0f172a}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:248px;background:#0f172a;display:flex;flex-direction:column;height:100vh;flex-shrink:0;position:relative;z-index:30;border-right:1px solid rgba(255,255,255,.05)}.sidebar-logo{padding:20px 16px 16px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.pow-brand{display:flex;align-items:center;gap:10px}.pow-mark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f659;flex-shrink:0}.pow-text{display:flex;flex-direction:column;line-height:1.2}.pow-text strong{font-size:15px;font-weight:700;color:#f1f5f9}.pow-text small{font-size:11px;color:#94a3b8bf;letter-spacing:.4px}.sidebar-nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.menu-section{margin-bottom:2px}.menu-section-toggle{display:flex;align-items:center;gap:7px;width:100%;padding:7px 10px;background:transparent;border:none;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:all .15s;-webkit-user-select:none;user-select:none}.menu-section-toggle:hover{color:#cbd5e1;background:#ffffff0f}.menu-section-toggle>span{flex:1;text-align:left}.menu-section-items{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 4px}.sidebar-nav a{display:flex;align-items:center;gap:9px;padding:8px 10px 8px 12px;border-radius:8px;color:#cbd5e1;text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s;border-left:2px solid transparent;line-height:1.3}.sidebar-nav a>span{flex:1}.sidebar-item-badge{display:inline-flex;align-items:center;min-height:20px;padding:0 7px;border-radius:999px;background:#3b82f62e;color:#bfdbfe;font-size:11px;font-weight:700;line-height:1}.sidebar-nav a:hover{background:#ffffff14;color:#f1f5f9}.sidebar-nav a.active{background:#3b82f621;color:#93c5fd;border-left-color:#3b82f6;font-weight:600}.sidebar-footer{padding:10px 8px 14px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:2px}.sidebar-user-avatar{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:.5px}.sidebar-user-name{font-size:13px;font-weight:600;color:#cbd5e1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.logout-btn{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border-radius:8px;background:transparent;border:none;border-left:2px solid transparent;color:#94a3b8bf;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s;text-align:left}.logout-btn:hover{background:#ef44441a;color:#fca5a5;border-left-color:#ef4444}.main-content{flex:1;padding:24px;overflow-y:auto;min-width:0;background:linear-gradient(180deg,#f6f9fc,#eef3f8)}@media(max-width:768px){.app-container{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-nav{max-height:300px}.menu-section-items{padding-left:0}.main-content{padding:14px}}.login-container{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 20% 10%,#e6f0ff,#f0f4f8 45%,#e8eef6);z-index:1000;width:100vw;height:100vh;padding:14px}.login-form{background:#fff;padding:28px;border-radius:14px;box-shadow:0 16px 30px #0f172a1f;border:1px solid #e5e7eb;width:min(420px,100%)}.login-form h2{margin-bottom:6px;color:#0f172a}.login-subtitle{margin-bottom:16px;color:#475569;font-size:14px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.login-form button{width:100%;padding:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:16px;cursor:pointer;font-weight:700;box-shadow:0 8px 18px #2563eb3d}.login-form button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.login-form button:disabled{opacity:.75;cursor:not-allowed}.error{border:1px solid #f0b7b7;background:#fff1f1;color:#b64040;border-radius:8px;padding:10px 12px;margin-bottom:15px;font-size:14px}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-weight:600;color:#2f3b4a;background:#f0f4f8}@media(max-width:768px){.login-form{padding:22px}}