:root{--bg-dark: #00392E;--bg-grey: #004D40;--sidebar-width: 240px;--header-height: 50px;--text-main: #DBF6DE;--text-muted: #42B59A;--accent-color: #5ECE90;--border-color: #008E5E}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-wrapper{display:flex;width:100%;height:100%}.sidebar{width:var(--sidebar-width);height:100%;background:linear-gradient(160deg,#002a20,#004d3a 35%,#006b50 65%,#003d2e);border-right:1px solid rgba(94,206,144,.12);display:flex;flex-direction:column;z-index:1001;box-shadow:4px 0 24px #001e1480;border-radius:0;overflow:hidden;transition:all .3s ease;position:relative;transform:translate(0);-webkit-user-select:none;user-select:none}.sidebar.collapsed{transform:translate(calc(-1 * var(--sidebar-width) + 50px));box-shadow:0 4px 16px #0006}.sidebar-header{color:var(--text-main);font-size:16px;font-weight:600;text-align:center;padding:0;background:#004d4066;border-bottom:1px solid rgba(219,246,222,.1);text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;transition:background .3s ease;height:var(--header-height)}.sidebar-header:hover{background:#004d4099}.collapse-icon{transition:transform .3s ease;flex-shrink:0;margin-right:12px}.collapse-icon.rotated{transform:rotate(180deg)}.logo{display:flex;align-items:center;padding:0 20px;gap:10px;flex:1}.logo img,.logo .logo-icon{width:28px;height:28px;flex-shrink:0}.logo span{font-weight:700;font-size:18px;letter-spacing:1px;color:var(--accent-color)}.menu-items{padding:0;flex:1;display:flex;flex-direction:column;overflow-y:auto}.menu-item{display:flex;align-items:center;padding:12px 20px;color:#fffffff2;text-decoration:none;transition:background-color .2s ease;gap:12px;font-size:14px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6);line-height:1.4}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(219,246,222,.1);padding:8px 0}.gear-item{justify-content:flex-start}.sidebar.collapsed .gear-item{justify-content:center;padding-left:0;padding-right:0}.menu-item:hover{background-color:#5ece9026;color:var(--text-main)}.menu-item svg{width:20px;height:20px;flex-shrink:0}.menu-item.active{background-color:#5ece9033;color:var(--accent-color);border-left:3px solid var(--accent-color)}.menu-group{display:flex;flex-direction:column}.menu-item.parent{cursor:pointer;justify-content:space-between}.arrow-icon{margin-left:auto;transition:transform .3s ease;opacity:.7}.arrow-icon.rotated{transform:rotate(90deg)}.sub-menu{overflow:hidden;background-color:#00392e80}.menu-item.sub{padding-left:52px;font-size:13px;height:40px}.sub-dot{width:4px;height:4px;border-radius:50%;background-color:currentColor;opacity:.5;margin-right:8px}.menu-item.sub.active .sub-dot{opacity:1;box-shadow:0 0 8px var(--accent-color)}.menu-slide-enter-active,.menu-slide-leave-active{transition:all .3s ease-out;max-height:300px}.menu-slide-enter-from,.menu-slide-leave-to{max-height:0;opacity:0}.slide-fade-enter-active,.slide-fade-leave-active{transition:all .3s ease}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-5px);opacity:0}.main-content{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:margin-left .3s ease;margin-left:0}.sidebar.collapsed~.main-content{margin-left:calc(-1 * var(--sidebar-width) + 50px)}.top-header{height:var(--header-height);background-color:var(--bg-grey);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.breadcrumb-item{cursor:pointer;color:var(--text-muted);transition:color .3s}.breadcrumb-item:hover{color:var(--text-main)}.breadcrumb-item.active{color:var(--text-main);cursor:default}.separator{color:var(--text-muted)}.user-info{font-size:14px;color:var(--text-muted)}.router-view-container{flex:1;overflow:auto;position:relative}.background-spheres[data-v-f97e3d30]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;background-color:#011936;pointer-events:none;overflow:hidden}.home-container[data-v-d3e29a1e]{width:100%;height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:hidden}.content[data-v-d3e29a1e]{width:100%;max-width:1400px;max-height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;pointer-events:none}.card-container[data-v-d3e29a1e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:10px;-webkit-user-select:none;user-select:none}.card[data-v-d3e29a1e]{position:relative;border-radius:16px;overflow:hidden;height:240px;box-shadow:0 10px 30px #00000080;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;pointer-events:auto}.card-badge[data-v-d3e29a1e]{position:absolute;top:14px;right:14px;z-index:3;background:linear-gradient(135deg,#5ece90,#2a9d6e);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.04em;box-shadow:0 2px 8px #5ece9080;pointer-events:none}.card-featured[data-v-d3e29a1e]{border-color:#5ece9099;box-shadow:0 0 0 1px #5ece904d,0 10px 30px #00000080,0 0 30px #5ece9026}.card-featured .card-overlay[data-v-d3e29a1e]{background:linear-gradient(to bottom,#0000000d,#0009)}.card-featured[data-v-d3e29a1e]:hover{box-shadow:0 0 0 2px #5ece90b3,0 15px 35px #0009,0 0 50px #5ece9040}.card-overlay[data-v-d3e29a1e]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000000d,#0000008c);transition:opacity .3s}.card[data-v-d3e29a1e]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #0009;border-color:var(--accent-color);z-index:10}.card:hover .card-overlay[data-v-d3e29a1e]{background:linear-gradient(to bottom,#0000,#000000a6)}.card-content[data-v-d3e29a1e]{position:relative;z-index:2;height:100%;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff}.card-icon[data-v-d3e29a1e]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:#5ece9033;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(94,206,144,.3);box-shadow:0 4px 15px #0003}.card-icon svg[data-v-d3e29a1e]{width:26px;height:26px;color:var(--accent-color)}.card h2[data-v-d3e29a1e]{font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.features[data-v-d3e29a1e]{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:auto;align-content:flex-start}.tag[data-v-d3e29a1e]{background:#ffffff26;color:#eee;padding:3px 10px;border-radius:12px;font-size:11px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);white-space:nowrap}@media (max-width: 1300px){.card-container[data-v-d3e29a1e]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.home-container[data-v-d3e29a1e]{height:auto;overflow:auto}.card-container[data-v-d3e29a1e]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.card-container[data-v-d3e29a1e]{grid-template-columns:1fr}}