*{margin:0;padding:0;box-sizing:border-box}body{font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;color:#18181b;background:url(/assets/background-D0eHobve.jpg) no-repeat center center fixed;background-size:cover;min-height:100dvh;overflow:hidden}.app{min-height:100dvh;transition:all .3s cubic-bezier(.16,1,.3,1)}.app.dark-mode{filter:brightness(.7) contrast(1.1)}.layout{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.navbar{flex-shrink:0;position:sticky;top:0;z-index:100;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.5);box-shadow:0 1px 2px #00000008}.navbar-inner{max-width:1320px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;gap:1.5rem}.navbar-brand{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .5rem;margin-left:-.5rem;border-radius:.5rem;text-decoration:none;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.navbar-brand:hover{background:#3b82f60f}.brand-mark{width:36px;height:36px;border-radius:.625rem;display:grid;place-items:center;background:#ffffffd9;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 10px -2px #00000014;overflow:hidden;flex-shrink:0}.brand-icon{width:30px;height:30px;object-fit:contain;display:block}.brand-text{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:#18181b;white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.nav-link{position:relative;padding:.5rem .875rem;border-radius:.625rem;text-decoration:none;color:#52525b;font-size:.9rem;font-weight:500;letter-spacing:.005em;white-space:nowrap;transition:color .3s cubic-bezier(.16,1,.3,1),background-color .3s cubic-bezier(.16,1,.3,1)}.nav-link:after{content:"";position:absolute;left:.875rem;right:.875rem;bottom:2px;height:2px;border-radius:2px;background:#3b82f6;transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-link:hover{background:#3b82f614;color:#18181b}.nav-link:hover:after{transform:scaleX(1)}.nav-link:active{transform:scale(.97)}.nav-link.router-link-exact-active{background:#3b82f61a;color:#3b82f6;font-weight:600}.nav-link.router-link-exact-active:after{transform:scaleX(1)}.navbar-actions{display:flex;align-items:center;gap:.625rem;margin-left:auto;flex-shrink:0}.search-box{display:flex;align-items:center;gap:.5rem;width:320px;min-width:0;flex-shrink:1;height:38px;padding:0 .5rem 0 .875rem;background:#ffffffa6;border:1px solid rgba(226,232,240,.8);border-radius:.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.search-box:focus-within{border-color:#3b82f680;background:#ffffffe6;box-shadow:0 0 0 3px #3b82f61f}.search-icon{width:16px;height:16px;color:#71717a;flex-shrink:0}.search-input{flex:1;min-width:0;border:none;background:transparent;font-size:.9rem;color:#18181b;outline:none;font-family:inherit}.search-input::placeholder{color:#a1a1aa}.search-btn{height:28px;padding:0 .875rem;border:none;border-radius:.5rem;background:#3b82f6;color:#f9fafb;font-size:.8rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .25s cubic-bezier(.16,1,.3,1)}.search-btn:hover{background:#2563eb;transform:translateY(-1px)}.search-btn:active{transform:scale(.97)}.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:.5rem;border:1px solid rgba(226,232,240,.7);background:#fff9;color:#52525b;cursor:pointer;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.icon-btn:hover{background:#ffffffe6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px -4px #0000001a}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.nav-profile{display:inline-flex;align-items:center;gap:.5rem;height:38px;padding:0 .875rem;border-radius:.5rem;background:#3b82f614;border:1px solid rgba(59,130,246,.18);color:#3b82f6;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .3s cubic-bezier(.16,1,.3,1)}.nav-profile:hover{background:#3b82f6;color:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px -2px #3b82f666}.nav-profile:active{transform:scale(.97)}.nav-profile-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.logout-btn{height:38px;padding:0 .875rem;border-radius:.5rem;background:none;border:1px solid rgba(225,29,72,.25);color:#e11d48;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .25s cubic-bezier(.16,1,.3,1)}.logout-btn:hover{background:#e11d48;color:#f9fafb;transform:translateY(-1px)}.logout-btn:active{transform:scale(.97)}.hamburger{display:none;width:38px;height:38px;border:1px solid rgba(226,232,240,.7);border-radius:.5rem;background:#fff9;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;transition:all .3s cubic-bezier(.16,1,.3,1)}.hamburger:hover{background:#ffffffe6}.hamburger-bar{display:block;width:16px;height:2px;border-radius:2px;background:#18181b;transform-origin:center;transition:all .35s cubic-bezier(.16,1,.3,1)}.hamburger-bar.is-open:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-bar.is-open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-bar.is-open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.content{flex:1;min-height:0;overflow-y:auto;padding:2rem;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.35) transparent}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:#3b82f659;border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:#3b82f68c}.glass-card{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:1.25rem;box-shadow:0 20px 40px -15px #0000000d;border:1px solid rgba(226,232,240,.5);padding:2rem;margin:0 auto;max-width:960px}.app.dark-mode .navbar{background:#1e1e1e8c;border-bottom-color:#ffffff1a;box-shadow:none}.app.dark-mode .brand-mark{background:#28282899;border-color:#ffffff1f;box-shadow:none}.app.dark-mode .brand-text{color:#ffffffeb}.app.dark-mode .navbar-brand:hover{background:#ffffff14}.app.dark-mode .nav-link{color:#ffffffb8}.app.dark-mode .nav-link:hover{background:#ffffff14;color:#fffffff2}.app.dark-mode .nav-link.router-link-exact-active{background:#3b82f640;color:#93c5fdf2}.app.dark-mode .search-box{background:#28282873;border-color:#ffffff1f}.app.dark-mode .search-box:focus-within{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f640}.app.dark-mode .search-input{color:#ffffffeb}.app.dark-mode .search-input::placeholder{color:#ffffff59}.app.dark-mode .search-icon{color:#ffffff80}.app.dark-mode .icon-btn{background:#28282873;border-color:#ffffff1f;color:#fffc}.app.dark-mode .icon-btn:hover{background:#ffffff1f;color:#93c5fdf2;box-shadow:none}.app.dark-mode .nav-profile{background:#3b82f633;border-color:#3b82f659;color:#93c5fde6}.app.dark-mode .nav-profile:hover{background:#3b82f6;color:#f9fafb}.app.dark-mode .logout-btn{border-color:#e11d4866;color:#fb7185e6}.app.dark-mode .logout-btn:hover{background:#e11d48;color:#f9fafb}.app.dark-mode .hamburger{background:#28282873;border-color:#ffffff1f}.app.dark-mode .hamburger-bar{background:#ffffffe6}.app.dark-mode .glass-card{background:#28282866;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.username{font-weight:700;color:#18181b;white-space:nowrap}.app.dark-mode .username{color:#ffffffe6}.app.dark-mode .logout-link{color:#ff6666e6!important}.app.dark-mode .logout-link:hover{background:#e11d4826!important}@media(max-width:1100px){.navbar-inner{gap:1rem}.nav-link{padding:.5rem .75rem}.search-box{width:240px}}@media(max-width:960px){.navbar-inner{height:56px;padding:0 1rem;gap:.75rem}.navbar-links{position:absolute;top:calc(100% + 8px);left:1rem;right:1rem;flex-direction:column;align-items:stretch;gap:.25rem;padding:.625rem;background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(226,232,240,.7);border-radius:1rem;box-shadow:0 20px 40px -15px #0000001f;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.navbar-links.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-link{width:100%;text-align:left;padding:.625rem .875rem}.nav-link:after{display:none}.search-box{width:auto;flex:1;max-width:none}.nav-profile-text{display:none}.nav-profile{width:38px;padding:0;justify-content:center}.hamburger{display:inline-flex}.content{padding:1.25rem}.app.dark-mode .navbar-links{background:#1e1e1ed9;border-color:#ffffff1f}}@media(max-width:560px){.brand-text,.search-btn{display:none}.logout-btn{padding:0 .625rem;font-size:.8rem}.content{padding:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}