.sidebar-overlay{position:fixed;inset:0;z-index:99;background:transparent}.sidebar-container{position:fixed;top:0;left:0;bottom:0;width:200px;background-color:#fff;z-index:100;box-shadow:2px 0 5px #0000001a;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:visible;border-right:1px solid var(--badge-border);display:flex;flex-direction:column;transform:translate(-100%)}.sidebar-container.expanded{transform:translate(0)}.sidebar-container.collapsed{width:200px;background-color:#fff;box-shadow:2px 0 5px #0000001a;border-right:1px solid var(--badge-border)}.sidebar-toggle{height:60px;width:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;border:1px solid var(--badge-border);border-left:1px solid white;color:var(--text-primary);position:absolute;top:0;right:-35px;border-radius:0 8px 8px 0;box-shadow:2px 0 5px #0000001a;z-index:101;transition:background-color .2s}.sidebar-toggle:focus{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.sidebar-toggle:focus:not(:focus-visible){outline:none}.sidebar-toggle:focus-visible{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.sidebar-toggle:hover{background-color:var(--badge-bg)}.sidebar-toggle:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background-color:#fff;z-index:102}@media(prefers-color-scheme:dark){.sidebar-container,.sidebar-container.collapsed{background-color:#171717;border-color:#404040}.sidebar-toggle{background-color:#171717;border-color:#404040;border-left-color:#171717}.sidebar-toggle:before{background-color:#171717}}.sidebar-container:after{content:"";position:absolute;top:60px;right:-15px;bottom:0;width:15px;background:transparent;z-index:99;transition:width 0s .3s}.sidebar-container.expanded:after{width:0;transition:width 0s .3s}.sidebar-content{flex:1;padding:0 1rem 1rem;opacity:1;visibility:visible;white-space:nowrap;overflow-y:auto}.sidebar-title{height:60px;display:flex;align-items:center;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;padding-left:.75rem}.sidebar-container.expanded .sidebar-content{opacity:1;visibility:visible;transition-delay:0s}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:block;padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;border-radius:6px;transition:background-color .2s}.sidebar-link:focus{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.sidebar-link:focus:not(:focus-visible){outline:none}.sidebar-link:focus-visible{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.sidebar-link:hover{background-color:var(--badge-bg)}.sidebar-link.active{background-color:var(--badge-bg);font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid var(--badge-border)}.export-button{width:100%;padding:.75rem 1rem;background-color:transparent;border:1px solid var(--badge-border);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.export-button:focus{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.export-button:focus:not(:focus-visible){outline:none}.export-button:focus-visible{outline:3px solid var(--focus-ring, #2563eb);outline-offset:2px}.export-button:hover{background-color:var(--badge-bg);border-color:var(--text-secondary)}.export-button:disabled{opacity:.7;cursor:not-allowed}@media(prefers-color-scheme:dark){.sidebar-container{background-color:#171717;border-color:#404040}.sidebar-footer{border-top-color:#404040}.export-button{border-color:#404040}.export-button:hover{background-color:#262626;border-color:#737373}}.site-footer{padding:.5rem 1rem;opacity:.4;transition:opacity .2s ease}.site-footer:hover{opacity:.7}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:.25rem}.footer-nav{display:contents}.footer-links{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:.125rem}.footer-links li{margin:0;display:flex;align-items:center}.footer-links li:not(:last-child):after{content:"·";color:#94a3b8;margin-left:.125rem;font-size:.625rem}@media(prefers-color-scheme:dark){.footer-links li:not(:last-child):after{color:#475569}}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.625rem;padding:.125rem .25rem;border-radius:2px;transition:color .15s ease}.footer-links a:hover{color:#64748b}@media(prefers-color-scheme:dark){.footer-links a{color:#475569}.footer-links a:hover{color:#64748b}}.footer-copyright{display:none}:root{--text-primary: #1a1a1a;--text-secondary: #595959;--btn-bg: #111;--btn-text: white;--btn-hover-bg: #333;--badge-bg: #f3f4f6;--badge-text: #4b5563;--badge-border: #e5e7eb;--focus-ring: #2563eb;--focus-ring-offset: 2px}@media(prefers-color-scheme:dark){:root{--text-primary: #ededed;--text-secondary: #b3b3b3;--btn-bg: #ededed;--btn-text: #171717;--btn-hover-bg: #e5e5e5;--badge-bg: #262626;--badge-text: #d4d4d4;--badge-border: #404040;--focus-ring: #60a5fa}}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background-color:var(--btn-bg);color:var(--btn-text);padding:.75rem 1.5rem;border-radius:0 0 8px 8px;z-index:1000;text-decoration:none;font-weight:500;transition:top .2s ease}.skip-link:focus{top:0;outline:3px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.layout-container{font-family:Inter,system-ui,-apple-system,sans-serif;width:100%;margin:0;padding:0;color:var(--text-primary);height:100dvh;display:flex;flex-direction:column;overflow:hidden}.layout-container>main{flex:1;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.header{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.nav-container{display:flex;gap:1rem;align-items:center}.auth-wrapper{position:relative;display:flex;align-items:center;padding:.5rem 0;margin:-.5rem 0}.nav-btn{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s ease}.nav-btn:hover{color:var(--text-primary)}.login-btn{background-color:var(--btn-bg);color:var(--btn-text);padding:.6rem 1.2rem;border-radius:9999px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:none}.login-btn:hover{background-color:var(--btn-hover-bg);transform:translateY(-1px)}.login-btn:focus{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.login-btn:focus:not(:focus-visible){outline:none}.login-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.login-btn.full-width{width:100%}.profile-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;overflow:hidden;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--badge-border)}.profile-btn:focus{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.profile-btn:focus:not(:focus-visible){outline:none}.profile-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background-color:var(--badge-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.login-dropdown{position:absolute;top:100%;right:0;width:350px;background-color:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;margin-top:0;border:1px solid var(--badge-border);padding:1rem}.user-menu{display:flex;flex-direction:column;gap:.5rem}.user-info{padding:.5rem 0;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;text-align:center}@media(prefers-color-scheme:dark){.login-dropdown{background-color:#171717;border-color:#404040;--login-bg: #171717}}