html,body{height:100%;margin:0;background:#0f1113;overflow:hidden}header{display:flex;align-items:center;background:#1b1d20;color:#fff;font-family:system-ui,sans-serif;font-size:18px;font-weight:500;padding:12px 24px;border-bottom:1px solid #333;overflow:hidden}#header-actions{display:flex;align-items:center;gap:12px}#header-actions button{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;transition:color .2s}#header-actions button:hover{color:#0af}#user-circle{width:32px;height:32px;border-radius:50%;background:#0078d7;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;cursor:pointer}#sidebar{position:fixed;top:50px;bottom:0;left:4px;width:220px;background:#1b1d20;color:#fff;border-right:1px solid #333;padding:10px;box-sizing:border-box;transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto;overflow-x:hidden}#sidebar.open{transform:translate(0)}#sidebar-header{font-weight:700;margin-bottom:10px}#sidebar-list{list-style:none;padding:0;margin:0}#sidebar-list li{padding:8px;background:#2a2d31;border-radius:4px;margin-bottom:6px;cursor:pointer;transition:background .2s}#sidebar-list li:hover{background:#3a3d41}.subtitle-container{display:flex;flex-direction:column;align-items:stretch;width:100%;margin-top:4px;margin-left:8px;gap:2px}.subtitle-line{display:flex;justify-content:space-between;align-items:center;color:#ccc;font-size:12px;line-height:1.2;width:100%;text-align:left;padding-left:2px;box-sizing:border-box}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #888;border-radius:4px;background-color:transparent;cursor:pointer;position:relative;transition:all .2s ease}input[type=checkbox]:hover{border-color:#0af}input[type=checkbox]:checked{background-color:#0af;border-color:#0af}input[type=checkbox]:checked:after{content:"✔";position:absolute;top:0;left:2px;color:#fff;font-size:14px;line-height:16px}#sidebar-toggle{background:#0078d7;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:18px;cursor:pointer;transition:background .2s;margin-right:12px}header #sidebar-toggle:hover{background:#005fa3}#app{width:100vw;height:calc(100vh - 50px);display:block}@media (max-width: 768px){header{display:none}#app{display:none}#sidebar{position:fixed;top:0;left:0;width:100vw;height:100vh;transform:none;border-right:none;border-top:none;padding:20px;overflow-y:auto}#sidebar-list li{font-size:18px;padding:12px}}#auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000}#auth-box{background:#1b1d20;padding:24px;border-radius:8px;display:flex;flex-direction:column;gap:12px;width:300px;box-shadow:0 0 20px #00000080}#auth-box input{padding:8px;border:1px solid #444;border-radius:4px;background:#2a2a2a;color:#fff}#auth-box button{background:#0078d7;color:#fff;border:none;padding:10px;border-radius:4px;cursor:pointer}#auth-box button:hover{background:#005fa3}#auth-box a{color:#0af;text-decoration:none}#auth-box a:hover{text-decoration:underline}.sidebar-item{padding:8px;background:#2a2d31;border-radius:4px;margin-bottom:6px;cursor:pointer;transition:background .2s}.sidebar-item-container{display:flex;align-items:center;width:100%;gap:6px}.sidebar-text-container{display:flex;flex-direction:column;width:100%}.sidebar-title{font-weight:600;font-size:15px;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.subtitle-steps{font-size:12px;color:#aaa;text-align:right;margin-left:auto;min-width:30px}