*{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;backdrop-filter:blur-xl;transition:all .3s cubic-bezier(.16,1,.3,1)}.app.dark-mode{filter:brightness(.7) contrast(1.1)}.app.dark-mode .sidebar{background:#1e1e1e59;border-right:1px solid rgba(255,255,255,.1)}.app.dark-mode .sidebar-header{border-bottom:1px solid rgba(255,255,255,.1)}.app.dark-mode .sidebar-header h3{color:#ffffffe6}.app.dark-mode .sidebar-link{background:#28282859;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.app.dark-mode .sidebar-link:hover{background:#32323280;box-shadow:0 2px 8px #0000004d}.app.dark-mode .sidebar-link.router-link-active{background:#3c3c3c8c}.app.dark-mode .top-bar{background:#1e1e1e59;border-bottom:1px solid rgba(255,255,255,.1)}.app.dark-mode .platform-title{color:#ffffffe6}.app.dark-mode .glass-card{background:#28282866;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.layout{display:block;height:100vh}.sidebar{width:250px;height:100vh;position:fixed;left:0;top:0;background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid rgba(226,232,240,.5);padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;transition:width .35s cubic-bezier(.16,1,.3,1);z-index:100}.sidebar.collapsed{width:64px;padding:1rem .625rem}.sidebar-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(226,232,240,.5);min-height:44px;transition:all .35s cubic-bezier(.16,1,.3,1)}.sidebar.collapsed .sidebar-header{gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;justify-content:center}.sidebar-title{flex:1;color:#18181b;font-size:1.2rem;font-weight:700;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;max-width:160px;opacity:1;transition:all .35s cubic-bezier(.16,1,.3,1);text-align:center}.sidebar.collapsed .sidebar-title{max-width:0;opacity:0;margin:0;padding:0;flex:0}.collapse-btn{background:#fff3;border:1px solid rgba(226,232,240,.5);border-radius:.5rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.collapse-btn:hover{background:#ffffff59;transform:scale(1.08)}.collapse-btn:active{transform:scale(.95)}.collapse-icon{display:flex;flex-direction:column;gap:3.5px;width:16px;transition:all .35s cubic-bezier(.16,1,.3,1)}.collapse-icon span{display:block;width:100%;height:2px;background:#18181b;border-radius:2px;transition:all .35s cubic-bezier(.16,1,.3,1);transform-origin:center}.collapse-icon.collapsed span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.collapse-icon.collapsed span:nth-child(2){opacity:0;transform:scaleX(0)}.collapse-icon.collapsed span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.app.dark-mode .collapse-btn{background:#32323259;border-color:#fff3}.app.dark-mode .collapse-btn:hover{background:#3c3c3c80}.app.dark-mode .collapse-icon span{background:#ffffffe6}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;font-size:.9rem;font-weight:600;color:#3b82f6;border-radius:.5rem;background:#3b82f614;transition:all .35s cubic-bezier(.16,1,.3,1);line-height:1}.sidebar.collapsed .nav-icon{width:36px;height:36px;font-size:1.1rem;border-radius:.625rem}.app.dark-mode .nav-icon{color:#6495edd9;background:#6495ed1f}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:.5rem;text-decoration:none;color:#18181b;transition:all .35s cubic-bezier(.16,1,.3,1);background:#fff3;border:1px solid rgba(226,232,240,.5);overflow:hidden;white-space:nowrap}.sidebar-link:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 2px 8px #0000000d}.sidebar-link:active{transform:scale(.98)}.sidebar-link.router-link-active{background:#fff6;font-weight:700}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.625rem 0;gap:0}.link-text{font-size:1rem;white-space:nowrap;overflow:hidden;max-width:160px;opacity:1;transition:all .35s cubic-bezier(.16,1,.3,1)}.sidebar.collapsed .link-text{max-width:0;opacity:0;margin:0;padding:0}.arrow-icon{font-size:.7rem;transition:all .35s cubic-bezier(.16,1,.3,1);flex-shrink:0}.arrow-icon.open{transform:rotate(180deg)}.main-content{height:100vh;width:calc(100% - 250px);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;margin-left:250px;scrollbar-color:rgba(100,149,237,.6) rgba(255,255,255,.3);position:fixed;left:0;top:0;transition:margin-left .35s cubic-bezier(.16,1,.3,1),width .35s cubic-bezier(.16,1,.3,1)}.main-content.collapsed{margin-left:64px;width:calc(100% - 64px)}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#ffffff4d;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#6495ed99;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#6495edcc}.top-bar{background:#ffffffb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.5);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.search-container{display:flex;align-items:center;gap:.5rem;flex:1;max-width:500px}.search-input{flex:1;padding:.75rem 1rem;border:1px solid rgba(203,213,225,.6);border-radius:.5rem;background:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-size:1rem;color:#18181b;transition:all .3s cubic-bezier(.16,1,.3,1)}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.search-button{padding:.75rem 1.5rem;border:1px solid rgba(226,232,240,.5);border-radius:.5rem;background:#3b82f6d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);color:#f9fafb;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.search-button:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 20px 40px -15px #0000000d}.search-button:active{transform:scale(.98)}.app.dark-mode .search-input{background:#28282866;border-color:#ffffff1a;color:#ffffffe6}.app.dark-mode .search-input:focus{border-color:#6495edcc;box-shadow:0 0 0 2px #6495ed4d}.app.dark-mode .search-button{background:#6495eda6;border-color:#ffffff1a}.platform-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:#18181b;white-space:nowrap}.top-bar-actions{display:flex;align-items:center;gap:1rem;position:relative}.top-dark-toggle{background:#fff3;border:1px solid rgba(226,232,240,.5);border-radius:.5rem;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);flex-shrink:0}.top-dark-toggle:hover{background:#ffffff59;transform:scale(1.08)}.top-dark-toggle:active{transform:scale(.95)}.top-mode-icon{width:20px;height:20px;position:relative;display:inline-block;transition:all .3s cubic-bezier(.16,1,.3,1)}.top-mode-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 0 8px #ffd70099;transition:all .3s cubic-bezier(.16,1,.3,1)}.top-mode-icon.dark:before{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 0 8px #6b728099}.top-mode-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:4px;background:#fffc;border-radius:2px;transition:all .3s cubic-bezier(.16,1,.3,1)}.top-mode-icon.dark:after{background:#0009;transform:translate(-50%,-50%) rotate(45deg) scale(.8)}.app.dark-mode .top-dark-toggle{background:#32323259;border-color:#fff3}.app.dark-mode .top-dark-toggle:hover{background:#3c3c3c80}.top-profile-link{display:inline-flex;align-items:center;padding:.45rem 1rem;border-radius:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#3b82f6;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);white-space:nowrap}.top-profile-link:hover{background:#3b82f6;color:#f9fafb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.app.dark-mode .top-profile-link{background:#3b82f633;border-color:#3b82f64d;color:#6495ede6}.app.dark-mode .top-profile-link:hover{background:#3b82f6;color:#f9fafb}.top-logout-btn{padding:.45rem .875rem;border-radius:.5rem;background:none;border:1px solid rgba(225,29,72,.2);color:#e11d48;font-size:.85rem;font-weight:500;cursor:pointer;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.top-logout-btn:hover{background:#e11d48;color:#f9fafb;transform:translateY(-1px)}.app.dark-mode .top-logout-btn{border-color:#e11d484d;color:#e11d48e6}.app.dark-mode .top-logout-btn:hover{background:#e11d48;color:#f9fafb;color:#e11d48!important}.app.dark-mode .logout-link{color:#ff6666e6!important}.app.dark-mode .logout-link:hover{background:#e11d4826!important}.username{font-weight:700;color:#18181b;white-space:nowrap}.app.dark-mode .username{color:#ffffffe6}.content{flex:1;padding:2rem;min-height:0}.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}@media(max-width:768px){.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding:1rem;position:relative;height:auto}.sidebar.collapsed{width:100%;padding:1rem}.sidebar.collapsed .sidebar-header{justify-content:space-between}.sidebar.collapsed .sidebar-title{max-width:160px;opacity:1;flex:1}.sidebar.collapsed .sidebar-link{justify-content:flex-start;gap:.625rem;padding:.625rem}.sidebar.collapsed .link-text{max-width:160px;opacity:1}.sidebar.collapsed .nav-icon{width:28px;height:28px;font-size:.9rem}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;flex-wrap:wrap}.sidebar-link{min-width:80px;text-align:center;padding:.5rem}.link-text{font-size:.8rem}.main-content{width:100%;margin-left:0;position:relative;height:auto;min-height:100dvh}.main-content.collapsed{margin-left:0;width:100%}.content{padding:1rem}.glass-card{padding:1.5rem;margin:0}}