:root{--color-bg:#faf6f0;--color-surface:#fff;--color-border:#ede4d8;--color-text:#181433;--color-text-muted:rgba(24,20,51,.5);--color-accent:#3fe0ab;--color-accent-dark:#0b8a5e;--color-accent-bg:#e2fbf1;--color-marine:#181433;--color-coral:#ff8f6b;--color-coral-bg:#ffe9df;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Quicksand,system-ui,sans-serif}.page{max-width:420px}.page,.page-wide{margin:0 auto;padding:2rem 1.25rem}.page-wide{max-width:900px}.card{background:var(--color-surface);border-radius:24px;box-shadow:0 6px 18px rgba(24,20,51,.07);padding:1.25rem}h1{font-size:1.4rem;margin:0 0 1.5rem}h1,h2{font-weight:700}h2{font-size:1.1rem;margin:0 0 1rem}input{width:100%;font-size:15px;font-family:Quicksand,system-ui,sans-serif;font-weight:600;border-radius:20px;border:1.5px solid var(--color-border);padding:15px 18px;color:var(--color-text);background:#fff;outline:none;margin-bottom:0}input:focus{border-color:var(--color-accent)}button{font-size:15px;font-family:Quicksand,system-ui,sans-serif;font-weight:700;border-radius:999px;border:none;padding:16px;background:var(--color-accent);color:#0b3d2c;cursor:pointer;width:100%}button:hover{opacity:.92}button.secondary{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}button.dark{background:var(--color-marine);color:#fff}.progress-track{background:#f1ede6;border-radius:999px;height:8px;overflow:hidden;margin:.5rem 0}.progress-fill{background:var(--color-accent);height:100%;border-radius:999px}.badge-pending{font-size:.75rem;padding:3px 10px;border-radius:99px;background:#faeeda;color:#633806;display:inline-block;font-weight:700}.text-muted{color:var(--color-text-muted);font-size:.85rem}.c-app{display:flex;height:100vh;overflow:hidden}.c-sidebar{width:232px;background:#181433;display:flex;flex-direction:column;flex-shrink:0}.c-sidebar-logo{padding:22px 20px 16px;border-bottom:1px solid hsla(0,0%,100%,.07)}.c-logo{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.4px}.c-logo span{color:#3fe0ab}.c-logo-sub{font-size:9px;font-weight:700;color:hsla(0,0%,100%,.3);margin-top:3px;letter-spacing:.1em;text-transform:uppercase}.c-nav{flex:1 1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.c-nav-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;font-size:13px;font-weight:600;color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .15s;text-decoration:none}.c-nav-item:hover{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.82)}.c-nav-item.active{background:rgba(63,224,171,.13);color:#3fe0ab}.c-sidebar-footer{padding:12px 10px;border-top:1px solid hsla(0,0%,100%,.07)}.c-user{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:10px}.c-avatar{width:30px;height:30px;font-size:12px}.c-avatar,.c-avatar-lg{background:linear-gradient(135deg,#3fe0ab,#28c99a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#181433;flex-shrink:0}.c-avatar-lg{width:50px;height:50px;font-size:20px}.c-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.c-topbar{background:#fff;border-bottom:1.5px solid #ede4d8;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.c-topbar-title{font-size:17px;font-weight:700;color:#181433}.c-topbar-right{display:flex;align-items:center;gap:10px}.c-page{flex:1 1;overflow-y:auto;padding:28px;background:#faf6f0;display:flex;flex-direction:column;gap:20px}.c-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px}.c-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.c-badge.trial{background:#fffbeb;color:#92400e}.c-badge.active{background:#e8fdf6;color:#065f46}.c-badge.expired{background:#fef0ef;color:#e8534a}.c-card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 2px 12px rgba(24,20,51,.05)}.c-card-title{font-size:13px;font-weight:700;color:#181433;margin-bottom:16px;letter-spacing:.01em}.c-stat{background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 2px 12px rgba(24,20,51,.05)}.c-stat-label{font-size:11px;font-weight:700;color:#8b8298;letter-spacing:.05em;text-transform:uppercase}.c-stat-value{font-size:30px;font-weight:700;color:#181433;margin-top:6px}.c-stat-sub{font-size:12px;font-weight:600;color:#8b8298;margin-top:3px}.c-plan{background:#181433;border-radius:18px;padding:22px;color:#fff;position:relative;overflow:hidden}.c-plan:before{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;background:rgba(63,224,171,.06);border-radius:50%}.c-plan-name{font-size:10px;font-weight:700;color:hsla(0,0%,100%,.35);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}.c-plan-price{font-size:36px;font-weight:700;color:#3fe0ab;display:flex;align-items:baseline;gap:4px}.c-plan-price span{font-size:14px;color:hsla(0,0%,100%,.45);font-weight:600}.c-plan-features{margin-top:16px;display:flex;flex-direction:column;gap:8px}.c-plan-feature{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.75);display:flex;align-items:center;gap:8px}a.c-btn,button.c-btn{font-family:Quicksand,sans-serif!important;font-size:13px!important;font-weight:700!important;padding:10px 20px!important;border-radius:999px!important;border:none!important;cursor:pointer!important;transition:all .15s!important;display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;text-decoration:none!important;white-space:nowrap!important;opacity:1!important}a.c-btn-primary,button.c-btn-primary{background:#181433!important;color:#fff!important}button.c-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(24,20,51,.2);opacity:1!important}a.c-btn-mint,button.c-btn-mint{background:#3fe0ab!important;color:#181433!important}button.c-btn-mint:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(63,224,171,.3);opacity:1!important}a.c-btn-outline,button.c-btn-outline{background:transparent!important;border:2px solid #ede4d8!important;color:#2d2640!important}button.c-btn-outline:hover{border-color:#ccc5bf!important;opacity:1!important}button.c-btn-red{background:#fef0ef!important;color:#e8534a!important;border:1.5px solid #f7c5c3!important}a.c-btn-sm,button.c-btn-sm{font-size:12px!important;padding:7px 14px!important}button.c-btn-full{width:100%!important;justify-content:center!important}a.c-btn-lg,button.c-btn-lg{font-size:14px!important;padding:13px 26px!important}.c-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.c-grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.c-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px}.c-info-row+.c-info-row{border-top:1px solid #ede4d8}.c-info-key{font-weight:600;color:#8b8298}.c-info-val{font-weight:700;color:#181433}.c-progress{height:7px;background:#ede4d8;border-radius:999px;overflow:hidden;margin-top:7px}.c-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3fe0ab,#28c99a)}.c-banner{border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px}.c-banner.trial{background:#e8fdf6;border:1.5px solid #a7f3d0}.c-banner.expired{background:#fef0ef;border:1.5px solid #f7c5c3}.c-banner.info{background:#f0f4ff;border:1.5px solid #c7d2fe}.c-banner-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.c-banner.trial .c-banner-icon{background:#3fe0ab;color:#181433}.c-banner.expired .c-banner-icon{background:#e8534a;color:#fff}.c-banner.info .c-banner-icon{background:#6366f1;color:#fff}.c-banner-title{font-size:13px;font-weight:700;color:#181433}.c-banner.expired .c-banner-title{color:#e8534a}.c-banner-sub{font-size:12px;font-weight:600;color:#8b8298;margin-top:3px}.c-banner.trial .c-banner-sub{color:#047857}.c-banner.expired .c-banner-sub{color:#9b3630}.c-table{width:100%;border-collapse:collapse;font-size:13px}.c-table thead th{font-size:11px;font-weight:700;color:#8b8298;text-align:left;padding:8px 14px;border-bottom:1.5px solid #ede4d8;text-transform:uppercase;letter-spacing:.04em}.c-table tbody td{padding:12px 14px;border-bottom:1px solid #ede4d8;font-weight:600;color:#2d2640;vertical-align:middle}.c-table tbody tr:last-child td{border-bottom:none}.c-security,.c-table tbody tr:hover td{background:#faf6f0}.c-security{border:1.5px solid #ede4d8;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:600;color:#8b8298;display:flex;align-items:center;gap:8px;line-height:1.5}.c-login-layout{display:flex;height:100vh}.c-login-left{width:400px;background:#181433;display:flex;flex-direction:column;padding:40px;flex-shrink:0;position:relative;overflow:hidden}.c-login-left:before{width:380px;height:380px;background:radial-gradient(circle,rgba(63,224,171,.13),transparent 70%);top:-130px;right:-130px}.c-login-left:after,.c-login-left:before{content:"";position:absolute;border-radius:50%}.c-login-left:after{width:340px;height:340px;background:radial-gradient(circle,rgba(255,143,107,.1),transparent 70%);bottom:-110px;left:-110px}.c-login-left>*{position:relative;z-index:1}.c-login-center{flex:1 1;flex-direction:column}.c-login-center,.c-login-right{display:flex;justify-content:center}.c-login-right{flex:1 1;background:#faf6f0;align-items:center;padding:40px;overflow-y:auto}.c-login-box{width:100%;max-width:360px}.c-login-tagline{font-size:26px;font-weight:700;color:#fff;line-height:1.3;margin-top:24px}.c-login-tagline span{color:#3fe0ab}.c-login-sub{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.45);margin-top:10px;line-height:1.6}.c-quote{background:hsla(0,0%,100%,.05);border-radius:14px;padding:18px;border-left:3px solid #3fe0ab}.c-quote p{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.65);line-height:1.6;font-style:italic;margin:0}.c-quote-author{font-size:11px;font-weight:700;color:hsla(0,0%,100%,.35);margin-top:8px}.c-tabs{display:flex;background:#ede4d8;border-radius:12px;padding:3px;margin-bottom:24px}button.c-tab{flex:1 1!important;text-align:center!important;padding:9px!important;font-size:13px!important;font-weight:700!important;color:#8b8298!important;cursor:pointer!important;transition:all .18s!important;background:transparent!important;border:none!important;width:auto!important;border-radius:9px!important}button.c-tab.active{background:#fff!important;color:#181433!important;box-shadow:0 1px 6px rgba(24,20,51,.1)!important}.c-input{font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;padding:11px 14px;border-radius:12px;border:2px solid #ede4d8;background:#faf6f0;color:#2d2640;outline:none;transition:border-color .15s;width:100%;margin-bottom:0}.c-input:focus{border-color:#3fe0ab;background:#fff}.c-select{font-family:Quicksand,sans-serif;font-size:13px;font-weight:600;padding:11px 14px;border-radius:12px;border:2px solid #ede4d8;background:#faf6f0;color:#2d2640;outline:none;width:100%}.c-label{font-size:11px;font-weight:700;color:#181433;letter-spacing:.02em;display:block;margin-bottom:5px}.c-form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.c-form-group{display:flex;flex-direction:column;gap:0}.c-divider{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#8b8298;margin:4px 0}.c-divider:after,.c-divider:before{content:"";flex:1 1;height:1px;background:#ede4d8}.c-frosted-wrap{position:relative}.c-frosted-overlay{position:absolute;inset:0;background:hsla(36,50%,96%,.8);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#e8534a;gap:7px}.cl-layout{min-height:100dvh;display:flex;background:#faf6f0}.cl-left{display:none;width:45%;flex-shrink:0;background:#181433;flex-direction:column;justify-content:space-between;padding:40px 48px;position:relative;overflow:hidden}.cl-left:before{width:440px;height:440px;background:radial-gradient(circle,rgba(63,224,171,.13),transparent 70%);top:-150px;right:-150px}.cl-left:after,.cl-left:before{content:"";position:absolute;border-radius:50%}.cl-left:after{width:400px;height:400px;background:radial-gradient(circle,rgba(255,143,107,.1),transparent 70%);bottom:-130px;left:-130px}.cl-left>*{position:relative;z-index:1}.cl-left-center{display:flex;flex-direction:column;align-items:flex-start}.cl-left-foot{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.32);letter-spacing:.02em}.cl-mockcard{margin-top:36px;width:100%;max-width:320px;background:#fff;border-radius:20px;padding:20px 22px;box-shadow:0 24px 48px rgba(0,0,0,.35);transform:rotate(-2deg)}.cl-mockcard-dots{display:flex;gap:8px;margin-top:16px}.cl-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cl-dot.on{background:linear-gradient(135deg,#3fe0ab,#28c99a)}.cl-dot.off{border:2px dashed #ede4d8}.cl-right{flex:1 1}.cl-mhero,.cl-right{display:flex;flex-direction:column}.cl-mhero{background:#181433;padding:26px 24px 58px;position:relative;overflow:hidden}.cl-mhero:before{width:260px;height:260px;background:radial-gradient(circle,rgba(63,224,171,.18),transparent 70%);top:-110px;right:-110px}.cl-mhero:after,.cl-mhero:before{content:"";position:absolute;border-radius:50%}.cl-mhero:after{width:240px;height:240px;background:radial-gradient(circle,rgba(255,143,107,.14),transparent 70%);bottom:-90px;left:-100px}.cl-mhero>*{position:relative;z-index:1}.cl-mhero .cl-mockcard{margin:20px auto 0;max-width:260px}.cl-mhero .cl-mockcard-dots{gap:5px}.cl-mhero .cl-dot{width:21px;height:21px}.cl-form{flex:1 1;margin-top:-40px;border-radius:26px 26px 0 0;background:#faf6f0;position:relative;z-index:2;padding:26px 24px 28px}.cl-form,.cl-form-inner{display:flex;flex-direction:column;gap:14px}.cl-form-inner{flex:1 1}@media (min-width:768px){.cl-left{display:flex}.cl-mhero{display:none}.cl-form{flex:1 1;margin-top:0;border-radius:0;padding:48px 56px;justify-content:center;align-items:center}.cl-form-inner{max-width:420px;width:100%;background:#fff;border-radius:24px;box-shadow:0 12px 36px rgba(24,20,51,.08);padding:36px 34px 30px;gap:18px;flex:unset}}.c-nav-label-short{display:none}@media (max-width:767px){.c-login-layout{flex-direction:column;height:auto;min-height:100dvh}.c-login-left{width:100%;flex-shrink:0;padding:26px 24px 34px}.c-login-center{flex:unset;justify-content:flex-start}.c-login-tagline{font-size:22px;margin-top:14px}.c-login-sub{margin-top:8px}.c-login-features,.c-quote{display:none}.c-login-right{padding:0;align-items:stretch;overflow-y:visible}.c-login-box{max-width:100%;margin-top:-22px;background:#faf6f0;border-radius:24px 24px 0 0;padding:26px 22px 30px;position:relative;z-index:2}.c-app{flex-direction:column;height:100dvh}.c-sidebar{order:2;width:100%;height:60px;flex-direction:row;flex-shrink:0;border-top:1px solid hsla(0,0%,100%,.08)}.c-sidebar-footer,.c-sidebar-logo{display:none}.c-nav{flex:1 1;flex-direction:row;padding:0;gap:0;align-items:stretch;justify-content:space-around}.c-nav-item{flex:1 1;flex-direction:column;gap:3px;justify-content:center;padding:7px 2px;font-size:9.5px;border-radius:0;text-align:center}.c-nav-item.active,.c-nav-item:hover{background:transparent}.c-nav-item.active{color:#3fe0ab}.c-nav-label{display:none}.c-nav-label-short{display:inline}.c-main{order:1;flex:1 1;min-height:0}.c-topbar{padding:12px 18px}.c-topbar-title{font-size:15px}.c-page{padding:18px 16px;gap:16px}.c-form-row,.c-grid-2,.c-grid-3{grid-template-columns:1fr}.c-card{overflow-x:auto}}