:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f8fafc;--border:#fff6;--border-strong:#fffc;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-lg:0 32px 90px #00000014;--radius-xl:24px;--radius-lg:20px;font-family:Inter,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:#0f172a;background:radial-gradient(circle at 15%,#3b82f640,#0000 25%),radial-gradient(circle at 85% 30%,#93c5fd33,#0000 25%),linear-gradient(#f0f7ff 0%,#e0f2fe 100%);min-width:320px;margin:0}.workspace-shell{flex-direction:column;width:100vw;min-height:100vh;margin:0;padding:32px 5% 60px;display:flex;position:relative;overflow-x:hidden}.ambient{pointer-events:none;filter:blur(80px);opacity:.6;z-index:0;border-radius:999px;position:absolute}.ambient-left{background:#3b82f640;width:600px;height:600px;top:5%;left:-5%}.ambient-right{background:#10b98126;width:500px;height:500px;top:15%;right:-5%}.ambient-bottom{background:#0ea5e926;width:800px;height:400px;bottom:-5%;left:20%}.glass-panel,.glass-tile{border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(24px)saturate(160%);z-index:1;background:linear-gradient(#fff9,#ffffff4d);position:relative}.glass-panel:before,.glass-tile:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#fff6,#0000 40%);position:absolute;inset:0}.topbar{z-index:1;justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto 48px;padding:18px 0;display:flex;position:relative}.brand h1{letter-spacing:1px;color:#1e3a8a;align-items:baseline;gap:8px;margin:0;font-size:28px;font-weight:700;display:flex}.brand h1 span{letter-spacing:.1em;text-transform:uppercase;color:#64748b;opacity:.8;font-size:16px;font-weight:500}.user-info{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff9;border:1px solid #fffc;border-radius:999px;align-items:center;gap:16px;padding:10px 24px 10px 10px;display:flex;box-shadow:0 8px 24px #3b82f614}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:flex;box-shadow:0 4px 12px #2563eb4d}.user-details{flex-direction:column;justify-content:center;display:flex}.greeting{color:#1e293b;margin-bottom:2px;font-size:15px;font-weight:600}.role{color:#64748b;font-size:12px;font-weight:500}.main-content{z-index:1;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:48px;padding-bottom:5vh;display:flex;position:relative}.welcome-section{text-align:center;margin-bottom:24px}.user-info-large{flex-direction:column;align-items:center;gap:16px;display:inline-flex}.avatar-large{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:4px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:600;display:flex;box-shadow:0 8px 24px #2563eb40}.user-details-large{flex-direction:column;align-items:center;gap:8px;display:flex}.greeting-large{color:#0f172a;letter-spacing:.5px;font-size:28px;font-weight:700}.role-large{color:#475569;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fffc;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:500}.apps-container{width:100%;max-width:1280px;margin:0 auto}.apps-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto;display:grid}.app-card{border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;min-height:240px;padding:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,box-shadow .3s;display:flex}.app-card:hover{border-color:var(--border-strong);background:linear-gradient(#fffc,#ffffff80);transform:translateY(-6px)scale(1.01);box-shadow:0 32px 70px #3b82f626}.app-card-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.app-icon{border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 0 1px 1px #ffffff80,0 8px 20px #3b82f633}.app-icon span{color:#fff;font-size:20px;font-weight:700}.app-badge{letter-spacing:.05em;color:var(--text-secondary);background:#fff9;border:1px solid #fffc;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500}.app-card-body{flex-grow:1}.app-card-body h4{color:var(--text-primary);margin:0 0 12px;font-size:22px;font-weight:600}.app-card-body p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.app-card-foot{justify-content:flex-end;margin-top:28px;display:flex}.enter-link{color:#2563eb;opacity:.8;align-items:center;gap:6px;font-size:14px;font-weight:500;transition:opacity .2s,gap .2s;display:flex}.app-card:hover .enter-link{opacity:1;gap:10px}@media (width<=1024px){.apps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.topbar{justify-content:center;margin-bottom:32px}.apps-grid{grid-template-columns:1fr}.avatar-large{width:64px;height:64px;font-size:24px}.greeting-large{font-size:24px}}