*{box-sizing:border-box;margin:0;padding:0}:root{--black:#171717;--black-soft:#242424;--pink:#d63384;--pink-dark:#bd286f;--pink-light:#fce7f3;--pink-glow:#d6338424;--text:#171717;--text-muted:#737373;--text-light:#a3a3a3;--background:#fff;--surface:#fafafa;--surface-soft:#f8f8f8;--border:#eaeaea;--border-soft:#f1f1f1;--danger:#e25555;--danger-light:#fff3f3;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--shadow-sm:0 2px 8px #00000008;--shadow-md:0 8px 30px #0000000d;--shadow-lg:0 20px 60px #00000014;--ease:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-top:48px;padding-left:280px;padding-right:48px;font-family:Inter,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#cfcfcf}::selection{background:var(--pink-light);color:var(--pink-dark)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%{box-shadow:0 0 #d6338414}70%{box-shadow:0 0 0 10px #d6338400}to{box-shadow:0 0 #d6338400}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.react-embedded-view{animation:slideUpFade .55s var(--ease) both}.navbar{border-right:1px solid var(--border);z-index:100;width:240px;transition:width .4s var(--ease), padding .4s var(--ease), transform .4s var(--ease);background:linear-gradient(#fafafa 0%,#f7f7f7 100%);flex-direction:column;padding:24px;display:flex;position:fixed;inset:0 auto 0 0}.navbar.collapsed{width:88px;padding:24px 16px}.button-div{justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.profile-icon,.hamburger-icon{border:1px solid var(--border);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-bounce), background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;background:#fffc;justify-content:center;align-items:center;display:flex}.profile-icon:hover,.hamburger-icon:hover{background:var(--pink-light);color:var(--pink);border-color:#f4b6d2;transform:translateY(-2px)scale(1.04);box-shadow:0 8px 20px #d633841a}.menu-items{flex-direction:column;gap:6px;display:flex}.menu-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .25s ease, color .25s ease, transform .3s var(--ease);align-items:center;gap:14px;padding:13px 15px;font-size:14px;font-weight:500;display:flex;position:relative;overflow:hidden}.menu-item:before{content:"";background:var(--pink);width:3px;height:0;transition:height .25s var(--ease);border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.menu-item:hover{background:var(--pink-light);color:var(--pink);transform:translate(4px)}.menu-item.active{color:var(--pink);background:linear-gradient(90deg,#fce7f3,#fff7fa);font-weight:600}.menu-item.active:before{height:22px}.logout{color:var(--text);cursor:pointer;border-radius:var(--radius-md);transition:background .25s ease, color .25s ease, transform .3s var(--ease);align-items:center;gap:14px;margin-top:auto;padding:13px 15px;font-size:14px;font-weight:500;display:flex}.logout:hover{background:var(--danger-light);color:var(--danger);transform:translate(4px)}.table-container{width:100%;max-width:1200px}.dashboard-title{letter-spacing:-1px;color:var(--text);animation:slideUpFade .5s var(--ease) both;margin-bottom:30px;font-family:Satoshi,sans-serif;font-size:clamp(28px,3vw,36px);font-weight:900}.section-heading{color:var(--text);letter-spacing:-.3px;margin-bottom:18px;font-family:Satoshi,sans-serif;font-size:20px;font-weight:700}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:450px;max-height:600px;box-shadow:var(--shadow-sm);transition:box-shadow .35s ease, transform .35s var(--ease);overflow-y:auto}.table-wrapper:hover{box-shadow:var(--shadow-md)}.table-elem{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th{letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f8f8eb;padding:18px 24px;font-family:Satoshi,sans-serif;font-size:10px;font-weight:700;position:sticky;top:0}.table-row-item{transition:transform .25s var(--ease), background .25s ease}.table-row-item td{border-bottom:1px solid var(--border-soft);color:var(--text);background:#fff;padding:18px 24px;font-size:14px;transition:background .25s,box-shadow .25s}.table-row-item:hover td{background:#fdfdfd}.table-row-item:hover td:first-child{box-shadow:inset 3px 0 0 var(--pink)}.table-row-item:last-child td{border-bottom:none}.company-name-cell{font-family:Satoshi,sans-serif;font-weight:700;font-size:15px!important}.amount-cell{font-weight:600}.cancel-table-header{text-align:right;padding-right:36px}.cancel-btn{float:right;background:linear-gradient(135deg, var(--pink), #c92f79);color:#fff;cursor:pointer;transition:transform .3s var(--ease-bounce), box-shadow .3s ease, filter .2s ease;border:none;border-radius:11px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;box-shadow:0 5px 14px #d633842e}.cancel-btn:hover{filter:brightness(1.04);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 24px #d6338440}.cancel-btn:active{transform:scale(.96)}.loading-state{color:var(--text-muted);text-align:center;background:var(--surface);border-radius:var(--radius-lg);border:1px dashed var(--border);padding:50px;font-size:14px;animation:2s infinite pulseGlow}.error-container{border-radius:var(--radius-lg);text-align:center;animation:scaleIn .4s var(--ease);background:#fff7f7;border:1px solid #ffe0e0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px;display:flex}.error-container p{color:var(--danger);font-size:14px;font-weight:500}.comment-cell{color:var(--text-muted);min-width:150px;font-style:italic}.profile-card-wrapper{border:1px solid var(--border);border-radius:var(--radius-xl);max-width:800px;box-shadow:var(--shadow-sm);transition:transform .4s var(--ease), box-shadow .4s ease;background:linear-gradient(135deg,#fafafa,#fff);align-items:center;gap:40px;padding:40px;display:flex}.profile-card-wrapper:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.profile-avatar-large{width:96px;height:96px;color:var(--pink);transition:transform .5s var(--ease-bounce), box-shadow .4s ease;background:linear-gradient(135deg,#fce7f3,#fdf0f6);border:1px solid #fbcfe8;border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;font-family:Satoshi,sans-serif;font-size:36px;font-weight:900;display:flex}.profile-card-wrapper:hover .profile-avatar-large{transform:scale(1.06)rotate(-4deg);box-shadow:0 14px 30px #d6338429}.profile-details-grid{flex-direction:column;gap:20px;width:100%;display:flex}.profile-field-group{flex-direction:column;gap:6px;display:flex}.profile-field-group label{letter-spacing:.9px;color:var(--text-muted);font-family:Satoshi,sans-serif;font-size:10px;font-weight:700}.profile-field-value{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);background:#fff;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:500;transition:border-color .25s,box-shadow .25s;display:flex}.profile-field-value:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #00000008}.password-mask{letter-spacing:2px;font-family:sans-serif}.password-raw-hint{letter-spacing:normal;color:var(--text-light);font-family:Inter,sans-serif;font-size:12px;font-weight:400}.logout-screen{justify-content:center;align-items:center;width:100%;min-height:70vh;padding:2rem;display:flex}.logout-card{border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:scaleIn .5s var(--ease);background:#fff;padding:2.75rem}.logout-icon-wrapper{background:var(--danger-light);color:#ff6b6b;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;animation:3s ease-in-out infinite float;display:flex}.logout-icon-wrapper i{width:32px;height:32px}.logout-card h2{color:var(--text);margin-bottom:.5rem;font-family:Satoshi,sans-serif;font-size:1.5rem;font-weight:700}.logout-card p{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.logout-actions{gap:1rem;display:flex}.logout-actions button{cursor:pointer;transition:transform .3s var(--ease-bounce), box-shadow .3s ease, background .25s ease;border:none;border-radius:12px;flex:1;padding:.8rem 1.5rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.logout-actions .btn-primary{color:#fff;background:#ff6b6b;box-shadow:0 5px 15px #ff6b6b33}.logout-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 22px #ff6b6b47}.logout-actions .btn-secondary{color:#475569;background:#f5f5f5}.logout-actions .btn-secondary:hover{background:#eaeaea;transform:translateY(-3px)}@keyframes modalBackdropFade{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-backdrop{z-index:9999;background:#1717176b;justify-content:center;align-items:center;animation:.3s forwards modalBackdropFade;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:#fff;width:90%;max-width:480px;padding:32px;box-shadow:0 30px 80px #00000029}@keyframes modalPop{0%{opacity:0;transform:scale(.94)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.animate-pop{animation:modalPop .45s var(--ease-bounce)}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h3{color:var(--text);font-family:Satoshi,sans-serif;font-size:20px;font-weight:700}.close-btn{cursor:pointer;color:var(--text-light);width:36px;height:36px;transition:background .2s ease, color .2s ease, transform .3s var(--ease-bounce);background:0 0;border:none;border-radius:10px;font-size:24px}.close-btn:hover{color:var(--text);background:#f5f5f5;transform:rotate(90deg)}.method-badge{border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-email{color:#0369a1;background:#e0f2fe}.badge-form{color:#b45309;background:#fef3c7}.badge-link{color:#6b21a8;background:#f3e8ff}.workflow-info p{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.6}.data-preview-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:16px;font-size:13px}.form-input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-input-group label{color:var(--text-muted);font-size:11px;font-weight:700}.modal-input,.modal-select{border:1px solid var(--border);background:#fff;border-radius:11px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .25s,box-shadow .25s}.modal-input:focus,.modal-select:focus{border-color:var(--pink);box-shadow:0 0 0 4px var(--pink-glow)}.modal-footer{gap:12px;margin-top:28px;display:flex}.btn-confirm-action{background:var(--black);color:#fff;cursor:pointer;transition:transform .3s var(--ease-bounce), box-shadow .3s ease, background .25s ease;border:none;border-radius:12px;flex:2;padding:12px 20px;font-size:14px;font-weight:600}.btn-confirm-action:hover{background:#303030;transform:translateY(-2px);box-shadow:0 10px 22px #00000024}.btn-confirm-action:active{transform:scale(.98)}.btn-modal-secondary{color:#404040;cursor:pointer;transition:transform .3s var(--ease-bounce), background .25s ease;background:#f5f5f5;border:none;border-radius:12px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.btn-modal-secondary:hover{background:#eaeaea;transform:translateY(-2px)}.info-notice-box{color:#525252;background:#fafafa;border:1px dashed #e5e5e5;border-radius:12px;margin-bottom:8px;padding:16px;font-size:13px;line-height:1.5}.primary-link-btn{box-sizing:border-box;text-align:center;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.upload-state-container{text-align:center;max-width:680px;animation:slideUpFade .55s var(--ease);margin:4rem auto 0}.upload-state-container h2{color:var(--text);letter-spacing:-.6px;margin-bottom:.75rem;font-family:Satoshi,sans-serif;font-size:2rem;font-weight:700}.upload-state-container p{color:var(--text-muted);margin-bottom:2.5rem;font-size:1rem;line-height:1.6}.dropzone{border-radius:var(--radius-xl);transition:transform .45s var(--ease-bounce), border-color .3s ease, background .3s ease, box-shadow .35s ease;background:linear-gradient(145deg,#fdfcfb,#fff);border:2px dashed #e2dcd5;flex-direction:column;justify-content:center;align-items:center;padding:4.5rem 2rem;display:flex;position:relative}.dropzone:hover{border-color:var(--pink);background:#fffafd;transform:translateY(-5px);box-shadow:0 18px 45px #d6338412}.dropzone.drag-active{border-color:var(--pink);background:var(--pink-light);border-style:solid;transform:scale(1.025);box-shadow:0 0 0 7px #d6338414}.upload-icon{color:#a39b94;width:56px;height:56px;transition:transform .45s var(--ease-bounce), color .3s ease;margin-bottom:1.25rem}.dropzone:hover .upload-icon{color:var(--pink);transform:translateY(-8px)scale(1.08)}.dropzone.drag-active .upload-icon{color:var(--pink);animation:2s ease-in-out infinite float;transform:translateY(-10px)scale(1.18)}.dropzone h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.file-select-btn{color:#fff;cursor:pointer;transition:transform .3s var(--ease-bounce), box-shadow .3s ease;background:linear-gradient(135deg,#1a1a1a,#303030);border-radius:12px;margin:1rem 0;padding:.85rem 2.5rem;font-size:.95rem;font-weight:600;display:inline-block;box-shadow:0 6px 16px #0000001a}.file-select-btn:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000024}.file-select-btn:active{transform:scale(.97)}.file-spec-hint{color:#a39b94;margin-top:1rem;font-size:.8rem}.btn-secondary{cursor:pointer;transition:background .25s ease, border-color .25s ease, transform .25s var(--ease);background:#fff;border:1px solid #e2dcd5;border-radius:10px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600}.btn-secondary:hover{background:#f8f8f8;border-color:#d1d5db;transform:translateY(-2px)}body:has(.auth-wrapper){background:radial-gradient(circle at 20% 20%,#d633840f,#0000 30%),#faf8f6!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;display:block!important;overflow:hidden!important}body:has(.auth-wrapper) #root{width:100%!important;height:100%!important;margin:0!important;padding:0!important;display:block!important}.auth-wrapper{z-index:99999;width:100%;height:100vh;padding:20px;position:fixed;inset:0;justify-content:center!important;align-items:center!important;display:flex!important}.auth-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:100%;max-width:420px;animation:slideUpFade .65s var(--ease);background:#ffffffeb;border:1px solid #f0eae5e6;padding:3rem;position:relative;box-shadow:0 30px 80px #00000012}.auth-logo{letter-spacing:-.07em;color:var(--text);text-align:center;margin-bottom:2.5rem;font-family:Satoshi,sans-serif;font-size:2.2rem;font-weight:900}.login-card{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#4a4a4a;font-size:.85rem;font-weight:600}.form-group input{width:100%;color:var(--text);background:#fcfbfa;border:1px solid #e2dcd5;border-radius:12px;outline:none;padding:.9rem 1.2rem;font-size:.95rem;transition:border-color .25s,background .25s,box-shadow .25s,transform .2s}.form-group input:hover{border-color:#d4cec8}.form-group input:focus{border-color:var(--pink);box-shadow:0 0 0 4px var(--pink-glow);background:#fff}.auth-wrapper .btn-primary{color:#fff;cursor:pointer;width:100%;transition:transform .3s var(--ease-bounce), box-shadow .3s ease, filter .2s ease;background:linear-gradient(135deg,#d44b7d,#c83e70);border:none;border-radius:12px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;box-shadow:0 6px 18px #d44b7d33}.auth-wrapper .btn-primary:hover{filter:brightness(1.04);transform:translateY(-3px);box-shadow:0 12px 26px #d44b7d45}.auth-wrapper .btn-primary:active{transform:scale(.98)}.error-banner{color:#e11d48;text-align:center;animation:scaleIn .3s var(--ease);background:#fff1f3;border:1px solid #ffe0e3;border-radius:11px;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.85rem;font-weight:600}.auth-footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.9rem}.auth-footer span{color:var(--pink);cursor:pointer;margin-left:.4rem;font-weight:600;transition:color .2s}.auth-footer span:hover{color:var(--pink-dark);text-decoration:underline}.sidebar-hidden .navbar{opacity:0;pointer-events:none;width:0;transition:all .4s var(--ease);padding:0;position:absolute;overflow:hidden;transform:translate(-100%)}.hamburger-btn.floating{width:44px;height:44px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-bounce), color .2s ease, border-color .2s ease;background:#fff;border:1px solid #f0eae5;border-radius:12px;margin:0}.hamburger-btn.floating:hover{color:var(--pink);border-color:var(--pink);transform:scale(1.06)}.pricing-validation-card{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease), box-shadow .35s ease, border-color .25s ease;animation:slideUpFade .5s var(--ease);background:linear-gradient(135deg,#fff,#fafafa);margin-bottom:2rem;padding:1.15rem 1.35rem}.pricing-validation-card:hover{box-shadow:var(--shadow-md);border-color:#e3d6dc;transform:translateY(-2px)}.pricing-validation-content{justify-content:space-between;align-items:center;gap:1.25rem;display:flex}.pricing-validation-question{color:#222;font-size:.95rem;font-weight:600;line-height:1.4}.pricing-validation-actions{align-items:center;gap:.5rem;display:flex}.pricing-vote-btn{color:#444;cursor:pointer;min-width:82px;transition:transform .3s var(--ease-bounce), background .2s ease, border-color .2s ease, box-shadow .2s ease;background:#fff;border:1px solid #ded8d0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .8rem;font-size:.82rem;font-weight:500;display:inline-flex}.pricing-vote-btn:hover{border-color:#bbb;transform:translateY(-2px);box-shadow:0 5px 12px #0000000d}.pricing-vote-btn:active{transform:scale(.95)}.pricing-vote-btn:disabled{cursor:not-allowed;opacity:.6}.vote-icon{transition:transform .3s var(--ease-bounce);font-size:1rem;line-height:1}.pricing-vote-btn:hover .vote-icon{transform:translateY(-2px)}.pricing-vote-btn.selected{font-weight:600}.pricing-vote-btn.selected.yes{color:#356342;background:linear-gradient(135deg,#f1f8f3,#f7fbf8);border-color:#8dbb98;box-shadow:0 4px 12px #46825014}.pricing-vote-btn.selected.no{color:#8a4a40;background:linear-gradient(135deg,#faf1ef,#fdf7f5);border-color:#d3a29a;box-shadow:0 4px 12px #a0504612}.pricing-validation-thanks{color:#356342;min-height:42px;animation:scaleIn .35s var(--ease-bounce);justify-content:center;align-items:center;font-size:.9rem;font-weight:600;display:flex}@media (max-width:900px){body{padding-left:110px;padding-right:28px}.navbar{width:88px;padding:24px 16px}.menu-item{justify-content:center;padding:13px}.menu-item span,.logout span{display:none}.logout{justify-content:center}}@media (max-width:650px){body{padding:24px 16px}.navbar{width:72px;padding:18px 12px}.profile-icon,.hamburger-icon{width:40px;height:40px}.dashboard-title{font-size:28px}.table-wrapper{border-radius:16px}.table-elem{min-width:650px}.pricing-validation-content{flex-direction:column;align-items:flex-start}.pricing-validation-actions{width:100%}.pricing-vote-btn{flex:1}.profile-card-wrapper{flex-direction:column;align-items:flex-start;gap:24px;padding:28px}.profile-avatar-large{border-radius:24px;width:76px;height:76px}.modal-card{border-radius:20px;padding:24px}.modal-footer{flex-direction:column}.btn-confirm-action{flex:initial}.upload-state-container{margin-top:2rem}.dropzone{padding:3rem 1.5rem}.auth-container{border-radius:20px;padding:2rem 1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing-page{color:#171717;background:#fff;min-height:100vh;overflow:hidden}.landing-nav{z-index:20;justify-content:space-between;align-items:center;width:100%;height:82px;padding:0 6vw;display:flex;position:relative}.landing-logo{letter-spacing:-.06em;font-family:Satoshi,sans-serif;font-size:1.35rem;font-weight:900}.landing-nav-actions{align-items:center;gap:10px;display:flex}.landing-login-btn,.landing-nav-cta{cursor:pointer;border:none;font-family:Inter,sans-serif;font-weight:600;transition:all .3s}.landing-login-btn{color:#555;background:0 0;padding:11px 18px}.landing-login-btn:hover{color:#d63384}.landing-nav-cta{color:#fff;background:#171717;border-radius:10px;padding:11px 19px}.landing-nav-cta:hover{background:#d63384;transform:translateY(-2px);box-shadow:0 8px 20px #d6338433}.landing-hero{text-align:center;flex-direction:column;align-items:center;min-height:calc(100vh - 82px);padding:80px 6vw 130px;display:flex;position:relative}.hero-content{z-index:5;max-width:850px;animation:.9s forwards landingHeroReveal;position:relative}@keyframes landingHeroReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow,.section-eyebrow{letter-spacing:1.6px;color:#d63384;font-size:11px;font-weight:700}.hero-eyebrow{background:#fce7f3;border-radius:100px;align-items:center;gap:8px;margin-bottom:25px;padding:7px 12px;display:inline-flex}.hero-eyebrow-dot{background:#d63384;border-radius:50%;width:6px;height:6px;animation:2s infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.hero-content h1{letter-spacing:-.075em;margin:0;font-family:Satoshi,sans-serif;font-size:clamp(3.4rem,7vw,6.8rem);font-weight:900;line-height:.95}.hero-content h1 span{color:#d63384}.hero-description{color:#666;max-width:600px;margin:28px auto 0;font-size:17px;line-height:1.7}.hero-actions{justify-content:center;gap:12px;margin-top:32px;display:flex}.hero-primary-btn,.hero-secondary-btn,.cta-button{cursor:pointer;font-family:Inter,sans-serif;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.hero-primary-btn{color:#fff;background:#d63384;border:none;border-radius:12px;padding:15px 23px;box-shadow:0 10px 25px #d6338438}.hero-primary-btn span,.cta-button span{margin-left:8px;transition:transform .3s}.hero-primary-btn:hover,.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px #d6338447}.hero-primary-btn:hover span,.cta-button:hover span{display:inline-block;transform:translate(4px)}.hero-secondary-btn{color:#444;background:#fff;border:1px solid #e5e0dc;border-radius:12px;padding:15px 23px}.hero-secondary-btn:hover{color:#d63384;border-color:#d63384;transform:translateY(-3px)}.hero-note{color:#999;margin-top:15px;font-size:12px}.hero-product-wrapper{perspective:1200px;width:min(850px,90vw);margin-top:80px;position:relative}.hero-dashboard-preview{text-align:left;background:#fffffff2;border:1px solid #e7e2de;border-radius:24px;padding:28px;animation:5s ease-in-out infinite dashboardFloat;position:relative;transform:rotateX(3deg);box-shadow:0 40px 80px #00000014,0 10px 30px #d633840a}@keyframes dashboardFloat{0%,to{transform:rotateX(3deg)translateY(0)}50%{transform:rotateX(3deg)translateY(-8px)}}.preview-header{justify-content:space-between;align-items:center;display:flex}.preview-label{letter-spacing:1px;color:#999;font-size:9px;font-weight:700}.preview-header h3{margin-top:5px;font-family:Satoshi,sans-serif;font-size:21px}.preview-total{font-size:24px;font-weight:800}.preview-chart{border-bottom:1px solid #eee;height:130px;margin:25px 0;position:relative;overflow:hidden}.chart-line{border-top:3px solid #d63384;border-radius:50%;width:120%;height:80px;position:absolute;left:-10%}.chart-line-one{top:35px;transform:rotate(-4deg)}.chart-line-two{opacity:.08;top:55px;transform:rotate(-2deg)}.chart-dot{background:#d63384;border:3px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 2px #f5b4d1}.dot-one{top:65px;left:18%}.dot-two{top:52px;left:42%}.dot-three{top:43px;left:67%}.dot-four{top:30px;left:89%}.preview-subscriptions{flex-direction:column;gap:8px;display:flex}.preview-subscription{border:1px solid #eee;border-radius:13px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px;transition:all .25s;display:grid}.preview-subscription:hover{border-color:#f1b4d0;transform:translate(5px)}.subscription-brand,.showcase-brand{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.netflix{color:#c62828;background:#fce7e7}.spotify{color:#16834b;background:#e5f7ed}.fitness{color:#6842c2;background:#eee8ff}.subscription-info{flex-direction:column;gap:3px;display:flex}.subscription-info strong{font-size:13px}.subscription-info span{color:#999;font-size:11px}.floating-card{z-index:4;text-align:left;background:#fff;border:1px solid #ebe5e1;border-radius:15px;align-items:center;gap:10px;padding:14px;animation:4s ease-in-out infinite floatingCard;display:flex;position:absolute;box-shadow:0 15px 35px #00000014}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:13px}.floating-card small{color:#999;margin-top:3px;font-size:10px}.floating-card-left{top:35%;left:-55px}.floating-card-right{animation-delay:-2s;top:55%;right:-55px}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-card-icon,.floating-check{color:#d63384;background:#fce7f3;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.floating-check{color:#27804b;background:#e9f8ef}.landing-section{max-width:1250px;margin:auto;padding:150px 6vw}.landing-section>h2{letter-spacing:-.065em;margin:20px 0;font-family:Satoshi,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}.landing-section>h2 span{color:#a8a3a0}.section-description{color:#707070;max-width:600px;font-size:16px;line-height:1.7}.problem-section{text-align:center}.problem-section .section-description{margin:0 auto}.problem-cards{text-align:left;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:60px;display:grid}.problem-card{background:#faf9f7;border:1px solid #e9e5e1;border-radius:20px;padding:30px;transition:all .35s}.problem-card:hover{border-color:#edb8d1;transform:translateY(-8px);box-shadow:0 20px 40px #d6338412}.problem-number{color:#d63384;font-size:11px;font-weight:800}.problem-card h3{margin:25px 0 10px;font-family:Satoshi,sans-serif;font-size:19px}.problem-card p{color:#777;font-size:14px;line-height:1.6}.how-section{text-align:center}.steps-container{align-items:stretch;margin-top:70px;display:flex}.step-card{text-align:left;background:#faf9f7;border:1px solid #e9e5e1;border-radius:20px;flex:1;padding:30px;transition:all .3s}.step-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000000d}.step-number{color:#d63384;font-size:11px;font-weight:800}.step-icon{color:#d63384;background:#fce7f3;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;margin:30px 0 20px;font-size:22px;font-weight:800;display:flex}.step-card h3{font-family:Satoshi,sans-serif;font-size:20px}.step-card p{color:#777;margin-top:10px;font-size:14px;line-height:1.6}.step-connector{background:#ddd;align-self:center;width:35px;height:1px}.showcase-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:90px;display:grid}.showcase-copy p{color:#707070;max-width:480px;line-height:1.7}.showcase-stat{border-left:3px solid #d63384;margin-top:35px;padding-left:18px}.showcase-stat strong{font-family:Satoshi,sans-serif;font-size:34px;display:block}.showcase-stat span{color:#999;font-size:12px}.showcase-dashboard{background:#fff;border:1px solid #e8e3df;border-radius:24px;padding:25px;transition:transform .5s;transform:rotate(1deg);box-shadow:0 30px 70px #00000012}.showcase-dashboard:hover{transform:rotate(0)translateY(-5px)}.showcase-topbar{color:#999;letter-spacing:1px;justify-content:space-between;padding-bottom:20px;font-size:10px;font-weight:700;display:flex}.showcase-list{flex-direction:column;gap:8px;display:flex}.showcase-row{border:1px solid #eee;border-radius:14px;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.showcase-name{flex-direction:column;gap:3px;display:flex}.showcase-name strong{font-size:13px}.showcase-name span{color:#999;font-size:10px}.showcase-price{font-size:13px;font-weight:700}.showcase-row button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:700}.showcase-row button:hover{color:#d63384;border-color:#d63384}.benefits-section{text-align:center}.benefits-grid{text-align:left;grid-template-columns:1.4fr 1fr 1fr;gap:15px;margin-top:60px;display:grid}.benefit-card{background:#faf9f7;border:1px solid #e8e3df;border-radius:20px;min-height:250px;padding:30px;transition:all .35s}.benefit-card.large{color:#fff;background:#171717}.benefit-card:hover{transform:translateY(-7px)}.benefit-icon{color:#d63384;background:#fce7f3;border-radius:13px;justify-content:center;align-items:center;width:45px;height:45px;font-weight:800;display:flex}.benefit-card h3{margin-top:60px;font-family:Satoshi,sans-serif;font-size:20px}.benefit-card p{color:#777;margin-top:10px;font-size:13px;line-height:1.6}.benefit-card.large p{color:#aaa}.landing-cta{color:#fff;text-align:center;background:#171717;border-radius:35px;margin:30px 5vw;position:relative;overflow:hidden}.cta-content{z-index:2;padding:120px 30px;position:relative}.cta-content h2{letter-spacing:-.07em;margin:20px 0;font-family:Satoshi,sans-serif;font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95}.cta-content p{color:#aaa}.cta-button{color:#fff;background:#d63384;border:none;border-radius:12px;margin-top:30px;padding:16px 25px}.cta-content small{color:#777;margin-top:15px;display:block}.cta-glow{filter:blur(160px);opacity:.16;background:#d63384;width:500px;height:500px;animation:5s ease-in-out infinite ctaGlow;position:absolute;top:-200px;left:50%;transform:translate(-50%)}@keyframes ctaGlow{0%,to{opacity:.12;transform:translate(-50%)scale(1)}50%{opacity:.22;transform:translate(-50%)scale(1.15)}}.landing-footer{color:#999;justify-content:space-between;align-items:center;padding:60px 6vw;font-size:12px;display:flex}.landing-footer p{margin:0}.hero-glow{filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-one{opacity:.7;background:#fce7f3;width:400px;height:400px;animation:8s ease-in-out infinite glowMove;top:50px;left:5%}.hero-glow-two{opacity:.5;background:#f5d9e7;width:300px;height:300px;animation:10s ease-in-out infinite reverse glowMove;top:250px;right:5%}@keyframes glowMove{0%,to{transform:translate(0)}50%{transform:translate(25px,-20px)}}@media (max-width:800px){.landing-nav{padding:0 20px}.landing-login-btn{display:none}.landing-hero{padding:65px 20px 90px}.hero-content h1{font-size:clamp(3rem,14vw,5rem)}.hero-description{font-size:15px}.hero-actions{flex-direction:column}.hero-primary-btn,.hero-secondary-btn{width:100%}.hero-product-wrapper{width:100%;margin-top:60px}.hero-dashboard-preview{padding:18px}.floating-card{display:none}.landing-section{padding:90px 20px}.problem-cards,.benefits-grid,.showcase-section{grid-template-columns:1fr}.steps-container{flex-direction:column;gap:15px}.step-connector{display:none}.showcase-section{gap:40px}.showcase-dashboard{transform:none}.showcase-row{grid-template-columns:38px 1fr auto}.showcase-row button{display:none}.benefit-card{min-height:220px}.landing-cta{border-radius:25px;margin:20px}.cta-content{padding:90px 20px}.landing-footer{text-align:center;flex-direction:column;gap:15px;padding:45px 20px}}body:has(.landing-page){margin:0!important;padding:0!important}.sidebar-icon-btn{width:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;transition:background .2s;display:flex}.sidebar-icon-btn:hover{background:#0000000d}.sidebar-icon-btn:disabled{cursor:not-allowed;opacity:.6}.support-modal{flex-direction:column;width:min(520px,100vw - 32px);max-height:85vh;display:flex;overflow:hidden}.support-modal .modal-body{padding:22px 24px;overflow-y:auto}.support-intro{margin-bottom:20px}.support-intro p{opacity:.72;margin:0;font-size:14px;line-height:1.6}.support-form{flex-direction:column;gap:16px;display:flex}.support-field{flex-direction:column;gap:7px;display:flex}.support-field label{letter-spacing:.01em;opacity:.9;font-size:13px;font-weight:600}.support-field input,.support-field textarea{box-sizing:border-box;width:100%;color:inherit;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:9px;outline:none;font-family:inherit;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.support-field input{height:42px;padding:0 13px}.support-field textarea{resize:vertical;min-height:125px;padding:12px 13px;line-height:1.5}.support-field input::placeholder,.support-field textarea::placeholder{opacity:.4}.support-field input:hover,.support-field textarea:hover{border-color:#fff3}.support-field input:focus,.support-field textarea:focus{background:#fff1;border-color:#fff6;box-shadow:0 0 0 3px #ffffff0b}.support-field input:disabled,.support-field textarea:disabled{opacity:.55;cursor:not-allowed}.support-status{background:#ffffff0d;border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.45}.support-modal .modal-footer{border-top:1px solid #ffffff14;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.support-send-btn{cursor:pointer;border:0;border-radius:8px;min-width:125px;height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .15s,opacity .15s,filter .15s}.support-send-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.support-send-btn:active:not(:disabled){transform:translateY(0)}.support-send-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:600px){.support-modal{width:calc(100vw - 24px);max-height:90vh}.support-modal .modal-body{padding:18px}.support-modal .modal-footer{padding:14px 18px}.support-form{gap:14px}.support-field textarea{min-height:110px}}@media (max-width:650px){body{padding-top:80px!important;padding-left:20px!important;padding-right:20px!important}.navbar{box-sizing:border-box;top:0;left:0;transform:translate(0);z-index:9999!important;background-color:#fff!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;width:100vw!important;height:100vh!important;padding:24px!important;transition:transform .3s ease-in-out!important;position:fixed!important}.navbar.collapsed{transform:translate(-100%)!important}.menu-items{flex-direction:column!important;gap:16px!important;width:100%!important;margin-top:32px!important}.menu-item span,.logout span,.sidebar-icon-btn span{font-size:1rem!important;display:inline-block!important}.menu-item,.logout,.sidebar-icon-btn{width:100%!important;padding:12px 16px!important}.logout{margin-top:auto!important}.hamburger-btn.floating{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px;top:20px;left:20px;z-index:10000!important;display:flex!important;position:fixed!important}.dashboard-title{margin-top:10px;padding-left:0!important;font-size:1.5rem!important}.table-container{overflow-x:auto;width:100%!important}.table-elem{min-width:600px}}.region-warning-banner{border-radius:var(--radius-md);z-index:10;background:linear-gradient(135deg,#fff7ed 0%,#fffbf5 100%);border:1.5px solid #fed7aa;border-left:5px solid #f97316;align-items:center;gap:16px;margin-bottom:2rem;padding:16px 20px;display:flex;position:relative;box-shadow:0 4px 18px #f9731614}.region-warning-icon{color:#ea580c;background:#ffedd5;border:1px solid #fed7aa;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.region-warning-text{flex:1}.region-warning-text h4{color:#9a3412;letter-spacing:-.2px;margin-bottom:3px;font-family:Satoshi,sans-serif;font-size:15px;font-weight:700}.region-warning-text p{color:#c2410c;margin:0;font-size:13.5px;font-weight:500;line-height:1.45}.region-warning-dismiss{color:#9a3412;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:background .2s,transform .2s;display:flex}.region-warning-dismiss:hover{background:#ffedd5;transform:scale(1.05)}