*{box-sizing:border-box}:root{--bg: #232b2e;--soft: #3d444a;--text: #ffffff;--panel: #2f383d;--border: #4a5459;--accent: #0080ff}body:not(.dark-mode){--bg: #a6b5bd;--soft: #d2dbda;--text: #1a1a1a;--panel: #a8a8a8;--border: #d1d9db;--accent: #083766}html,body{margin:0;padding:0;width:100vw;display:flex;height:100dvh;overflow:hidden;color:var(--text);flex-direction:column;background-color:var(--bg);transition:background-color .3s ease,color .3s ease}app-header{width:100%;height:65px;z-index:1100;flex:0 0 65px;display:block}.wrapper{flex:1;width:100%;display:flex;overflow:hidden;position:relative;height:calc(100vh - 65px)}.sidebar-overlay{display:none}.sidebar{width:220px;height:100%;display:flex;flex-shrink:0;overflow-y:auto;flex-direction:column;background:var(--panel);transition:transform .3s ease;border-right:1px solid var(--border)}.content{flex:1;height:100%;display:flex;padding:24px;overflow-y:auto;flex-direction:column;align-items:flex-start;-webkit-overflow-scrolling:touch}.content>*{width:100%;display:block;margin-top:0!important;margin-bottom:0!important}.card{width:100%;height:auto;display:flex;padding:24px;border-radius:16px;flex-direction:column;background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 25px -5px #0003;transition:background .3s ease,color .3s ease}.footer{padding-top:1rem;font-size:.85rem;margin-top:1.5rem;color:#108992;border-top:1px solid var(--border)}.click{cursor:pointer;font-weight:700;color:#108992;text-decoration:underline}.wip-note{color:#92400e;margin-top:1rem;border-radius:12px;padding:1rem 1.25rem;background:#fffbea;border:4px dashed #f59e0b}.toast-wrapper{top:30px;left:50%;opacity:0;width:auto;max-width:90vw;pointer-events:none;z-index:99999!important;position:fixed!important;transform:translate(-50%,-100px);transition:transform .4s cubic-bezier(.18,.89,.32,1.28),opacity .3s ease}.toast-wrapper.active{opacity:1;transform:translate(-50%)}.toast-content{gap:12px;display:flex;padding:10px 24px;align-items:center;border-radius:50px;white-space:nowrap;color:var(--text)!important;border:2px solid var(--accent);background:var(--bg)!important;box-shadow:0 15px 35px #0009}.toast-icon{font-size:1.2rem;color:var(--accent)}.toast-text{font-size:16px;font-weight:600;letter-spacing:.5px}@media (max-width: 750px){.sidebar-overlay{left:0;top:65px;opacity:0;width:100%;z-index:1040;display:block;position:fixed;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:calc(100dvh - 65px);transition:opacity .3s ease;background-color:#00000080}.sidebar-overlay.active{opacity:1;pointer-events:auto}.sidebar{left:0;top:65px;width:260px;z-index:1050;position:fixed;height:calc(100dvh - 65px);transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.content{padding:16px;height:calc(100dvh - 65px)}.toast-wrapper{transform:translate(-50%,100px) scale(.75)}.toast-wrapper.active{transform:translate(-50%) scale(.75)}.toast-content{gap:8px;padding:8px 16px}.toast-text{font-size:12px}}