:root{--color-bg-light:#ffecee;--color-soft-pink:#ffe0e6;--color-peach:#ffd4de;--color-pink-base:#ffc9d6;--color-rose:#febdce;--color-deep-pink:#feb1c6;--color-text-dark:#000;--color-text-muted:#8a8a8a;--color-white:#fff}.btn-animated{cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}.btn-animated:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #febdce66}.btn-animated:active:not(:disabled){transition:transform 80ms;transform:translateY(0)scale(.97)}.btn-primary{color:#fff;background:#f3b4c5;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#7d7d7d;background:#dfdfdf;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:none;height:100%}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}body{background:#fafafa;margin:0}html{scrollbar-width:thin;scrollbar-color:#ffd4de transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffd4de;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#f3b4c5}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}p{margin:0}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:60;background:#ffffff73;justify-content:center;align-items:center;padding:16px;animation:.2s ease-in-out modal-fade-in;display:flex;position:fixed;inset:0}.modal-card{-webkit-backdrop-filter:blur(16px);box-sizing:border-box;background:#ffffffd1;border:2px solid #f7d6dde6;border-radius:20px;flex-direction:column;width:100%;max-height:calc(100vh - 32px);padding:24px;animation:.28s cubic-bezier(.25,.8,.4,1) modal-scale-in;display:flex;box-shadow:0 12px 32px #feb1c659}@media (prefers-reduced-motion:reduce){.modal-overlay,.modal-card{animation:none}}.modal-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-title{color:#000;margin:0;font-size:18px;font-weight:700}.modal-header--solid{background:#f3b4c5;border-radius:18px 18px 0 0;margin:-24px -24px 16px;padding:18px 24px}.modal-header--solid .modal-title{color:#fff}.modal-header--solid .modal-close:hover{background:#ffffff40}.modal-header--solid .modal-close img{filter:brightness(0)invert()}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:background .15s ease-in-out,transform .15s ease-in-out;display:flex}.modal-close:hover{background:#ffecee}.modal-close:active{transform:scale(.9)}.modal-close img{width:14px;height:14px}.modal-body{scrollbar-width:thin;scrollbar-color:#ffd4de transparent;flex-direction:column;gap:16px;min-height:0;margin-right:-4px;padding-right:4px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:#ffd4de;border-radius:8px}.modal-body::-webkit-scrollbar-thumb:hover{background:#f3b4c5}.modal-field{flex-direction:column;flex:1;gap:6px;display:flex}.modal-field label{color:#4d4d4d;font-size:13px;font-weight:600}.modal-field input{box-sizing:border-box;background:#fff;border:2px solid #f7d6dd;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s ease-in-out}.modal-field input:focus{border-color:#f3b4c5}.modal-field-error{color:#d33333;font-size:12px}.modal-field-row{gap:12px;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sidebar{background:var(--color-primary-pink,#f7d6dd);z-index:30;width:240px;height:100vh;box-shadow:none;border:none;flex-direction:column;padding:24px 16px;transition:transform .25s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar--closed{transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar-header{align-items:center;gap:8px;margin-bottom:32px;padding:0 16px;display:flex}.sidebar-brand-row{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.sidebar-logo{color:#1a1a1a;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-brand{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;overflow:hidden}.sidebar-toggle-inline{cursor:pointer;background:#f3b4c5;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;transition:transform .15s ease-in-out;display:flex;box-shadow:0 4px 4px #00000040}.sidebar-toggle-inline:active{transform:scale(.9)}.sidebar-toggle-inline img{width:14px;height:14px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-link{color:#333;white-space:nowrap;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-family:Poppins,sans-serif;font-size:15px;text-decoration:none;transition:background .2s ease-in-out,transform .15s ease-in-out;display:flex}.sidebar-link:active{transform:scale(.97)}.sidebar-link--active{background:#fff;font-weight:600;box-shadow:0 2px 6px #00000014}.sidebar-icon{flex-shrink:0;width:20px;height:20px}.sidebar-icon--dark{filter:brightness(0)}.sidebar-logout{color:#c0392b;cursor:pointer;white-space:nowrap;background:#ffd9d9;border:none;border-radius:12px;align-items:center;gap:12px;margin-top:auto;padding:12px 16px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:background .2s ease-in-out,transform .15s ease-in-out;display:flex}.sidebar-logout:hover{background:#ffc7c7}.sidebar-logout:active{transform:scale(.97)}.sidebar-logout img{filter:none}.sidebar-overlay{z-index:25;background:#0006;display:block;position:fixed;inset:0}.sidebar-toggle-floating{cursor:pointer;z-index:35;background:#f3b4c5;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s ease-in-out;display:flex;position:fixed;top:24px;left:12px;box-shadow:0 4px 4px #00000040}.sidebar-toggle-floating:active{transform:scale(.92)}.sidebar-toggle-floating img{width:18px;height:18px}@media (width>=769px){.sidebar-overlay{display:none}}@media (width<=768px){.sidebar{width:240px;box-shadow:4px 0 12px #00000026}}@media (width<=380px){.sidebar{width:85vw}}.dashboard-layout{width:100%;display:flex}.dashboard-content{box-sizing:border-box;flex:1;width:100%;min-width:0;transition:margin-left .25s ease-in-out;overflow-x:hidden}.dashboard-content--pushed{margin-left:240px}.dashboard-content:not(.dashboard-content--pushed){padding-left:76px}@media (width<=1024px){.dashboard-content{padding:24px}.dashboard-content:not(.dashboard-content--pushed){padding-left:76px}}@media (width<=768px){.dashboard-content{padding:20px 16px}.dashboard-content--pushed{margin-left:0}.dashboard-content:not(.dashboard-content--pushed){padding-top:52px;padding-left:0;padding-right:0}}.landing-page{background:var(--color-white);min-height:100vh}.landing-nav{border-bottom:1px solid var(--color-pink-base);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.landing-logo-img{width:auto;height:44px;display:block}.landing-nav-actions{gap:.75rem;display:flex}.landing-btn-outline,.landing-btn-filled{text-align:center;cursor:pointer;box-sizing:border-box;border:1px solid #f3b4c5;border-radius:999px;min-width:92px;padding:9px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,color .15s}.landing-btn-outline{color:#993556;background:#fff}.landing-btn-filled,.landing-btn-outline:hover{color:#fff;background:#f3b4c5}.landing-btn-filled:hover{background:#e4536b;border-color:#e4536b}.landing-btn-outline:hover,.landing-btn-filled:hover{transform:translateY(-2px);box-shadow:0 6px 14px #f3b4c566}.landing-btn-outline:active,.landing-btn-filled:active{transition:transform 80ms;transform:translateY(0)scale(.97);box-shadow:0 2px 6px #f3b4c54d}.landing-hero{text-align:center;background:radial-gradient(80% 60% at 50% 0,#fbeaf0 0%,#fdf4f6 55%,#fff 100%);padding:4rem 2rem 3rem}.landing-hero h2{max-width:700px;color:var(--color-text-dark);margin:0 auto 1.2rem;font-size:2.4rem;font-weight:800;line-height:1.3}.landing-hero .highlight{color:#febdce}.landing-hero p{color:var(--color-text-muted);max-width:550px;margin:0 auto 2rem;font-size:.95rem}.hero-disclaimer{color:var(--color-text-muted);max-width:480px;margin:-1.2rem auto 1.5rem;font-size:.78rem;line-height:1.5}.btn-large{align-items:center;gap:.5rem;padding:.8rem 2rem;font-size:.95rem;display:inline-flex}.landing-features{text-align:center;padding:1rem 2rem 4rem}.landing-features h3{color:var(--color-text-dark);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.features-subtitle{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:.85rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:800px;margin:0 auto;display:grid}.feature-card{text-align:left;background:var(--color-white);border:3px solid #f7d6dd;border-radius:10px;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 4px #f7d6dd}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #f7d6dd}.feature-icon-box{color:#d4537e;background:#fbeaf0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.8rem;display:flex}.feature-card h4{color:var(--color-text-dark);margin-bottom:.6rem;font-size:1rem}.feature-card p{color:var(--color-text-muted);font-size:.85rem;line-height:1.5}.landing-tech{text-align:center;padding:1rem 2rem 4rem}.landing-tech h3{color:var(--color-text-dark);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.tech-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:900px;margin:0 auto;display:grid}.tech-card{text-align:left;background:var(--color-white);border:3px solid #f7d6dd;border-radius:10px;padding:1.75rem 1.5rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 4px #f7d6dd}.tech-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #f7d6dd}.tech-badge{letter-spacing:.05em;color:#d4537e;background:#fbeaf0;border-radius:999px;margin-bottom:.9rem;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-block}.tech-icon-box{margin-bottom:.8rem}.tech-card h4{color:var(--color-text-dark);margin-bottom:.6rem;font-size:1.1rem}.tech-card>p{color:var(--color-text-muted);margin-bottom:1.1rem;font-size:.85rem;line-height:1.55}.tech-checklist{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.tech-checklist li{color:var(--color-text-dark);align-items:flex-start;gap:.55rem;font-size:.82rem;line-height:1.4;display:flex}.tech-checklist li svg{color:#d4537e;flex-shrink:0;margin-top:.15rem}.landing-steps{text-align:center;background:#fdf4f6;padding:1rem 2rem 4rem}.steps-eyebrow{letter-spacing:.1em;color:#d4537e;margin:0 0 .5rem;font-size:.72rem;font-weight:700}.landing-steps h3{color:var(--color-text-dark);margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:960px;margin:2.5rem auto 0;display:grid}.step-card{text-align:left;padding:1.5rem 1.25rem;position:relative;overflow:hidden}.step-number{color:#fbeaf0;z-index:0;-webkit-user-select:none;user-select:none;font-size:4.5rem;font-weight:800;line-height:1;position:absolute;top:-.6rem;right:.5rem}.step-icon-box{z-index:1;position:relative}.step-card h4{z-index:1;color:var(--color-text-dark);margin-bottom:.6rem;font-size:1rem;position:relative}.step-card p{z-index:1;color:var(--color-text-muted);font-size:.85rem;line-height:1.5;position:relative}.landing-cta-secondary{text-align:center;box-sizing:border-box;background:#fbeaf0;width:100%;padding:40px 2rem}.landing-cta-secondary h3{color:var(--color-text-dark);margin:0 0 1.2rem;font-size:18px;font-weight:700}.landing-footer-main{border-top:1px solid var(--color-pink-base);padding:3rem 2rem 0}.footer-columns{grid-template-columns:1.3fr 1fr 1fr;gap:2.5rem;max-width:960px;margin:0 auto;padding-bottom:2.5rem;display:grid}.footer-logo-img{width:auto;height:26px;margin-bottom:.9rem;display:block}.footer-tagline{color:var(--color-text-dark);margin:0 0 .6rem;font-size:.85rem;font-weight:500}.footer-disclaimer{color:var(--color-text-muted);max-width:260px;margin:0;font-size:.75rem;line-height:1.5}.footer-col h5{color:var(--color-text-dark);margin:0 0 1rem;font-size:.85rem;font-weight:700}.footer-col ul,.footer-col ol{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.footer-col ul li a,.footer-col ul li{color:var(--color-text-muted);font-size:.82rem;text-decoration:none}.footer-col ul li a{transition:color .15s}.footer-col ul li a:hover{color:#d4537e}.footer-steps{padding-left:1.1rem;list-style:decimal}.footer-steps li{color:var(--color-text-muted);font-size:.82rem;line-height:1.45}.footer-bottom{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-pink-base);padding:1.25rem;font-size:.78rem}@media (width<=768px){.landing-nav{padding:1rem 1.5rem}.landing-hero{padding:2.5rem 1.5rem 2rem}.landing-hero h2{font-size:1.6rem}.landing-hero p{font-size:.85rem}.btn-large{padding:.7rem 1.6rem;font-size:.85rem}.features-grid{grid-template-columns:1fr;gap:1rem}.landing-features h3,.landing-tech h3,.landing-steps h3{font-size:1.3rem}.tech-grid{grid-template-columns:1fr;gap:1rem}.steps-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem}.step-number{font-size:3.5rem}.footer-columns{grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-disclaimer{max-width:none}}@media (width<=400px){.landing-nav-actions{gap:.4rem}.landing-btn-outline,.landing-btn-filled{padding:.4rem 1rem;font-size:.78rem}.landing-logo-img{height:34px}}.auth-card input:-webkit-autofill{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-card input:-webkit-autofill:hover{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-card input:-webkit-autofill:focus{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.password-wrapper input:-webkit-autofill{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.password-wrapper input:-webkit-autofill:hover{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.password-wrapper input:-webkit-autofill:focus{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.auth-page{background:var(--color-bg-light);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{text-align:center;box-sizing:border-box;background:#fff;border-radius:10px;padding:2.5rem 3rem;box-shadow:0 4px 20px 3px #f4c0cd}.auth-card-login{width:538px;min-height:362px}.auth-card-register{width:538px;min-height:451px}.auth-logo{color:var(--color-text-dark);margin-bottom:1.2rem;font-size:36px;font-weight:700}.auth-card h3{font-size:px;color:var(--color-text-dark);margin-bottom:.3rem;font-weight:500}.auth-subtitle{color:#4d4d4d;margin-bottom:1.5rem;font-size:15px}.auth-card form label{color:#4d4d4d;text-align:center;margin-top:1rem;margin-bottom:.4rem;font-size:.9rem;display:block}.auth-card form label:first-of-type{margin-top:0}.auth-card input[type=email],.auth-card input[type=text],.password-wrapper input{border:1px solid var(--color-pink-base);box-sizing:border-box;width:100%;color:var(--color-text-dark);text-align:left;background:#fff;border-radius:10px;outline:none;padding:.7rem 1rem;font-size:.9rem;transition:border-color .15s}.auth-card input:focus,.password-wrapper input:focus{border-color:#f3b4c5}.password-field{margin-bottom:0}.password-wrapper{position:relative}.password-wrapper input{padding-right:2.6rem}.password-toggle{cursor:pointer;color:#f3b4c5;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.password-toggle:hover{color:#ef8fb0}.forgot-password-row{text-align:right;margin-top:.5rem}.forgot-password-row a{color:#4d4d4d;font-size:.8rem;text-decoration:none}.forgot-password-row a:hover{color:#f3b4c5}.auth-btn{color:#fff;cursor:pointer;background:#f3b4c5;border:none;border-radius:999px;width:100%;margin-top:1.5rem;padding:.75rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.auth-btn:hover:not(:disabled){background:#ef8fb0;transform:translateY(-2px);box-shadow:0 6px 14px #f3b4c573}.auth-btn:active:not(:disabled){transition:transform 80ms;transform:translateY(0)scale(.97);box-shadow:0 2px 6px #f3b4c54d}.auth-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.auth-error{color:#d33;margin-top:.6rem;font-size:.8rem}.auth-success{color:#2a8a4a;background:#eafaf0;border-radius:10px;margin-top:.5rem;padding:.9rem;font-size:.85rem}.auth-footer{text-align:center;color:#4d4d4d;margin-top:1.2rem;font-size:.85rem}.auth-footer a{color:#f3b4c5;font-weight:700;text-decoration:none;transition:color .15s}.auth-footer a:hover{color:#ef8fb0;text-decoration:underline}@media (width<=600px){.auth-card-login,.auth-card-register{width:100%;height:auto;min-height:unset;padding:2rem 1.5rem}.auth-logo{font-size:28px}.auth-card h3{font-size:24px}.auth-subtitle{font-size:13px}}.setup-page{background:#fae1e5;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:2rem 1rem;display:flex}.setup-logo{color:var(--color-text-dark);margin:0;font-size:32px;font-weight:800}.setup-card{text-align:center;box-sizing:border-box;background:#fff;border-radius:10px;width:538px;height:331px;padding:2.5rem 3rem;box-shadow:0 4px 20px 3px #f4c0cd}.setup-card .auth-logo{color:var(--color-text-dark);margin-bottom:1.2rem;font-size:32px;font-weight:800}.setup-card h3{color:var(--color-text-dark);margin-bottom:.4rem;font-size:22px;font-weight:700}.setup-subtitle{color:#4d4d4d;margin-bottom:1.5rem;font-size:14px}.setup-card form label{text-align:center;color:#4d4d4d;margin-bottom:.4rem;font-size:.9rem;display:block}.setup-card input{border:1px solid var(--color-pink-base);box-sizing:border-box;text-align:left;color:#4d4d4d;background:#fff;border-radius:10px;outline:none;width:100%;padding:.7rem 1rem;font-size:.9rem;transition:border-color .15s}.setup-card input:focus{border-color:#f3b4c5}.setup-card input:-webkit-autofill{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.setup-card input:-webkit-autofill:hover{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.setup-card input:-webkit-autofill:focus{caret-color:#4d4d4d;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#4d4d4d!important;-webkit-box-shadow:inset 0 0 0 1000px #fff!important}.setup-card .auth-btn{color:#fff;cursor:pointer;background:#f3b4c5;border:none;border-radius:999px;width:100%;margin-top:1.5rem;padding:.75rem;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s}.setup-card .auth-btn:hover:not(:disabled){background:#ef8fb0;transform:translateY(-2px);box-shadow:0 6px 14px #f3b4c573}.setup-card .auth-btn:active:not(:disabled){transition:transform 80ms;transform:translateY(0)scale(.97);box-shadow:0 2px 6px #f3b4c54d}.setup-card .auth-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=600px){.setup-card{width:100%;height:auto;padding:2rem 1.5rem}.setup-card .auth-logo{font-size:24px}.setup-card h3{font-size:18px}}.info-tooltip{flex-shrink:0;display:inline-flex;position:relative}.info-tooltip-trigger{cursor:help;color:#b0708a;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.info-tooltip-trigger:hover{color:#993556}.info-tooltip-bubble{z-index:20;color:#fff;background:#333;border-radius:8px;width:min(260px,80vw);padding:10px 12px;font-size:12px;font-weight:500;line-height:1.45;animation:.12s ease-out info-tooltip-in;position:absolute;top:calc(100% + 8px);box-shadow:0 6px 16px #0003}.info-tooltip-bubble--right{right:0}.info-tooltip-bubble--left{left:0}@keyframes info-tooltip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rht-table-wrapper{width:100%;overflow-x:auto}.rht-table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.rht-table thead th{text-align:left;color:#4d4d4d;white-space:nowrap;border-bottom:2px solid #ffecee;padding:12px 14px;font-size:13px;font-weight:700}.rht-table tbody td{white-space:nowrap;border-top:1px solid #ffecee;padding:12px 14px}.rht-table th:nth-child(5),.rht-table td:nth-child(5),.rht-table th:nth-child(6),.rht-table td:nth-child(6){text-align:center}.rht-row{transition:background .15s ease-in-out}.rht-row:hover{background:#fcecef}.rht-status-badge{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.rht-status-badge--verified{color:#0e7f1a;background:#d6f7d7}.rht-status-badge--draft{color:#666;background:#ededed}.rht-lihat-btn{color:#fff;background:#f3b4c5;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:700}.rht-edit-btn{color:#f3b4c5;background:#fff;border:2px solid #f3b4c5;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:700}.rht-aksi-cell{gap:8px;display:inline-flex}.rht-empty{text-align:center;color:#999;padding:48px 0;font-size:14px}.rht-card-list{flex-direction:column;gap:12px;display:flex}.rht-transaction-card{border:2px solid #f7d6dd;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.rht-transaction-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:15px;display:flex}.rht-transaction-card-row{color:#4d4d4d;justify-content:space-between;font-size:13px;display:flex}.rht-transaction-card-row span:last-child{color:#000;font-weight:600}.audit-panel-image{object-fit:cover;border:2px solid #f7d6dd;border-radius:12px;width:100%;max-height:260px}.audit-panel-image-placeholder{text-align:center;color:#999;background:#fff5f7;border:2px dashed #f7d6dd;border-radius:12px;width:100%;padding:48px 0;font-size:13px}.audit-panel-row{background:#fff5f7;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.audit-panel-row--validated{color:#236b18;background:#dff7d8}.audit-panel-status-badge{white-space:nowrap;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.audit-panel-status-badge--verified{color:#0e7f1a;background:#d6f7d7}.audit-panel-status-badge--draft{color:#666;background:#ededed}.month-picker{display:inline-block;position:relative}.month-picker-trigger{color:#4d4d4d;cursor:pointer;background:#fff;border:2px solid #f7d6dd;border-radius:10px;outline:none;justify-content:space-between;align-items:center;gap:10px;min-width:170px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex}.month-picker-trigger:hover{border-color:#f3b4c5}.month-picker-trigger--open{border-color:#f3b4c5;box-shadow:0 0 0 3px #f3b4c540}.month-picker-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.month-picker-chevron{color:#4d4d4d;flex-shrink:0;align-items:center;transition:transform .2s;display:inline-flex}.month-picker-chevron--up{transform:rotate(180deg)}.month-picker-menu{z-index:20;scrollbar-width:thin;scrollbar-color:#ffd4de transparent;background:#fff;border:2px solid #f7d6dd;border-radius:12px;max-height:280px;margin:0;padding:6px;list-style:none;animation:.16s ease-out month-picker-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #feb1c659}.month-picker-menu::-webkit-scrollbar{width:4px}.month-picker-menu::-webkit-scrollbar-track{background:0 0}.month-picker-menu::-webkit-scrollbar-thumb{background:#ffd4de;border-radius:8px}.month-picker-menu::-webkit-scrollbar-thumb:hover{background:#f3b4c5}@keyframes month-picker-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.month-picker-option{color:#4d4d4d;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s ease-in-out,color .15s ease-in-out}.month-picker-option:hover{background:#ffecee}.month-picker-option--active{color:#993556;background:#fcecef;font-weight:700}.month-picker-option--active:hover{background:#fadce3}.month-picker-option--all{color:#993556;border-bottom:1px solid #ffecee;border-radius:8px 8px 0 0;margin-bottom:4px;padding-bottom:12px;font-weight:700}@media (width<=768px){.month-picker,.month-picker-trigger{width:100%}}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:stretch;margin-bottom:8px}}.toast{z-index:100;border-radius:14px;align-items:center;gap:12px;width:calc(100% - 32px);max-width:420px;padding:16px 18px;font-size:14px;font-weight:600;animation:.22s cubic-bezier(.25,.8,.4,1) toast-pop-in;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0000002e}.toast--success{color:#236b18;background:#dff7d8}.toast--error{color:#b71c1c;background:#fde2e2}.toast--info{color:#8a3b4f;background:#ffe0e6}.toast span{flex:1}.toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:18px;line-height:1;transition:transform .15s ease-in-out,opacity .15s ease-in-out}.toast-close:hover{opacity:1}.toast-close:active{transform:scale(.85)}@keyframes toast-pop-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=480px){.toast{width:calc(100% - 24px)}}.loading-overlay{z-index:70;background:#ffecee8c;justify-content:center;align-items:center;animation:.2s ease-in-out modal-fade-in;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #ffe0e6;border-top-color:#f3b4c5;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.camera-overlay{z-index:65;background:#000;justify-content:center;align-items:center;animation:.2s ease-in-out camera-fade-in;display:flex;position:fixed;inset:0}.camera-video{object-fit:cover;width:100%;height:100%}.camera-close{cursor:pointer;z-index:2;background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s ease-in-out,background .15s ease-in-out;display:flex;position:absolute;top:20px;right:20px}.camera-close:hover{background:#fff}.camera-close:active{transform:scale(.9)}.camera-close img{width:14px;height:14px}.camera-shutter{cursor:pointer;z-index:2;background:#f3b4c5;border:5px solid #fff;border-radius:50%;width:68px;height:68px;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #0006}.camera-shutter:active{transform:translate(-50%)scale(.9)}.camera-hint{color:#fff;z-index:2;white-space:nowrap;background:#00000073;border-radius:20px;padding:6px 14px;font-size:13px;position:absolute;bottom:116px;left:50%;transform:translate(-50%)}@keyframes camera-fade-in{0%{opacity:0}to{opacity:1}}.scan-nota-page{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;padding:32px;display:flex}@media (width<=1024px){.scan-nota-page{padding:24px}}@media (width<=768px){.scan-nota-page{padding:20px 16px}}.verif-status-badge{white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.verif-status-badge--draft{color:#666;background:#ededed}.verif-status-badge--verified{color:#0e7f1a;background:#d6f7d7}.verif-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}@media (width<=1024px){.verif-layout{grid-template-columns:minmax(0,1fr)}}.receipt-info-panel{background:#fff5f7;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;padding:16px 56px 16px 20px;display:grid;position:relative}.receipt-info-edit-btn{position:absolute;top:12px;right:12px}.receipt-info-item{flex-direction:column;gap:4px;min-width:0;display:flex}.receipt-info-label{color:#000;font-size:12px;font-weight:600}.receipt-info-value{color:#000;overflow-wrap:anywhere;align-items:center;gap:6px;font-size:15px;font-weight:700;display:inline-flex}.receipt-info-hint{color:#000;font-size:11px;font-weight:400}@media (width<=768px){.receipt-info-panel{grid-template-columns:1fr;gap:12px}}.verif-table-wrapper{scrollbar-width:thin;scrollbar-color:#ffd4de transparent;border:1px solid #ffecee;border-radius:12px;width:100%;max-height:420px;overflow:auto}.verif-table-wrapper::-webkit-scrollbar{width:4px;height:4px}.verif-table-wrapper::-webkit-scrollbar-track{background:0 0}.verif-table-wrapper::-webkit-scrollbar-thumb{background:#ffd4de;border-radius:8px}.verif-table-wrapper::-webkit-scrollbar-thumb:hover{background:#f3b4c5}.verif-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.verif-table thead th{text-align:left;color:#4d4d4d;white-space:nowrap;z-index:2;background:#fff5f7;padding:12px 14px;font-size:13px;font-weight:700;position:sticky;top:0}.verif-table tbody td{white-space:nowrap;vertical-align:top;color:#000;border-top:1px solid #ffecee;padding:12px 14px}.verif-row{transition:background .15s ease-in-out}.verif-row:hover{background:#fcecef}.verif-row--warning{background:#fff6e0}.verif-row--warning:hover{background:#ffefc7}.verif-aksi-cell{align-items:center;gap:4px;display:inline-flex}.verif-cell-main{color:#000;font-weight:600}.verif-cell-unit{color:#000;font-size:12px;font-weight:400}.verif-cell-sub{color:#000;margin-top:2px;font-size:11px}.verif-cell-sub--discount{color:#0e7f1a;font-weight:600}.verif-th-name,.verif-td-name{min-width:170px;max-width:220px;position:sticky;left:0}.verif-table tbody td.verif-td-name{white-space:normal}.verif-th-qty,.verif-td-qty{text-align:center;position:sticky;left:170px}.verif-th-aksi,.verif-td-aksi{position:sticky;right:0}.verif-th-name,.verif-th-qty,.verif-th-aksi{z-index:3;background:#fff5f7}.verif-td-name,.verif-td-qty,.verif-td-aksi{z-index:1;background:#fff;transition:background .15s ease-in-out}.verif-row:hover .verif-td-name,.verif-row:hover .verif-td-qty,.verif-row:hover .verif-td-aksi{background:#fcecef}.verif-row--warning .verif-td-name,.verif-row--warning .verif-td-qty,.verif-row--warning .verif-td-aksi{background:#fff6e0}.verif-row--warning:hover .verif-td-name,.verif-row--warning:hover .verif-td-qty,.verif-row--warning:hover .verif-td-aksi{background:#ffefc7}.verif-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:transform .15s ease-in-out,background .15s ease-in-out;display:inline-flex}.verif-delete-btn:hover{background:#ffd9d9}.verif-delete-btn:active{transform:scale(.88)}.verif-delete-btn img{width:15px;height:15px}.verif-add-item-btn{margin-top:16px}.verif-edit-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:transform .15s ease-in-out,background .15s ease-in-out;display:inline-flex}.verif-edit-btn:hover{background:#ffe0e6}.verif-edit-btn:active{transform:scale(.88)}.verif-edit-btn img{width:15px;height:15px}.verif-total-banner{background:#ffe0e6;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding:16px 20px;display:flex}.verif-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.btn-outline{color:#f3b4c5;background:#fff;border:2px solid #f3b4c5;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.verif-delete-receipt-btn{color:#d33333;background:#fff;border:2px solid #d33333;border-radius:8px;margin-left:auto;padding:10px 18px;font-size:14px;font-weight:600}.verif-delete-receipt-btn:hover{color:#fff;background:#d33333}@media (width<=768px){.verif-delete-receipt-btn{margin-left:0}.verif-total-banner{flex-direction:column;align-items:flex-start}.verif-actions{flex-direction:column}.verif-actions button{width:100%}}@media (width<=480px){.verif-card{padding:16px!important}.receipt-info-panel{padding:14px 48px 14px 14px}.verif-th-qty,.verif-td-qty{position:static;left:auto}.verif-th-aksi,.verif-td-aksi{position:static;right:auto}.verif-th-name,.verif-td-name{min-width:128px;max-width:150px}.verif-table{min-width:460px;font-size:13px}.verif-table thead th{padding:10px;font-size:12px}.verif-table tbody td{padding:10px}.verif-table-wrapper{max-height:360px}}.dp-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;padding:32px;display:flex}@media (width<=1024px){.dp-page{padding:24px}}@media (width<=768px){.dp-page{padding:20px 16px}}.dp-search-wrapper{width:100%;position:relative}.dp-search-icon{opacity:.5;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.dp-search-input{box-sizing:border-box;border:2px solid #f7d6dd;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 44px;font-family:inherit;font-size:14px;transition:border-color .15s ease-in-out}.dp-search-input:focus{border-color:#f3b4c5}.dp-table-wrapper{width:100%;overflow-x:auto}.dp-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:560px;font-size:14px}.dp-table thead th{text-align:left;color:#4d4d4d;white-space:nowrap;border-bottom:2px solid #ffecee;padding:14px 20px;font-size:13px;font-weight:700}.dp-table tbody td{white-space:nowrap;border-top:1px solid #ffecee;padding:14px 20px}.dp-table th:first-child,.dp-table td:first-child{text-overflow:ellipsis;width:38%;overflow:hidden}.dp-table th:nth-child(2),.dp-table td:nth-child(2),.dp-table th:nth-child(3),.dp-table td:nth-child(3){width:20%}.dp-table th:nth-child(4),.dp-table td:nth-child(4){width:12%}.dp-table th:nth-child(5),.dp-table td:nth-child(5){width:10%}.dp-table th:nth-child(2),.dp-table td:nth-child(2),.dp-table th:nth-child(3),.dp-table td:nth-child(3){text-align:right}.dp-table th:nth-child(4),.dp-table td:nth-child(4),.dp-table th:nth-child(5),.dp-table td:nth-child(5){text-align:center}.dp-row{transition:background .15s ease-in-out}.dp-row:hover{background:#fcecef}.dp-action-cell{width:40px;position:relative}.dp-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s ease-in-out,transform .15s ease-in-out;display:inline-flex}.dp-action-btn:hover{background:#ffe0e6}.dp-action-btn:active{transform:scale(.9)}.dp-action-btn img{width:18px;height:18px}.dp-empty{text-align:center;color:#999;padding:48px 0;font-size:14px}.dp-menu-overlay{z-index:40;background:0 0;position:fixed;inset:0}.dp-menu{z-index:41;background:#fff;border:2px solid #f7d6dd;border-radius:12px;flex-direction:column;gap:2px;min-width:190px;padding:6px;animation:.16s ease-out dp-menu-in;display:flex;box-shadow:0 8px 20px #0000001f}.dp-menu-item{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s ease-in-out;display:flex}.dp-menu-item:hover{background:#ffecee}.dp-menu-item img{width:16px;height:16px}.dp-menu-item--danger{color:#d33333}@keyframes dp-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dp-menu--anchored-right{animation:.16s ease-out dp-menu-in-anchored-right}@keyframes dp-menu-in-anchored-right{0%{opacity:0;transform:translate(-100%)translateY(-6px)}to{opacity:1;transform:translate(-100%)translateY(0)}}@media (width<=768px){.dp-menu-overlay{background:#00000059}.dp-menu{width:100%;min-width:0;padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation:.22s cubic-bezier(.25,.8,.4,1) dp-menu-in-mobile;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px #0000002e}.dp-menu-item{padding:14px 16px;font-size:15px}@keyframes dp-menu-in-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.dp-card-list{flex-direction:column;gap:12px;display:flex}.dp-product-card{border:2px solid #f7d6dd;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.dp-product-card-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:15px;display:flex}.dp-product-card-row{color:#4d4d4d;justify-content:space-between;font-size:13px;display:flex}.dp-product-card-row span:last-child{color:#000;font-weight:600}.dp-delete-product-row{border-top:1px solid #f0e4e8;justify-content:flex-start;margin-top:4px;padding-top:14px;display:flex}.dp-delete-product-btn{color:#d33333;cursor:pointer;background:#fff;border:2px solid #d33333;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s ease-in-out,color .15s ease-in-out}.dp-delete-product-btn:hover{color:#fff;background:#d33333}.dp-delete-product-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.dp-delete-product-btn{width:100%}}.dp-info-box{background:#fff0f3;border-radius:12px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.dp-info-label{color:#8a8a8a;font-size:12px}.dp-info-name{color:#000;font-size:16px}.dp-info-stock{color:#4d4d4d;font-size:13px}.bk-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;padding:32px;display:flex}@media (width<=1024px){.bk-page{padding:24px}}@media (width<=768px){.bk-page{padding:20px 16px}}.bk-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.bk-header{flex-direction:column;align-items:stretch}}.bk-search-wrapper{width:100%;position:relative}.bk-search-icon{opacity:.5;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.bk-search-input{box-sizing:border-box;border:2px solid #f7d6dd;border-radius:12px;outline:none;width:100%;padding:12px 16px 12px 44px;font-family:inherit;font-size:14px;transition:border-color .15s ease-in-out}.bk-search-input:focus{border-color:#f3b4c5}.bk-total-banner{background:#ffe0e6;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;display:flex}.bk-table-wrapper{width:100%;overflow-x:auto}.bk-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.bk-table thead th{text-align:left;color:#4d4d4d;white-space:nowrap;border-bottom:2px solid #ffecee;padding:12px 14px;font-size:13px;font-weight:700}.bk-table tbody td{white-space:nowrap;border-top:1px solid #ffecee;padding:12px 14px}.bk-row{transition:background .15s ease-in-out}.bk-row:hover{background:#fcecef}.bk-table th.bk-col-center,.bk-table td.bk-col-center{text-align:center}.bk-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:transform .15s ease-in-out,background .15s ease-in-out;display:inline-flex}.bk-delete-btn:hover{background:#ffd9d9}.bk-delete-btn:active{transform:scale(.88)}.bk-delete-btn img{width:20px;height:20px;display:block}.bk-empty{text-align:center;color:#999;padding:48px 0;font-size:14px}.bk-card-list{flex-direction:column;gap:12px;display:flex}.bk-expired-card{border:2px solid #f7d6dd;border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.bk-expired-card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:15px;display:flex}.bk-date-badge{color:#4d4d4d;white-space:nowrap;background:#ffe0e6;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:700}.bk-expired-card-row{color:#4d4d4d;justify-content:space-between;font-size:13px;display:flex}.bk-expired-card-row span:last-child{color:#000;font-weight:600}.ra-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;padding:32px;display:flex}@media (width<=1024px){.ra-page{padding:24px}}@media (width<=768px){.ra-page{padding:20px 16px}}.ra-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=768px){.ra-header{flex-direction:column;align-items:stretch}}.ra-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.ra-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.ra-card{transition:transform .18s ease-in-out,box-shadow .18s ease-in-out}@media (width<=1024px){.ra-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.ra-cards-grid{grid-template-columns:1fr}}.ra-status-filter{align-items:center;gap:8px;display:inline-flex}.ra-status-filter-label{color:#7d7d7d;font-size:13px;font-weight:600}.ra-status-dd{display:inline-block;position:relative}.ra-status-dd-trigger{color:#993556;cursor:pointer;background:#fff;border:2px solid #f7d6dd;border-radius:8px;outline:none;justify-content:space-between;align-items:center;gap:10px;min-width:190px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;display:flex}.ra-status-dd-trigger:hover{border-color:#f3b4c5}.ra-status-dd-trigger--open{border-color:#f3b4c5;box-shadow:0 0 0 3px #f3b4c540}.ra-status-dd-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ra-status-dd-chevron{color:#993556;flex-shrink:0;align-items:center;transition:transform .2s;display:inline-flex}.ra-status-dd-chevron--up{transform:rotate(180deg)}.ra-status-dd-menu{z-index:20;background:#fff;border:2px solid #f7d6dd;border-radius:12px;margin:0;padding:6px;list-style:none;animation:.16s ease-out ra-status-dd-in;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 24px #feb1c659}@keyframes ra-status-dd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ra-status-dd-option{color:#4d4d4d;cursor:pointer;white-space:nowrap;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s ease-in-out,color .15s ease-in-out}.ra-status-dd-option:hover{background:#ffecee}.ra-status-dd-option--active{color:#993556;background:#fcecef;font-weight:700}.ra-status-dd-option--active:hover{background:#fadce3}@media (width<=768px){.ra-status-filter{justify-content:space-between;width:100%}.ra-status-dd,.ra-status-dd-trigger{flex:1;width:100%}}.ra-modal-period{color:#000;font-size:14px;font-weight:700}.ra-modal-desc{flex-direction:column;gap:6px;display:flex}.ra-modal-desc p{color:#4d4d4d;margin:0;font-size:13px;line-height:1.5}.ra-modal-example{font-style:italic;color:#999!important}.profil-page{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:560px;margin:0 auto;padding:72px 32px 32px;display:flex}@media (width<=1024px){.profil-page{padding:56px 24px 24px}}@media (width<=768px){.profil-page{padding:40px 16px 20px}}.profil-header{align-items:center;gap:18px;display:flex}.profil-avatar{background:#f3b4c5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.profil-avatar img{filter:brightness(0)invert();width:34px;height:34px}.profil-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profil-name{color:#000;margin:0;font-size:22px;font-weight:500}.profil-owner-badge{color:#993556;white-space:nowrap;background:#fbeaf0;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.profil-email-sub{color:#4d4d4d;margin:4px 0 0;font-size:13px}.profil-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.profil-section-title{color:#4d4d4d;margin:0;font-size:15px;font-weight:700}.profil-edit-trigger{color:#f3b4c5;background:#fff;border:2px solid #f3b4c5;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-flex}.profil-edit-trigger img{width:12px;height:12px}.profil-field-list{flex-direction:column;gap:10px;display:flex}.profil-field-card{background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 4px 16px #00000012}.profil-field-icon-box{color:#d4537e;background:#f8d3e0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.profil-field-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profil-field-label{color:#888780;font-size:12px}.profil-field-value{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.profil-field-input{box-sizing:border-box;border:2px solid #f7d6dd;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px;transition:border-color .15s ease-in-out}.profil-field-input:focus{border-color:#f3b4c5}.profil-verified-badge{color:#3b6d11;white-space:nowrap;background:#eaf3de;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.profil-password-input-wrapper{width:100%;position:relative}.profil-password-input-wrapper .profil-field-input{padding-right:2.4rem}.profil-password-toggle{cursor:pointer;color:#f3b4c5;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.profil-password-toggle:hover{color:#ef8fb0}.profil-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=600px){.profil-actions{flex-direction:column-reverse}.profil-actions button{width:100%}}