@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--purple: #6d28d9;--purple-mid: #7c3aed;--purple-light: #a78bfa;--purple-pale: #ede9fe;--cyan: #0891b2;--cyan-mid: #06b6d4;--cyan-light: #67e8f9;--cyan-pale: #ecfeff;--pink: #db2777;--pink-light: #f9a8d4;--pink-pale: #fdf2f8;--amber: #d97706;--amber-pale: #fffbeb;--green: #059669;--green-pale: #ecfdf5;--red: #dc2626;--red-pale: #fef2f2;--grad-main: linear-gradient(135deg, #6d28d9 0%, #0891b2 100%);--grad-purple: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--grad-warm: linear-gradient(135deg, #db2777 0%, #ea580c 100%);--grad-cyan: linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--grad-green: linear-gradient(135deg, #059669 0%, #10b981 100%);--grad-subtle: linear-gradient(135deg, rgba(109,40,217,.06) 0%, rgba(8,145,178,.06) 100%);--grad-card: linear-gradient(160deg, #ffffff 0%, #faf8ff 100%);--bg: #f5f3ff;--bg-alt: #ede9fe;--surface: #ffffff;--border: #ddd6fe;--border-light: #ede9fe;--ink: #1e1b4b;--ink-muted: #6b7280;--ink-light: #9ca3af;--white: #ffffff;--success: #059669;--success-bg: #ecfdf5;--success-text: #065f46;--danger: #dc2626;--danger-bg: #fef2f2;--danger-text: #991b1b;--info: #0891b2;--info-bg: #ecfeff;--info-text: #155e75;--warning: #d97706;--warning-bg: #fffbeb;--warning-text: #92400e;--radius: 18px;--radius-sm: 12px;--radius-xs: 8px;--shadow: 0 1px 3px rgba(109,40,217,.06), 0 4px 16px rgba(109,40,217,.08);--shadow-lg: 0 4px 6px rgba(109,40,217,.05), 0 12px 32px rgba(109,40,217,.12);--shadow-soft: 0 0 0 1px rgba(109,40,217,.06), 0 2px 8px rgba(109,40,217,.06);--shadow-glow: 0 0 0 3px rgba(109,40,217,.15), 0 4px 20px rgba(109,40,217,.2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(109,40,217,.07) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(8,145,178,.07) 0%,transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--purple-mid);text-decoration:none}a:hover{color:var(--purple)}.app{min-height:100vh;display:flex;flex-direction:column}.page{max-width:960px;margin:0 auto;padding:36px 20px;width:100%}.page-narrow{max-width:460px;margin:0 auto;padding:36px 20px}.header{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;height:60px;box-shadow:0 1px #6d28d914}.header-logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}.header-logo-text{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;gap:4px;align-items:center}.header-nav a{font-size:.83rem;font-weight:500;color:var(--ink-muted);padding:6px 12px;border-radius:var(--radius-xs);transition:all .15s}.header-nav a:hover{color:var(--purple-mid);background:var(--purple-pale)}.card{background:var(--grad-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-soft);border:1px solid var(--border-light);transition:box-shadow .2s}.card+.card{margin-top:12px}.card-header{font-size:.95rem;font-weight:700;margin-bottom:16px;color:var(--ink);letter-spacing:-.2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:-.1px;position:relative;overflow:hidden}.btn-primary{background:var(--grad-main);color:#fff;box-shadow:0 2px 8px #6d28d959}.btn-primary:hover{box-shadow:0 4px 16px #6d28d973;transform:translateY(-1px);filter:brightness(1.05)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface);color:var(--ink);border:1.5px solid var(--border);box-shadow:var(--shadow-soft)}.btn-secondary:hover{border-color:var(--purple-light);color:var(--purple-mid);background:var(--purple-pale)}.btn-danger{background:var(--grad-warm);color:#fff;box-shadow:0 2px 8px #db27774d}.btn-danger:hover{box-shadow:0 4px 16px #db277766;transform:translateY(-1px);filter:brightness(1.05)}.btn-accent{background:var(--grad-purple);color:#fff;box-shadow:0 2px 8px #a855f759}.btn-accent:hover{box-shadow:0 4px 16px #a855f773;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--purple-mid);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--purple-pale);border-color:var(--purple-light)}.btn-sm{padding:6px 14px;font-size:.8rem;border-radius:var(--radius-xs)}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.75rem;font-weight:700;margin-bottom:6px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea,.input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.925rem;font-family:inherit;background:var(--surface);transition:all .2s;color:var(--ink)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.input:focus{outline:none;border-color:var(--purple-mid);box-shadow:0 0 0 3px #6d28d91f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ink-light)}.form-group textarea{resize:vertical;min-height:80px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-card{text-align:center;padding:24px 16px;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:var(--grad-subtle);border-radius:inherit}.stat-card:nth-child(1):before{background:linear-gradient(160deg,#6d28d914,#a855f70a)}.stat-card:nth-child(2):before{background:linear-gradient(160deg,#0891b214,#06b6d40a)}.stat-card:nth-child(3):before{background:linear-gradient(160deg,#05966914,#10b9810a)}.stat-card:nth-child(4):before{background:linear-gradient(160deg,#db277714,#f9a8d40a)}.stat-value{font-size:2.2rem;font-weight:800;background:var(--grad-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;position:relative}.stat-label{font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600;margin-top:2px;position:relative}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;letter-spacing:.2px;gap:4px}.badge-green{background:var(--success-bg);color:var(--success-text)}.badge-blue{background:var(--info-bg);color:var(--info-text)}.badge-red{background:var(--danger-bg);color:var(--danger-text)}.badge-grey{background:var(--bg-alt);color:var(--ink-muted)}.badge-purple{background:var(--purple-pale);color:var(--purple-mid)}.badge-cyan{background:var(--cyan-pale);color:var(--cyan)}.badge-amber{background:var(--amber-pale);color:var(--amber)}.session-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-light);gap:12px}.session-item:last-child{border-bottom:none}.session-info h3{font-size:.92rem;font-weight:600;color:var(--ink)}.session-meta{font-size:.8rem;color:var(--ink-muted);margin-top:2px}.tabs{display:flex;gap:3px;background:var(--surface);padding:4px;border-radius:var(--radius-sm);margin-bottom:24px;border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}.tab{padding:8px 18px;font-size:.83rem;font-weight:600;color:var(--ink-muted);cursor:pointer;border-radius:var(--radius-xs);background:none;border:none;font-family:inherit;transition:all .15s;letter-spacing:-.1px}.tab:hover{color:var(--purple-mid);background:var(--purple-pale)}.tab.active{background:var(--grad-main);color:#fff;box-shadow:0 2px 8px #6d28d94d}.loading{text-align:center;padding:48px;color:var(--ink-muted);font-size:.9rem}.empty{text-align:center;padding:48px 20px;color:var(--ink-muted)}.empty h3{margin-bottom:6px;color:var(--ink);font-weight:600}.empty p{font-size:.9rem}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:.875rem;font-weight:500;border-left:3px solid}.alert-success{background:var(--success-bg);color:var(--success-text);border-left-color:var(--success)}.alert-error{background:var(--danger-bg);color:var(--danger-text);border-left-color:var(--danger)}.profile-header{text-align:center;padding:56px 24px 40px;background:var(--grad-main);border-radius:var(--radius);margin-bottom:24px;position:relative;overflow:hidden;color:#fff}.profile-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='30'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.profile-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:16px;background:#fff3;border:3px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0003;position:relative}.profile-name{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;position:relative}.profile-profession{color:#fffc;font-size:.95rem;margin-top:4px;position:relative}.profile-bio{margin-top:12px;max-width:480px;margin-left:auto;margin-right:auto;color:#ffffffbf;font-size:.9rem;line-height:1.7;position:relative}.hero-gradient{background:var(--grad-main);border-radius:var(--radius);padding:72px 24px;text-align:center;color:#fff;position:relative;overflow:hidden}.hero-gradient:before{content:"";position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(255,255,255,.12) 0%,transparent 70%);pointer-events:none}.hero-gradient:after{content:"";position:absolute;bottom:-30%;right:-10%;width:50%;height:150%;background:radial-gradient(ellipse,rgba(8,145,178,.3) 0%,transparent 70%);pointer-events:none}.hero-gradient h1,.hero-gradient p,.hero-gradient .btn{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-light)}@media(max-width:640px){.page{padding:20px 14px}.header{padding:0 14px}.header-nav{gap:2px}.header-nav a{padding:5px 8px;font-size:.78rem}.header-logo-text{font-size:1.15rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.session-item{flex-direction:column;align-items:flex-start;gap:8px}.card{padding:18px}.stat-card{padding:18px 12px}.stat-value{font-size:1.8rem}.tabs{flex-wrap:wrap}}