@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/ab624315db63c58d-s.028be875.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/e94b8ab81811a983-s.399ca42d.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400 800;font-display:swap;src:url(../media/0c795a286deabae8-s.p.b6c48e4e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Fallback;src:local(Arial);ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.0%;size-adjust:98.47%}.syne_89eecdd9-module__ON88Zq__className{font-family:Syne,Syne Fallback;font-style:normal}.syne_89eecdd9-module__ON88Zq__variable{--font-syne:"Syne","Syne Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_efc253b3-module__w1i8Da__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_efc253b3-module__w1i8Da__variable{--font-dm-sans:"DM Sans","DM Sans Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_7ea1d0f9-module__6GV5LG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_7ea1d0f9-module__6GV5LG__variable{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}
:root{--bg-base:#07090f;--bg-surface:#0c1018;--bg-elevated:#111827;--border:#1a2236;--border-bright:#243047;--accent:#4f6ef7;--accent-2:#8b5cf6;--accent-glow:#4f6ef759;--accent-glow-2:#8b5cf640;--text-1:#eff2ff;--text-2:#8994b0;--text-3:#4b5878;--success:#22c55e;--danger:#ef4444;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"JetBrains Mono",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-card:0 4px 32px #00000073,0 1px 0 #ffffff0a inset;--shadow-glow:0 0 40px var(--accent-glow);--shadow-glow-2:0 0 60px var(--accent-glow-2)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:15px;line-height:1.6}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 60px var(--accent-glow-2)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes border-spin{0%{--angle:0deg}to{--angle:360deg}}@keyframes stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.55s cubic-bezier(.16,1,.3,1) both fadeUp}.animate-fade-in{animation:.4s both fadeIn}.stagger>*{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) both stagger-in}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:70ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.21s}.stagger>:nth-child(5){animation-delay:.28s}.dashboard-layout{background:var(--bg-base);min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-inner{flex-direction:column;height:100%;padding:1.5rem 1.25rem;display:flex}.sidebar-logo{align-items:center;gap:.625rem;margin-bottom:2.5rem;padding:0 .25rem;display:flex}.sidebar-logo-mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));width:34px;height:34px;font-family:var(--font-display);color:#fff;box-shadow:0 0 20px var(--accent-glow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.sidebar-logo-text{flex-direction:column;display:flex}.sidebar-logo-name{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.01em;font-size:.9rem;font-weight:700;line-height:1.1}.sidebar-logo-sub{color:var(--text-3);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:500}.nav-section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:.5rem;padding:0 .5rem;font-size:.65rem;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-2);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:2px;padding:.65rem .75rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{color:var(--text-1);background:#ffffff0d}.nav-item.active{color:var(--accent);background:#4f6ef71f}.nav-item-icon{opacity:.9;flex-shrink:0;width:18px;height:18px}.nav-spacer{flex:1}.sidebar-user-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;transition:border-color .2s;display:flex}.sidebar-user-card:hover{border-color:var(--border-bright)}.sidebar-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-user-plan{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:500}.logout-btn{width:100%;color:var(--text-3);border-radius:var(--radius-sm);align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.logout-btn:hover{color:var(--danger);background:#ef444414}.main-area{background:var(--bg-base);flex:1;min-height:100vh;overflow-y:auto}.main-header{z-index:10;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#07090fd9;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex;position:sticky;top:0}.main-header-greeting h2{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.01em;font-size:1rem;font-weight:700}.main-header-greeting p{color:var(--text-3);margin-top:1px;font-size:.78rem}.page-content{max-width:1100px;margin:0 auto;padding:2rem}.plan-badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.68rem;font-weight:700;display:inline-flex}.plan-badge.starter{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa40}.plan-badge.pro{color:var(--accent);background:#4f6ef71a;border-color:#4f6ef74d}.plan-badge.elite{color:#c084fc;background:#c084fc14;border-color:#c084fc4d}.section-header{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.section-title{color:var(--text-1);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.section-desc{color:var(--text-2);margin-top:3px;font-size:.8rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.product-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.product-card:hover:not(.locked){border-color:var(--border-bright);box-shadow:var(--shadow-card),0 12px 40px #0006;transform:translateY(-4px)}.product-card.locked{opacity:.65;cursor:default}.product-card-header{align-items:flex-start;gap:1.25rem;padding:1.75rem 1.5rem 1.25rem;display:flex}.product-icon-wrap{border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-bright);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;transition:all .2s;display:flex;overflow:hidden}.product-card:hover:not(.locked) .product-icon-wrap{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.product-card-meta{flex:1;min-width:0}.product-card-name{font-family:var(--font-display);color:var(--text-1);margin-bottom:4px;font-size:1rem;font-weight:700}.product-card-desc{color:var(--text-2);font-size:.78rem;line-height:1.4}.product-card-status{text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-items:center;gap:.375rem;font-size:.7rem;font-weight:600;display:flex}.product-card-status.active{color:var(--success)}.product-card-status.locked-status{color:var(--text-3)}.product-card-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.product-card-status.active .product-card-status-dot{animation:2s infinite pulse-glow;box-shadow:0 0 6px}.product-card-divider{background:var(--border);height:1px;margin:0 1.5rem}.product-card-footer{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.product-card-plan-req{color:var(--text-3);align-items:center;gap:.375rem;font-size:.72rem;display:flex}.locked-overlay{-webkit-backdrop-filter:blur(3px);border-radius:var(--radius-lg);z-index:5;opacity:0;background:#07090fb8;flex-direction:column;justify-content:center;align-items:center;gap:.875rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.product-card.locked .locked-overlay{opacity:1}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;font-size:.85rem;font-weight:600;font-family:var(--font-body);appearance:none;border:none;justify-content:center;align-items:center;gap:.5rem;transition:all .18s;display:inline-flex}.btn-sm{height:34px;padding:0 1rem;font-size:.8rem}.btn-md{height:40px;padding:0 1.25rem}.btn-lg{height:48px;padding:0 1.75rem;font-size:.9rem}.btn-xl{height:52px;padding:0 2rem;font-size:.95rem;font-weight:700}.btn-full{width:100%}.btn-grad{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 2px 20px #4f6ef759}.btn-grad:hover{transform:translateY(-1px);box-shadow:0 4px 32px #4f6ef78c,0 0 60px #8b5cf64d}.btn-grad:active{box-shadow:none;transform:translateY(0)}.btn-outline{background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text-1)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#ffffff0f}.btn-ghost{color:var(--text-2);background:0 0}.btn-ghost:hover{color:var(--text-1);background:#ffffff0a}.btn-danger-ghost{color:var(--text-3);background:0 0}.btn-danger-ghost:hover{color:var(--danger);background:#ef444414}.login-page{background:radial-gradient(ellipse 80% 50% at 50% -10%,#4f6ef72e 0%,transparent 60%),var(--bg-base);place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) both fadeUp;box-shadow:0 32px 80px #0009,inset 0 2px #ffffff08}.login-logo-wrap{background:linear-gradient(135deg,var(--accent),var(--accent-2));width:52px;height:52px;font-family:var(--font-display);color:#fff;box-shadow:0 0 30px var(--accent-glow);border-radius:14px;place-items:center;margin:0 auto 1.5rem;font-size:22px;font-weight:800;display:grid}.login-title{font-family:var(--font-display);letter-spacing:-.03em;text-align:center;color:var(--text-1);margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.login-sub{color:var(--text-3);text-align:center;margin-bottom:2rem;font-size:.82rem}.field{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.field-label{color:var(--text-2);letter-spacing:.01em;font-size:.78rem;font-weight:600}.field-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:44px;color:var(--text-1);outline:none;padding:0 .875rem;font-size:.9rem;transition:all .15s}.field-input::placeholder{color:var(--text-3)}.field-input:focus{border-color:var(--accent);background:#4f6ef70a;box-shadow:0 0 0 3px #4f6ef71f}.login-footer{text-align:center;color:var(--text-3);margin-top:1.75rem;font-size:.75rem}.login-divider{align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.login-divider-line{background:var(--border);flex:1;height:1px}.login-divider-text{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.stats-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:border-color .2s}.stat-card:hover{border-color:var(--border-bright)}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.72rem;font-weight:600}.stat-value{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.stat-sub{color:var(--text-2);margin-top:3px;font-size:.72rem}.welcome-banner{border-radius:var(--radius-lg);background:linear-gradient(120deg,#4f6ef71f,#8b5cf614);border:1px solid #4f6ef740;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden}.welcome-banner:before{content:"";pointer-events:none;background:radial-gradient(circle,#4f6ef726 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-50px}.welcome-banner-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:1.2rem;font-weight:700}.welcome-banner-sub{color:var(--text-2);font-size:.82rem}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.plan-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;padding:2rem 1.75rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.plan-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}.plan-card.featured{border-color:var(--accent);box-shadow:var(--shadow-card),0 0 40px #4f6ef726;background:linear-gradient(160deg,#4f6ef70f,var(--bg-surface))}.plan-card.elite-plan{box-shadow:var(--shadow-card),0 0 40px #8b5cf61f;background:linear-gradient(160deg,#8b5cf60f,var(--bg-surface));border-color:#c084fc66}.plan-chip{text-transform:uppercase;letter-spacing:.1em;border-radius:999px;align-self:flex-start;align-items:center;gap:.3rem;margin-bottom:1.25rem;padding:.25rem .625rem;font-size:.65rem;font-weight:700;display:inline-flex}.plan-chip.featured-chip{color:var(--accent);background:#4f6ef726}.plan-chip.elite-chip{color:#c084fc;background:#c084fc26}.plan-name{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.375rem;font-size:1.4rem;font-weight:800}.plan-desc{color:var(--text-2);min-height:36px;margin-bottom:1.5rem;font-size:.82rem}.plan-price{align-items:baseline;gap:.3rem;margin-bottom:1.75rem;display:flex}.plan-price-amount{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text-1);font-size:2.25rem;font-weight:800}.plan-price-period{color:var(--text-3);font-size:.78rem;font-weight:500}.plan-features{flex-direction:column;flex:1;gap:.75rem;margin-bottom:2rem;list-style:none;display:flex}.plan-feature{color:var(--text-1);align-items:flex-start;gap:.625rem;font-size:.85rem;display:flex}.plan-feature-check{width:18px;height:18px;color:var(--success);background:#22c55e1f;border:1px solid #22c55e40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.account-grid{grid-template-columns:300px 1fr;align-items:start;gap:1.5rem;display:grid}.profile-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-card);padding:2rem}.profile-avatar-lg{background:linear-gradient(135deg,var(--accent),var(--accent-2));width:80px;height:80px;font-family:var(--font-display);color:#fff;box-shadow:0 0 40px var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:2rem;font-weight:700;display:flex}.profile-name{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.2rem;font-weight:700}.profile-email{color:var(--text-2);margin-bottom:1.25rem;font-size:.78rem}.detail-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem}.detail-card-title{font-family:var(--font-display);color:var(--text-1);letter-spacing:-.01em;border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:1rem;font-size:.9rem;font-weight:700;display:flex}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row-label{color:var(--text-2);font-size:.82rem;font-weight:500}.detail-row-value{color:var(--text-1);font-size:.85rem;font-weight:600;font-family:var(--font-mono);font-size:.78rem}.app-hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding:2.5rem;display:flex}.app-hero-icon{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-bright);flex-shrink:0;place-items:center;width:80px;height:80px;font-size:2.5rem;display:grid}.app-hero-title{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.app-hero-desc{color:var(--text-2);max-width:500px;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.info-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem}.info-card-title{font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:700;display:flex}.code-box{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent);white-space:pre;padding:1.25rem 1.5rem;font-size:.82rem;line-height:1.8;overflow-x:auto}.alert{border-radius:var(--radius-sm);align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.875rem 1.25rem;font-size:.85rem;font-weight:500;display:flex}.alert-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444440}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skel{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated)25%,var(--bg-surface)50%,var(--bg-elevated)75%);background-size:200% 100%;animation:1.6s ease-in-out infinite skeleton}.locked-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:4rem 2rem;display:flex}.locked-icon{background:#ef444414;border:1px solid #ef444433;border-radius:50%;place-items:center;width:90px;height:90px;margin-bottom:1.75rem;display:grid}.mobile-nav{z-index:50;background:var(--bg-surface);border-top:1px solid var(--border);justify-content:space-around;padding:.625rem 2rem 1rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.25rem;padding:.375rem 1rem;font-size:.62rem;font-weight:600;transition:all .15s;display:flex}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--accent)}@media (max-width:1024px){.sidebar{display:none}.mobile-nav{display:flex}.main-area{padding-bottom:5rem}.account-grid{grid-template-columns:1fr}.app-hero{flex-direction:column;gap:1.25rem}}@media (max-width:640px){.page-content{padding:1.25rem 1rem}.main-header{padding:.875rem 1rem}.products-grid,.plans-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.welcome-banner{flex-direction:column}.login-card{padding:1.75rem 1.5rem}}.module-detail-grid{grid-template-columns:1fr 340px;align-items:start;gap:2rem;display:grid}@media (max-width:900px){.module-detail-grid{grid-template-columns:1fr}}.lesson-item-row{transition:background .15s}.lesson-item-row:hover{background:#ffffff08}.hover-accent:hover{color:var(--accent)!important}@media (max-width:820px){.account-grid{grid-template-columns:1fr}}.hero-bg-mobile{display:none}@media (max-width:640px){.hero-bg-desktop{display:none}.hero-bg-mobile{display:block}}.banners-list{flex-direction:column;gap:1rem;display:flex}.banner-card-admin{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:180px 1fr;transition:border-color .2s;display:grid;overflow:hidden}.banner-card-admin:hover{border-color:var(--border-bright)}.banner-thumb{background:var(--bg-elevated);flex-shrink:0;place-items:center;height:120px;display:grid;position:relative;overflow:hidden}.banner-card-body{flex-direction:column;justify-content:center;padding:1.25rem 1.5rem;display:flex}.banner-inactive-chip{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#ef4444d9;border-radius:999px;padding:.15rem .5rem;font-size:.6rem;font-weight:700;position:absolute;top:6px;left:6px}.tag-chip{background:var(--bg-elevated);border:1px solid var(--border-bright);color:var(--text-2);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.65rem;font-weight:600;display:inline-flex}.banner-form-panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-height:90vh;box-shadow:var(--shadow-card);padding:1.75rem;overflow-y:auto}.drawer-overlay{display:none}.empty-state{background:var(--bg-surface);border:1px dashed var(--border-bright);border-radius:var(--radius-lg);text-align:center;color:var(--text-2);padding:3rem 2rem}.toggle-label{cursor:pointer;color:var(--text-2);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}@media (max-width:640px){.page-content{padding:1rem}.main-header{padding:.75rem 1rem}.main-header-greeting p{display:none}.mobile-nav{padding:.5rem .5rem calc(env(safe-area-inset-bottom) + .5rem);align-items:stretch;gap:0}.mobile-nav-item{letter-spacing:.04em;border-radius:var(--radius-sm);flex:1;padding:.5rem .25rem;font-size:.58rem}.btn-lg,.btn-xl{height:44px;font-size:.875rem}.banner-card-admin{grid-template-columns:1fr}.banner-thumb{height:160px}.banner-card-body{padding:1rem 1.25rem}.drawer-overlay{z-index:40;-webkit-backdrop-filter:blur(4px);background:#000000a6;display:block;position:fixed;inset:0}.banner-form-panel{z-index:50;border-radius:var(--radius-xl)var(--radius-xl)0 0;padding:1.5rem 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem);border-bottom:none;max-height:92vh;animation:.3s cubic-bezier(.16,1,.3,1) both slideUp;position:fixed;bottom:0;left:0;right:0}.stats-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.25rem}.products-grid,.module-detail-grid{grid-template-columns:1fr}.welcome-banner{flex-direction:column;gap:1rem;padding:1.25rem}.account-grid{grid-template-columns:1fr}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}