*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:url(/assets/background-COj11iGh.jpg) no-repeat center center fixed;background-size:cover;height:100vh;overflow:hidden}.app{min-height:100vh;height:100vh;backdrop-filter:blur(8px);transition:all .3s ease;overflow:hidden}.app.dark-mode{filter:brightness(.7) contrast(1.1)}.app.dark-mode .sidebar{background:#1e1e1e99;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 .dark-mode-toggle{background:#32323280;border:1px solid rgba(255,255,255,.2)}.app.dark-mode .dark-mode-toggle:hover{background:#3c3c3c99}.app.dark-mode .sidebar-link{background:#28282880;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.app.dark-mode .sidebar-link:hover{background:#323232b3;box-shadow:0 2px 8px #0000004d}.app.dark-mode .sidebar-link.router-link-active{background:#3c3c3ccc}.app.dark-mode .sidebar-link.logout{background:#e74c3c33;border-color:#e74c3c4d;color:#ff6666e6}.app.dark-mode .sidebar-link.logout:hover{background:#e74c3c4d}.app.dark-mode .top-bar{background:#1e1e1e99;border-bottom:1px solid rgba(255,255,255,.1)}.app.dark-mode .platform-title,.app.dark-mode .username{color:#ffffffe6}.app.dark-mode .glass-card{background:#28282899;border:1px solid rgba(255,255,255,.1);color:#ffffffe6}.layout{display:flex;min-height:100vh;height:100vh;overflow:hidden}.sidebar{width:250px;background:#fff6;backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.2);padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.sidebar-header h3{color:#000c;font-size:1.2rem;font-weight:700}.dark-mode-toggle{background:#ffffff4d;border:1px solid rgba(255,255,255,.4);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.dark-mode-toggle:hover{background:#fff6;transform:scale(1.1)}.mode-icon{width:20px;height:20px;position:relative;transition:all .3s ease}.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 ease}.mode-icon.dark:before{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 0 8px #6b728099}.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 ease}.mode-icon.dark:after{background:#0009;transform:translate(-50%,-50%) rotate(45deg) scale(.8)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:#000c;transition:all .3s;background:#ffffff4d;border:1px solid rgba(255,255,255,.4)}.sidebar-link:hover{background:#ffffff80;transform:translate(5px);box-shadow:0 2px 8px #0000001a}.sidebar-link.router-link-active{background:#fff9;font-weight:700}.link-text{font-size:1rem}.sidebar-link.logout{background:#f663;border-color:#ff66664d;color:#e74c3ccc;cursor:pointer;font-family:inherit}.sidebar-link.logout:hover{background:#ff66664d}.my-manage-container{display:flex;flex-direction:column;gap:.25rem}.my-manage-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:inherit}.arrow-icon{font-size:.8rem;transition:transform .3s ease}.arrow-icon.open{transform:rotate(180deg)}.my-manage-menu{display:flex;flex-direction:column;gap:.25rem;margin-left:1rem}.sidebar-link.sub-link{font-size:.95rem;padding:.6rem 1rem;background:#ffffff40}.sidebar-link.sub-link:hover{background:#ffffff73}.app.dark-mode .sidebar-link.sub-link{background:#28282866}.app.dark-mode .sidebar-link.sub-link:hover{background:#32323299}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{background:#fff6;backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);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(255,255,255,.4);border-radius:8px;background:#ffffff80;backdrop-filter:blur(10px);font-size:1rem;color:#000c;transition:all .3s ease}.search-input:focus{outline:none;border-color:#6495ed99;box-shadow:0 0 0 2px #6495ed33}.search-button{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:#6495edb3;backdrop-filter:blur(10px);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.search-button:hover{background:#6495ede6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.search-button:active{transform:translateY(0)}.app.dark-mode .search-input{background:#28282899;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:#6495edcc;border-color:#ffffff1a}.platform-title{font-size:1.5rem;font-weight:700;color:#000c}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0000001a}.username{font-weight:700;color:#000c}.content{flex:1;padding:2rem;overflow-y:auto}.glass-card{background:#ffffff80;backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 30px #0000001a;border:1px solid rgba(255,255,255,.4);padding:2rem;margin:0 auto;max-width:1000px}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.1);padding:1rem}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.sidebar-link{min-width:80px;text-align:center;padding:.5rem}.link-text{font-size:.8rem}.content{padding:1rem}.glass-card{padding:1.5rem;margin:0}}