:root{--bg: #f5f7fb;--card: #ffffff;--border: #e6e9f0;--text: #16203a;--muted: #6b7591;--accent: #3f6fe6;--accent-2: #6a4ff0;--accent-soft: #eaf0ff;--error: #d11d3b;--shadow: 0 10px 30px rgba(28, 45, 90, .08);--shadow-hover: 0 16px 40px rgba(63, 111, 230, .22);--radius: 16px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:radial-gradient(1200px 500px at 80% -10%,#e9eeff,#e9eeff00 60%),radial-gradient(1000px 500px at -10% 0%,#f0ecff,#f0ecff00 55%),var(--bg);background-attachment:fixed}.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:66px;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:30px;display:block}.brand-divider{width:1px;height:24px;background:var(--border)}.brand-sub{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.01em}.user{display:flex;align-items:center;gap:12px}.user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.user-name{color:var(--text);font-size:14px;font-weight:500}.signout{background:#fff;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;border-radius:10px;transition:all .15s}.signout:hover{color:var(--accent);border-color:var(--accent)}.hero{padding:40px 28px 0}.hero-inner{max-width:1100px;margin:0 auto;background:linear-gradient(120deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border-radius:22px;padding:34px 36px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-inner:after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;background:#ffffff1f;border-radius:50%}.hero-inner h1{margin:0 0 8px;font-size:28px;font-weight:700}.hero-inner p{margin:0;font-size:15px;opacity:.92}.wave{display:inline-block;animation:wave 1.8s ease-in-out 1;transform-origin:70% 70%}@keyframes wave{0%,60%,to{transform:rotate(0)}20%{transform:rotate(16deg)}40%{transform:rotate(-8deg)}}.content{max-width:1100px;margin:0 auto;padding:28px 28px 60px}.section-head{display:flex;align-items:center;gap:10px;margin:8px 0 18px}.section-head h2{font-size:18px;margin:0}.count{font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 10px}.toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.toolbar input,.toolbar select{padding:11px 14px;border:1px solid var(--border);border-radius:12px;font-size:14px;background:var(--card);transition:border-color .15s,box-shadow .15s}.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.toolbar input{flex:1;min-width:240px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 18px 20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s;text-align:center;overflow:hidden;text-decoration:none;color:var(--text)}.tile:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .18s}.tile:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px);border-color:transparent}.tile:hover:before{opacity:1}.tile-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.tile-logo img{max-width:60px;max-height:60px;object-fit:contain}.tile-placeholder{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:22px;display:flex;align-items:center;justify-content:center}.tile-name{font-size:14.5px;font-weight:600;line-height:1.3}.tile-badge{font-size:10px;letter-spacing:.05em;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:2px 9px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);padding:44px 52px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.auth-logo{height:40px}.auth-sub{font-size:14px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-bottom:6px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:4px 0}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--muted)}.error{color:var(--error)}.center{text-align:center;margin-top:90px;font-size:15px}