:root{--sidebar-bg:#0f172a;--submenu-bg:#1e293b;--hover-bg:#334155;--accent:#3b82f6;--text-main:#f8fafc;--text-muted:#94a3b8;--app-bg:#f8fafc}body{background-color:var(--app-bg);margin:0}#sidebar{background:var(--sidebar-bg);width:70px;color:var(--text-main);white-space:nowrap;z-index:10;flex-direction:column;justify-content:space-between;transition:width .3s;display:flex;overflow:hidden;box-shadow:2px 0 10px #0003}#sidebar:hover{width:220px}.logo{color:var(--accent);align-items:center;height:30px;margin-bottom:10px;padding:20px 0;font-size:22px;font-weight:700;display:flex}.logo-icon{text-align:center;min-width:70px}.logo-text{opacity:0;color:#fff;letter-spacing:2px;transition:opacity .3s}#sidebar:hover .logo-text{opacity:1}.icon-item{cursor:pointer;color:var(--text-muted);align-items:center;padding:15px 0;transition:background .2s,color .2s;display:flex}.icon-item:hover{background:var(--hover-bg);color:var(--text-main)}.icon-item span.material-icons{text-align:center;min-width:70px;font-size:26px}.menu-label{opacity:0;font-size:15px;font-weight:500;transition:opacity .3s}#sidebar:hover .menu-label{opacity:1}.sidebar-bottom{margin-bottom:15px}.logout-item:hover{color:#fff;background:#ef4444}#submenu-panel{background:var(--submenu-bg);color:var(--text-main);transition:width .3s;overflow:hidden auto;box-shadow:2px 0 10px #00000026}.menu-section{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid #ffffff0d;margin-bottom:10px;padding:20px 20px 10px;font-size:12px;font-weight:700}.submenu{cursor:pointer;color:var(--text-muted);padding:12px 20px;font-size:14px;transition:background .2s,color .2s}.submenu:hover{background:var(--hover-bg);color:var(--text-main)}.submenu.active-report{background:var(--sidebar-bg);border-left:4px solid var(--accent);color:#fff;font-weight:700}#content{background-color:var(--app-bg);flex-direction:column;flex:1;display:flex}#report{border:none;flex:1;width:100%}.login-page{background:var(--sidebar-bg);justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;display:flex}.loginbox{background:#fff;border-radius:12px;width:350px;padding:40px;box-shadow:0 10px 40px #0006}.loginbox h2{text-align:center;color:#1e293b;margin-top:0}input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;margin-top:15px;padding:12px;font-size:14px}input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #3b82f633}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:25px;padding:12px;font-size:16px;font-weight:700;transition:background .2s}button:hover{background:#2563eb}button:disabled{cursor:not-allowed;background:#94a3b8}