.dashboard-footer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;box-shadow:0 -8px 25px #00000026;color:#fff;margin-top:60px;overflow:hidden;padding:50px 20px 25px;position:relative}.dashboard-footer:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.05)' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 48 192-32 240-48l48-16v224H0Z'/%3E%3C/svg%3E") bottom no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:.3;pointer-events:none;position:absolute;right:0;top:0}.footer-admin{background:linear-gradient(135deg,#667eea,#764ba2)}.footer-reseller{background:linear-gradient(135deg,#11998e,#38ef7d)}.footer-user{background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.footer-content{border-bottom:1px solid #fff3;display:flex;flex-wrap:wrap;gap:50px;justify-content:space-between;margin:0 auto;max-width:1200px;padding-bottom:30px;position:relative;z-index:1}.footer-left{flex:1 1;min-width:250px}.footer-logo{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:700;gap:12px;margin-bottom:20px}.logo-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));font-size:36px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.logo-text{font-size:24px;letter-spacing:.5px;text-shadow:0 2px 4px #0003}.footer-copyright{color:#ffffffe6;font-size:14px;line-height:1.6;margin:15px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:60px}.footer-section{min-width:140px}.footer-section h4{color:#fff;font-size:15px;font-weight:700;letter-spacing:1px;margin-bottom:18px;opacity:.95;text-transform:uppercase}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:12px}.footer-section a{color:#ffffffd9;display:inline-block;font-size:14px;position:relative;text-decoration:none;transition:all .3s ease}.footer-section a:after{background:#fff;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-section a:hover{color:#fff;transform:translateX(3px)}.footer-section a:hover:after{width:100%}.footer-bottom{margin:0 auto;max-width:1200px;padding-top:25px;position:relative;text-align:center;z-index:1}.footer-tagline{color:#ffffffe6;font-size:14px;font-style:italic;margin:0}@media (max-width:768px){.dashboard-footer{border-radius:10px 10px 0 0;margin-top:40px;padding:40px 24px 24px}.footer-content{align-items:center;flex-direction:column;gap:36px;padding-bottom:28px;text-align:center}.footer-left{min-width:auto;width:100%}.footer-logo{font-size:26px;justify-content:center;margin-bottom:14px}.logo-icon{font-size:38px}.logo-text{font-size:26px}.footer-copyright{font-size:15px;line-height:1.7}.footer-links{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(3,1fr);justify-content:center;width:100%}.footer-section{min-width:0;min-width:auto;padding:0 8px;text-align:center}.footer-section h4{font-size:15px;letter-spacing:.8px;margin-bottom:14px}.footer-section li{margin-bottom:14px}.footer-section a{font-size:15px;padding:2px 0}.footer-bottom{padding-top:22px}.footer-tagline{font-size:14px}}@media (max-width:480px){.dashboard-footer{border-radius:8px 8px 0 0;padding:36px 20px 20px}.footer-logo{font-size:24px}.logo-icon{font-size:34px}.logo-text{font-size:24px}.footer-copyright{font-size:14px}.footer-links{gap:28px 16px;grid-template-columns:repeat(2,1fr);text-align:left}.footer-section:last-child:nth-child(odd){grid-column:1/-1;text-align:center}.footer-section{padding:0;text-align:left}.footer-section h4{font-size:14px;margin-bottom:12px}.footer-section li{margin-bottom:12px}.footer-section a{font-size:14px}.footer-tagline{font-size:13px}}@media (max-width:360px){.dashboard-footer{padding:30px 16px 18px}.footer-links{gap:24px;grid-template-columns:1fr;text-align:left}.footer-section:last-child:nth-child(odd){grid-column:unset;text-align:left}.footer-section a,.footer-section h4{font-size:15px}}*{box-sizing:border-box}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.container{margin:auto;max-width:1200px;padding:0 20px;width:100%}img{height:auto;max-width:100%}.landing-header{background:#fff;box-shadow:0 2px 10px #0000000d;padding:14px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-header .container{align-items:center;display:flex;justify-content:space-between}.logo{align-items:center;display:flex;font-size:22px;font-weight:700;gap:10px}.logo-icon{font-size:28px}.nav-links{align-items:center;display:flex;gap:28px}.nav-links a{color:#666;font-weight:500;text-decoration:none;transition:.3s}.nav-links a:hover{color:#667eea}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:9px 22px}.menu-toggle{background:none;border:none;display:none;font-size:26px}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0}.hero .container{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr}.hero-title{font-size:clamp(28px,5vw,56px);font-weight:800;margin-bottom:20px}.hero-subtitle{font-size:clamp(15px,2vw,20px);margin-bottom:35px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.btn-primary-large,.btn-secondary-large,.btn-whatsapp-large{align-items:center;border-radius:30px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;justify-content:center;padding:14px 26px;text-decoration:none;transition:.3s}.btn-primary-large{background:#fff;color:#667eea}.btn-secondary-large{border:2px solid #fff;color:#fff}.btn-primary-large:hover,.btn-secondary-large:hover,.btn-whatsapp-large:hover{transform:translateY(-3px)}.contact,.features,.pricing,.resellers{padding:80px 0}.section-title{font-size:clamp(24px,4vw,42px);margin-bottom:12px;text-align:center}.section-subtitle{color:#666;margin-bottom:50px;text-align:center}.features-grid,.pricing-grid,.resellers-grid{grid-gap:25px;display:grid;gap:25px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pricing-grid,.resellers-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card,.pricing-card,.reseller-card{background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:28px;transition:.3s}.feature-card:hover,.pricing-card:hover,.reseller-card:hover{transform:translateY(-8px)}.contact{background:#f8fafc;color:#0f172a;padding:80px 20px}.contact .container{margin:auto;max-width:1200px}.contact-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:1.2fr 1fr}.section-title{color:#0f172a;font-size:2.5rem;font-weight:700;margin-bottom:15px}.contact-info p{color:#475569;margin-bottom:30px}.contact-methods{grid-gap:20px;display:grid;gap:20px}.contact-method{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 20px #0000000d;padding:22px;transition:all .3s ease}.contact-method:hover{box-shadow:0 15px 35px #00000014;transform:translateY(-6px)}.contact-icon{font-size:28px;margin-bottom:10px}.contact-method h3{color:#0f172a;font-size:18px;margin-bottom:5px}.contact-method p{color:#64748b;font-size:14px}.contact-link{color:#2563eb;display:inline-block;font-weight:600;margin-top:8px;text-decoration:none}.contact-link:hover{color:#1d4ed8}.contact-cta{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 40px #0000000f;padding:40px;text-align:center}.contact-cta h3{color:#0f172a;font-size:26px;margin-bottom:10px}.contact-cta p{color:#475569;margin-bottom:25px}.cta-buttons{display:flex;flex-direction:column;gap:15px}.btn-primary-large{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:14px;transition:.3s}.btn-primary-large:hover{background:#1d4ed8;transform:translateY(-2px)}.btn-whatsapp-large{align-items:center;background:#25d366;border-radius:10px;color:#fff;display:flex;font-weight:700;gap:8px;justify-content:center;padding:14px;text-decoration:none;transition:.3s}.btn-whatsapp-large:hover{background:#1ebe5d;transform:translateY(-2px)}.whatsapp-icon{font-size:18px}@media (max-width:900px){.contact-content{grid-template-columns:1fr;text-align:center}.cta-buttons{align-items:center}}@media (max-width:1024px){.contact-content,.hero .container{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}}@media (max-width:768px){.menu-toggle{display:block}.nav-links{background:#fff;box-shadow:0 10px 25px #0000001a;display:none;flex-direction:column;left:0;padding:20px;position:absolute;right:0;top:70px}.nav-links.open{display:flex}.contact,.features,.hero,.pricing,.resellers{padding:50px 0}.floating-card{margin:auto;max-width:340px}.btn-primary-large,.btn-secondary-large,.btn-whatsapp-large{flex:1 1;font-size:14px;min-width:140px;padding:12px 18px}}@media (max-width:480px){.container{padding:0 15px}.hero{padding:40px 0}.btn-primary-large,.btn-secondary-large,.btn-whatsapp-large{font-size:13px;min-width:120px}.section-title{font-size:22px}}@media (max-width:375px){.hero-title{font-size:22px}.btn-primary-large,.btn-secondary-large,.btn-whatsapp-large{font-size:12px;min-width:100px;padding:10px 14px}}.hero-image{align-items:center;display:flex;justify-content:center}.floating-card{background:#fff;border-radius:18px;box-shadow:0 20px 60px #00000040;min-width:260px;padding:28px}.card-header{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:20px}.status-dot{animation:pulse 1.5s infinite;background:#25d366;border-radius:50%;display:inline-block;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.card-body{display:flex;flex-direction:column;gap:16px}.stat{align-items:center;background:#f8fafc;border-radius:10px;display:flex;gap:12px;padding:12px 16px}.stat-icon{font-size:22px}.stat-value{color:#667eea;font-size:20px;font-weight:800}.stat-label{color:#64748b;font-size:13px}.verified-badge{background:#dcfce7;border:1px solid #25d366;border-radius:20px;color:#16a34a;font-size:12px;font-weight:600;padding:4px 12px}.reseller-card{text-align:center}.reseller-header{align-items:center;flex-direction:column;gap:8px}.reseller-card .btn-whatsapp-large{margin:0 auto;width:-webkit-fit-content;width:fit-content}.resellers-scroll-wrapper{position:relative}.resellers-grid{-webkit-overflow-scrolling:touch;display:flex!important;gap:24px;overflow-x:auto;padding:12px 4px 20px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.resellers-grid::-webkit-scrollbar{height:8px}.resellers-grid::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.resellers-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px}.resellers-grid::-webkit-scrollbar-thumb:hover{background:#5a6fd6}.resellers-scroll-wrapper .scroll-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 14px #667eea73;color:#fff;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-60%);transition:transform .2s,box-shadow .2s;width:42px;z-index:10}.resellers-scroll-wrapper .scroll-btn:hover{box-shadow:0 6px 20px #667eea8c;transform:translateY(-60%) scale(1.1)}.resellers-scroll-wrapper .scroll-btn.left{left:-18px}.resellers-scroll-wrapper .scroll-btn.right{right:-18px}.resellers-grid .reseller-card{flex-basis:calc(33.333% - 16px);flex-grow:0;flex-shrink:0;min-width:240px;scroll-snap-align:start}@media (max-width:1024px){.resellers-grid .reseller-card{flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.resellers-grid .reseller-card{flex:0 0 75vw}.resellers-scroll-wrapper .scroll-btn{display:none}}.tool-rentals{background:#f1f5f9;padding:80px 0}.rentals-scroll-wrapper{position:relative}.rentals-grid{-webkit-overflow-scrolling:touch;display:flex;gap:24px;overflow-x:auto;padding:12px 4px 20px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.rentals-grid::-webkit-scrollbar{height:8px}.rentals-grid::-webkit-scrollbar-track{background:#e2e8f0;border-radius:10px}.rentals-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px}.rentals-grid::-webkit-scrollbar-thumb:hover{background:#5a6fd6}.rentals-scroll-wrapper .scroll-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 14px #667eea73;color:#fff;cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-60%);transition:transform .2s,box-shadow .2s;width:42px;z-index:10}.scroll-btn:hover{box-shadow:0 6px 20px #667eea8c;transform:translateY(-60%) scale(1.1)}.scroll-btn.left{left:-18px}.scroll-btn.right{right:-18px}.rental-card{background:#fff;border-radius:18px;box-shadow:0 6px 24px #00000014;display:flex;flex-basis:calc(33.333% - 16px);flex-direction:column;flex-grow:0;flex-shrink:0;min-width:260px;overflow:hidden;scroll-snap-align:start;transition:transform .3s ease,box-shadow .3s ease}.rental-card:hover{box-shadow:0 18px 45px #00000021;transform:translateY(-8px)}.rental-image-wrap{height:200px;overflow:hidden;position:relative;width:100%}.rental-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.rental-card:hover .rental-image{transform:scale(1.06)}.rental-duration-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#667eeaeb;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.4px;padding:5px 13px;position:absolute;right:14px;top:14px}.rental-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:22px}.rental-name{color:#0f172a;font-size:18px;font-weight:700;margin:0}.rental-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.rental-price-row{align-items:baseline;display:flex;gap:6px;margin-top:4px}.rental-price{color:#667eea;font-size:22px;font-weight:800}.rental-per{color:#94a3b8;font-size:13px;font-weight:500}.rental-whatsapp-btn{border-radius:12px;font-size:15px;justify-content:center;margin-top:auto;padding:13px 20px;width:100%}@media (max-width:1024px){.rental-card{flex-basis:calc(50% - 12px);flex-grow:0;flex-shrink:0}}@media (max-width:768px){.tool-rentals{padding:50px 0}.rental-card{flex:0 0 80vw}.rental-image-wrap{height:180px}.scroll-btn{display:none}}@media (max-width:480px){.rental-name{font-size:16px}.rental-price{font-size:20px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.login-box{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:420px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{animation:bounce 2s infinite;font-size:64px;margin-bottom:20px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-box h2{color:#333;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:#666;font-size:14px;margin-bottom:30px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e1e8ed;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{align-items:center;animation:shake .5s ease;background-color:#fee;border-left:4px solid #f44336;border-radius:6px;color:#c62828;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.error-icon{font-size:18px}.attempts-warning{animation:shake .4s ease;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:13px;padding:10px 14px}.attempts-warning,.lockout-message{font-weight:600;margin-bottom:12px;text-align:center}.lockout-message{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;font-size:14px;line-height:1.8;padding:14px}.countdown{color:#dc2626;font-size:15px}.login-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.login-footer{margin-top:30px;text-align:center}.footer-text{color:#999;font-size:13px;margin:0}.footer-links{font-size:14px;margin-bottom:8px}.footer-links a{color:#f5a623;font-weight:500;text-decoration:none}.footer-links a:hover{text-decoration:underline}.field-error{color:#e74c3c;display:block;font-size:12px;margin-top:4px}.success-message{background:#1a3a2a;border:1px solid #2ecc71;border-radius:6px;color:#2ecc71;font-size:14px;margin-bottom:16px;padding:12px}@media (max-width:480px){.login-container{align-items:flex-start;padding:40px 12px 12px}.login-box{border-radius:12px;max-width:100%;padding:22px 16px}.login-logo{font-size:42px;margin-bottom:12px}.login-box h2{font-size:22px}.login-subtitle{font-size:13px;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group input{font-size:14px;padding:10px 12px}.login-button{font-size:15px;padding:12px}.login-footer{margin-top:20px}.footer-links{font-size:13px}.footer-text{font-size:12px}}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.password-modal{background:#fff;border-radius:14px;box-shadow:0 10px 40px #00000040;max-height:92vh;max-width:460px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:22px 26px}.modal-header h3{color:#333;font-size:18px;font-weight:700;margin:0}.close-btn{align-items:center;background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s,color .2s;width:32px}.close-btn:hover{background:#e0e0e0;color:#111}.password-modal form{display:flex;flex-direction:column;gap:16px;padding:22px 26px 26px}.password-modal .form-group{display:flex;flex-direction:column;gap:6px}.password-modal .form-group label{color:#555;font-size:13px;font-weight:600}.password-modal .form-group input{border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.password-modal .form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;outline:none}.password-modal .hint{color:#aaa;display:block;font-size:12px}.password-modal .error-message{background:#fff0f0;border-left:4px solid #e53935;border-radius:8px;color:#c33;font-size:13px;padding:11px 14px}.password-modal .modal-actions{border-top:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-end;margin-top:6px;padding-top:16px}.password-modal .modal-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 22px;transition:all .2s}.password-modal .modal-actions button[type=button]{background:#efefef;color:#444}.password-modal .modal-actions button[type=button]:hover{background:#e0e0e0}.password-modal .modal-actions .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.password-modal .modal-actions .btn-primary:hover{box-shadow:0 4px 14px #667eea59;transform:translateY(-1px)}.password-modal .modal-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.password-modal{border-radius:20px 20px 0 0;max-height:90vh;max-width:100%;width:100%}.modal-header{padding:18px 20px}.password-modal form{padding:18px 20px 28px}.password-modal .form-group input{font-size:16px;padding:14px}.password-modal .modal-actions{flex-direction:column-reverse;gap:8px}.password-modal .modal-actions button{font-size:15px;padding:14px;width:100%}}:root{--ad-purple-start:#667eea;--ad-purple-end:#764ba2;--ad-white:#fff;--ad-text:#1a1a2e;--ad-text-muted:#678;--ad-radius:12px;--ad-shadow:0 2px 14px #00000017;--ad-shadow-strong:0 8px 32px #0000002e;--ad-header-h:68px}.ad-root{background:linear-gradient(150deg,#667eea,#764ba2);background:linear-gradient(150deg,var(--ad-purple-start) 0,var(--ad-purple-end) 100%);color:#1a1a2e;color:var(--ad-text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}.ad-loading{background:linear-gradient(150deg,#667eea,#764ba2);background:linear-gradient(150deg,var(--ad-purple-start),var(--ad-purple-end));color:#fff;font-size:22px;justify-content:center;min-height:100vh}.ad-header,.ad-loading{align-items:center;display:flex}.ad-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-bottom:1px solid #667eea26;box-shadow:0 2px 16px #00000014;height:68px;height:var(--ad-header-h);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.ad-header-brand{align-items:center;color:#1a1a2e;color:var(--ad-text);display:flex;font-size:20px;font-weight:700;gap:10px}.ad-brand-icon{font-size:28px}.ad-brand-name{letter-spacing:-.3px}.ad-header-desktop{gap:10px}.ad-header-desktop,.ad-pill{align-items:center;display:flex}.ad-pill{border-radius:30px;color:#fff;font-size:14px;gap:6px;padding:8px 14px}.ad-pill.purple{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--ad-purple-start),var(--ad-purple-end))}.ad-pill-label{font-size:11px;margin-left:2px;opacity:.85}.ad-username{color:#1a1a2e;color:var(--ad-text);font-size:14px;font-weight:600}.ad-role-badge{background:#ede9ff;border:1px solid #667eea40;border-radius:20px;color:#667eea;color:var(--ad-purple-start);font-size:12px;font-weight:700;padding:4px 10px}.ad-btn-fund{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 16px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.ad-btn-fund:hover{box-shadow:0 4px 12px #4caf5059;transform:translateY(-1px)}.ad-btn-icon{background:#f3f0ff;border:1px solid #667eea33;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 10px;transition:background .2s}.ad-btn-icon:hover{background:#e6e0ff}.ad-btn-logout{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.ad-btn-logout:hover{box-shadow:0 4px 12px #f4433659;transform:translateY(-1px)}.ad-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:300}.ad-hamburger span{background:#1a1a2e;background:var(--ad-text);border-radius:3px;display:block;height:2.5px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ad-hamburger.open span:first-child{transform:translateY(8.75px) rotate(45deg)}.ad-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.ad-hamburger.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}.ad-mobile-drawer{background:#fff;box-shadow:-4px 0 30px #0000002e;display:flex;flex-direction:column;height:calc(100vh - 68px);height:calc(100vh - var(--ad-header-h));overflow-y:auto;position:fixed;right:0;top:68px;top:var(--ad-header-h);transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);width:min(320px,88vw);z-index:250}.ad-mobile-drawer.visible{transform:translateX(0)}.ad-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;inset:0;position:fixed;z-index:240}.ad-drawer-profile{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--ad-purple-start),var(--ad-purple-end));color:#fff;display:flex;gap:14px;padding:22px 18px 18px}.ad-drawer-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:36px;height:50px;justify-content:center;width:50px}.ad-drawer-username{font-size:16px;font-weight:700}.ad-drawer-stats{background:#f9f7ff;border-bottom:1px solid #ede9ff;display:flex;justify-content:space-around;padding:18px 14px}.ad-drawer-stat{align-items:center;display:flex;gap:8px}.ad-drawer-stat-icon{font-size:20px}.ad-drawer-stat-value{color:#667eea;color:var(--ad-purple-start);font-size:17px;font-weight:700;line-height:1.1}.ad-drawer-stat-label{color:#678;color:var(--ad-text-muted);font-size:11px}.ad-drawer-actions{display:flex;flex-direction:column;gap:10px;padding:18px}.ad-drawer-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--ad-purple-start),var(--ad-purple-end));border:none;border-radius:10px;box-shadow:0 3px 10px #667eea40;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;padding:13px 18px;text-align:left;transition:transform .15s,box-shadow .15s;width:100%}.ad-drawer-btn:hover{transform:translateY(-1px)}.ad-drawer-btn.secondary{background:#f0f0f0;box-shadow:none;color:#1a1a2e;color:var(--ad-text)}.ad-drawer-btn.danger{background:#f44336;box-shadow:0 3px 10px #f4433640}.ad-main{margin:0 auto;max-width:1280px;padding:28px 20px 20px}.ad-alert{border-radius:10px;font-size:14px;font-weight:500;margin-bottom:16px;padding:14px 18px}.ad-alert.error{background:#fff0f0;border-left:4px solid #e53935;color:#c33}.ad-alert.success{background:#efffef;border-left:4px solid #43a047;color:#2e7d32}.ad-tabs{display:flex;gap:10px;margin-bottom:18px}.ad-tab{align-items:center;background:#fff;border:none;border-radius:10px;box-shadow:0 2px 14px #00000017;box-shadow:var(--ad-shadow);color:#678;color:var(--ad-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .25s}.ad-tab:hover{transform:translateY(-1px)}.ad-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--ad-purple-start),var(--ad-purple-end));box-shadow:0 4px 16px #667eea59;color:#fff}.ad-tab-count{background:#ffffff40;border-radius:10px;font-size:12px;padding:2px 8px}.ad-tab:not(.active) .ad-tab-count{background:#ede9ff;color:#667eea;color:var(--ad-purple-start)}.ad-tab-panel{background:#fff;border-radius:12px;border-radius:var(--ad-radius);box-shadow:0 2px 14px #00000017;box-shadow:var(--ad-shadow);overflow:hidden}.ad-panel-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:20px 22px}.ad-panel-header h2{color:#1a1a2e;color:var(--ad-text);font-size:18px;margin:0}.ad-panel-header-actions{display:flex;flex-wrap:wrap;gap:10px}.ad-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--ad-purple-start),var(--ad-purple-end));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.ad-btn-primary:hover{box-shadow:0 4px 14px #667eea59;transform:translateY(-1px)}.ad-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.ad-btn-secondary{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .15s;white-space:nowrap}.ad-btn-secondary:hover{transform:translateY(-1px)}.ad-btn-deduct{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px;transition:transform .15s,box-shadow .15s}.ad-btn-deduct:hover{box-shadow:0 4px 12px #ff980059;transform:translateY(-1px)}.ad-search-wrap{max-width:380px;padding:14px 22px 0;position:relative}.ad-search{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#1a1a2e;color:var(--ad-text);font-size:15px;padding:10px 38px 10px 16px;transition:border-color .2s;width:100%}.ad-search:focus{border-color:#667eea;border-color:var(--ad-purple-start);outline:none}.ad-search::placeholder{color:#aaa}.ad-search-clear{background:none;border:none;color:#999;cursor:pointer;font-size:14px;position:absolute;right:30px;top:50%;transform:translateY(-28%)}.ad-search-clear:hover{color:#333}.ad-table-wrap{-webkit-overflow-scrolling:touch;margin-top:14px;overflow-x:auto;padding:0 22px 16px}.ad-table{border-collapse:collapse;min-width:700px;width:100%}.ad-table thead{background:#f9f7ff}.ad-table th{border-bottom:2px solid #ede9ff;color:#555;font-size:12px;font-weight:600;letter-spacing:.4px;text-align:left;text-transform:uppercase}.ad-table td,.ad-table th{padding:12px;white-space:nowrap}.ad-table td{border-bottom:1px solid #f3f3f3;color:#1a1a2e;color:var(--ad-text);font-size:14px}.ad-table tbody tr:hover{background:#f9f7ff}.ad-empty-row{color:#678;color:var(--ad-text-muted);font-size:14px;padding:40px!important;text-align:center;white-space:normal!important}.ad-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.ad-status.active{background:#e8f5e9;color:#2e7d32}.ad-status.inactive{background:#ffebee;color:#c62828}.ad-btn-small{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:12px;font-weight:600;margin-bottom:3px;margin-right:5px;padding:6px 12px;transition:transform .15s;white-space:nowrap}.ad-btn-small:hover{transform:scale(1.04)}.ad-btn-small.toggle{background:#2196f3;color:#fff}.ad-btn-small.delete{background:#f44336;color:#fff}.ad-btn-small.activate{background:#4caf50;color:#fff}.ad-btn-small.deduct{background:#ff9800;color:#fff}.ad-toggle-switch{display:inline-block;flex-shrink:0;height:26px;position:relative;width:48px}.ad-toggle-switch input{height:0;opacity:0;position:absolute;width:0}.ad-toggle-slider{background:#ccc;border-radius:26px;cursor:pointer;inset:0;position:absolute;transition:.3s}.ad-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0000004d;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}.ad-toggle-switch input:checked+.ad-toggle-slider{background:#4caf50}.ad-toggle-switch input:checked+.ad-toggle-slider:before{transform:translateX(22px)}.ad-mobile-cards{display:none;flex-direction:column;gap:12px;padding:16px}.ad-empty-card{color:#678;color:var(--ad-text-muted);font-size:14px;padding:36px 20px;text-align:center}.ad-user-card{background:#fdfcff;border:1px solid #ede9ff;border-radius:10px;overflow:hidden}.ad-user-card-header{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba20f);border-bottom:1px solid #ede9ff;display:flex;gap:10px;justify-content:space-between;padding:12px 16px}.ad-user-card-left{flex:1 1;min-width:0}.ad-user-card-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.ad-user-card-name{color:#1a1a2e;color:var(--ad-text);font-size:15px;font-weight:700}.ad-user-card-email,.ad-user-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-user-card-email{color:#678;color:var(--ad-text-muted);font-size:12px;margin-top:2px}.ad-user-card-body{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:12px 16px}.ad-user-card-field{background:#f4f2ff;border-radius:8px;padding:9px 12px}.ad-user-card-field-label{color:#999;font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:3px;text-transform:uppercase}.ad-user-card-field-value{color:#1a1a2e;color:var(--ad-text);font-size:14px;font-weight:600}.ad-user-card-actions{display:flex;gap:8px;padding:0 16px 14px}.ad-user-card-actions .ad-btn-small{border-radius:8px;flex:1 1;font-size:13px;margin:0;padding:11px 8px;text-align:center}.ad-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:400}.ad-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;box-shadow:var(--ad-shadow-strong);max-height:92vh;max-width:500px;overflow-y:auto;width:100%}.ad-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 22px 16px}.ad-modal-header h3{color:#1a1a2e;color:var(--ad-text);font-size:18px;margin:0}.ad-modal-close{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:14px;padding:5px 10px}.ad-modal-sub{color:#678;color:var(--ad-text-muted);font-size:13px;margin:0 0 12px}.ad-modal form{display:flex;flex-direction:column;gap:12px;padding:18px 22px 22px}.ad-modal input,.ad-modal select{border:1.5px solid #ddd;border-radius:8px;font-size:15px;padding:13px 14px;transition:border-color .2s;width:100%}.ad-modal input:focus,.ad-modal select:focus{border-color:#667eea;border-color:var(--ad-purple-start);outline:none}.ad-hint{background:#f9f7ff;border:1px solid #ede9ff;border-radius:8px;color:#666;font-size:13px;margin:-4px 0 0;padding:10px 14px}.ad-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.ad-modal-actions button[type=button]{background:#efefef;border:none;border-radius:8px;color:#444;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px}.ad-activate-user-info{align-items:center;background:#f9f7ff;border:1px solid #ede9ff;border-radius:10px;display:flex;gap:14px;padding:14px 16px}.ad-activate-avatar{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.ad-activate-name{color:#1a1a2e;color:var(--ad-text);font-size:16px;font-weight:700}.ad-activate-email{color:#678;color:var(--ad-text-muted);font-size:13px;margin-top:2px}.ad-field-label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ad-package-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.ad-package-option{background:#fdfcff;border:2px solid #ede9ff;border-radius:10px;cursor:pointer;padding:14px 12px;text-align:center;transition:all .2s}.ad-package-option:hover{background:#f3f0ff}.ad-package-option.selected,.ad-package-option:hover{border-color:#667eea;border-color:var(--ad-purple-start)}.ad-package-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 0 0 3px #667eea26}.ad-package-label{color:#1a1a2e;color:var(--ad-text);font-size:14px;font-weight:600;margin-bottom:4px}.ad-package-price{color:#667eea;color:var(--ad-purple-start);font-size:18px;font-weight:800}@media (max-width:1024px){.ad-table td,.ad-table th{padding:10px 8px}}@media (max-width:768px){.ad-hamburger{display:flex}.ad-header-desktop{display:none}.ad-header{height:60px;padding:0 16px}:root{--ad-header-h:60px}.ad-brand-name{font-size:18px}.ad-brand-icon{font-size:24px}.ad-main{padding:14px 12px}.ad-tabs{gap:8px}.ad-tab{font-size:14px;padding:12px 14px}.ad-table-wrap{display:none}.ad-mobile-cards{display:flex}.ad-search-wrap{max-width:100%;padding:14px 16px 0}.ad-panel-header{padding:15px 16px}.ad-panel-header h2{font-size:16px}.ad-panel-header-actions{flex-direction:column;width:100%}.ad-panel-header-actions .ad-btn-primary,.ad-panel-header-actions .ad-btn-secondary{font-size:14px;padding:13px;text-align:center;width:100%}.ad-panel-header{align-items:stretch;flex-direction:column;gap:12px}.ad-btn-primary{font-size:14px;padding:13px;text-align:center;width:100%}.ad-overlay{align-items:flex-end;padding:0}.ad-modal{border-radius:20px 20px 0 0;max-height:90vh;max-width:100%}.ad-modal form{padding:16px 18px 28px}.ad-modal input,.ad-modal select{font-size:16px;padding:14px}.ad-modal-actions{flex-direction:column-reverse;gap:8px}.ad-modal-actions button{font-size:15px;padding:14px;width:100%}.ad-btn-deduct,.ad-modal-actions button[type=button]{width:100%}.ad-package-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.ad-tab{font-size:13px;gap:5px;padding:11px 10px}.ad-tab-count{font-size:11px;padding:2px 6px}.ad-user-card-name{font-size:14px}.ad-user-card-field-value{font-size:13px}.ad-drawer-stats{gap:6px;padding:14px 10px}.ad-drawer-stat-icon{font-size:18px}.ad-drawer-stat-value{font-size:15px}.ad-package-option{padding:10px 8px}.ad-package-label{font-size:12px}.ad-package-price{font-size:16px}}.ad-tab.active .ad-tab-active{background:#ffffff40}.ad-tab-active{background:#e8f5e9;color:#2e7d32}.ad-tab-active,.ad-tab-inactive{border-radius:10px;font-size:12px;font-weight:700;padding:2px 8px;transition:all .2s}.ad-tab-inactive{background:#ffebee;color:#c62828}.ad-tab-active:hover{background:#c8e6c9;transform:scale(1.05)}.ad-tab-inactive:hover{background:#ffcdd2;transform:scale(1.05)}.ad-tab-active.filter-selected{background:#2e7d32;color:#fff}.ad-tab-inactive.filter-selected{background:#c62828;color:#fff}.ad-tab.active .ad-tab-active{background:#fff3;color:#fff}.ad-tab.active .ad-tab-inactive{background:#ffffff26;color:#ffffffd9}.ad-tab.active .ad-tab-active.filter-selected{background:#fff;color:#2e7d32}.ad-tab.active .ad-tab-inactive.filter-selected{background:#fff;color:#c62828}.ad-filter-indicator{align-items:center;background:#f9f7ff;border-bottom:1px solid #ede9ff;color:#555;display:flex;font-size:13px;gap:10px;padding:8px 22px}.ad-filter-clear{background:none;border:1px solid #ccc;border-radius:6px;color:#666;cursor:pointer;font-size:12px;padding:3px 10px;transition:all .2s}.ad-filter-clear:hover{background:#fee;border-color:#c33;color:#c33}.ad-pagination{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:16px 22px}.ad-page-btn{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:all .2s}.ad-page-btn:hover:not(:disabled){background:#667eea;background:var(--ad-purple-start)}.ad-page-btn.active,.ad-page-btn:hover:not(:disabled){border-color:#667eea;border-color:var(--ad-purple-start);color:#fff}.ad-page-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--ad-purple-start),var(--ad-purple-end));box-shadow:0 2px 8px #667eea59}.ad-page-btn:disabled{cursor:not-allowed;opacity:.35}.ad-page-info{color:#678;color:var(--ad-text-muted);font-size:13px;margin-left:6px}@media (max-width:768px){.ad-pagination{justify-content:center;padding:14px 16px}.ad-page-info{margin-left:0;margin-top:4px;text-align:center;width:100%}}.ad-btn-small.edit{background:#9c27b0;color:#fff}.ad-btn-small.reset-machine{background:#ff9800;color:#fff}.ad-btn-small.reset-pass{background:#607d8b;color:#fff}.ad-action-menu-wrap{display:inline-block;position:relative}.ad-action-menu-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:6px 14px;transition:background .2s}.ad-action-menu-btn:hover{background:#e0e0e0}.ad-action-menu-btn.full{font-size:14px;font-weight:600;padding:11px;text-align:center;width:100%}.ad-action-dropdown{background:#fff;border:1px solid #ede9ff;border-radius:10px;box-shadow:0 8px 24px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.ad-action-dropdown button{background:none;border:none;border-bottom:1px solid #f5f5f5;color:#333;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:11px 16px;text-align:left;transition:background .15s;width:100%}.ad-action-dropdown button:last-child{border-bottom:none}.ad-action-dropdown button:hover{background:#f9f7ff}.ad-action-dropdown button.danger{color:#e53935}.ad-action-dropdown button.danger:hover{background:#fff0f0}.ad-action-dropdown button:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.ad-action-dropdown{border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;left:0;min-width:0;min-width:auto;position:fixed;right:0;top:auto;width:100%;z-index:500}.ad-action-dropdown button{font-size:15px;padding:16px 20px}}.ad-table tbody tr:last-child .ad-action-dropdown,.ad-table tbody tr:nth-last-child(2) .ad-action-dropdown,.ad-table tbody tr:nth-last-child(3) .ad-action-dropdown{bottom:calc(100% + 4px);top:auto}.ad-toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;left:24px;max-width:360px;position:fixed;z-index:9999}.ad-toast{align-items:center;animation:toastIn .3s ease;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 16px}.ad-toast.success{background:#2e7d32}.ad-toast.error{background:#c62828}.ad-toast span:nth-child(2){flex:1 1;line-height:1.4}.ad-toast button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;padding:2px 8px}.ad-toast button:hover{background:#ffffff59}@keyframes toastIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.ad-toast-container{bottom:16px;left:16px;max-width:none;right:16px}}.ad-action-dropdown.open-up{bottom:calc(100% + 4px);top:auto}.ad-confirm-dialog{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:360px;padding:28px 24px;text-align:center;width:90%}.ad-confirm-icon{font-size:36px;margin-bottom:12px}.ad-confirm-message{color:#333;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px}.ad-confirm-actions{display:flex;gap:10px;justify-content:center}.ad-confirm-cancel{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:11px 28px;transition:all .2s}.ad-confirm-cancel:hover{background:#f5f5f5}.ad-confirm-ok{background:#e53935;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:11px 28px;transition:all .2s}.ad-confirm-ok:hover{background:#c62828}@media (max-width:768px){.ad-confirm-dialog{padding:24px 20px}.ad-confirm-actions{flex-direction:column-reverse}.ad-confirm-cancel,.ad-confirm-ok{padding:14px;width:100%}}:root{--rd-green-start:#11998e;--rd-green-end:#38ef7d;--rd-green-mid:#1aaf9e;--rd-white:#fff;--rd-text:#1a2a2a;--rd-text-muted:#667;--rd-radius:12px;--rd-shadow:0 2px 14px #0000001a;--rd-shadow-strong:0 8px 32px #0000002e;--rd-header-h:68px}.rd-root{background:linear-gradient(150deg,#11998e,#38ef7d);background:linear-gradient(150deg,var(--rd-green-start) 0,var(--rd-green-end) 100%);color:#1a2a2a;color:var(--rd-text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}.rd-loading{background:linear-gradient(150deg,#11998e,#38ef7d);background:linear-gradient(150deg,var(--rd-green-start),var(--rd-green-end));color:#fff;font-size:22px;justify-content:center;letter-spacing:.5px;min-height:100vh}.rd-header,.rd-loading{align-items:center;display:flex}.rd-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-bottom:1px solid #11998e26;box-shadow:0 2px 16px #00000014;height:68px;height:var(--rd-header-h);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.rd-header-brand{align-items:center;color:#1a2a2a;color:var(--rd-text);display:flex;font-size:20px;font-weight:700;gap:10px}.rd-brand-icon{font-size:28px}.rd-brand-name{letter-spacing:-.3px}.rd-header-desktop-actions{align-items:center;display:flex;gap:10px}.rd-pill{align-items:center;background:linear-gradient(135deg,#11998e,#38ef7d);background:linear-gradient(135deg,var(--rd-green-start),var(--rd-green-end));border-radius:30px;color:#fff;display:flex;flex-direction:row;font-size:14px;gap:6px;padding:8px 14px}.rd-pill-icon{font-size:16px}.rd-pill-label{font-size:11px;margin-left:2px;opacity:.85}.rd-username-badge{color:#1a2a2a;color:var(--rd-text);font-size:14px;font-weight:600}.rd-role-badge{background:#e6fff9;border:1px solid #11998e4d;border-radius:20px;color:#11998e;color:var(--rd-green-start);font-size:12px;font-weight:700;padding:4px 10px}.rd-btn-icon{background:#f0faf9;border:1px solid #11998e33;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 10px;transition:background .2s}.rd-btn-icon:hover{background:#d8f5f1}.rd-btn-logout{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.rd-btn-logout:hover{box-shadow:0 4px 12px #f4433659;transform:translateY(-1px)}.rd-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:300}.rd-hamburger span{background:#1a2a2a;background:var(--rd-text);border-radius:3px;display:block;height:2.5px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.rd-hamburger.open span:first-child{transform:translateY(8.75px) rotate(45deg)}.rd-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.rd-hamburger.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}.rd-mobile-drawer{background:#fff;box-shadow:-4px 0 30px #0000002e;display:flex;flex-direction:column;gap:0;height:calc(100vh - 68px);height:calc(100vh - var(--rd-header-h));overflow-y:auto;position:fixed;right:0;top:68px;top:var(--rd-header-h);transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);width:min(320px,88vw);z-index:250}.rd-mobile-drawer.visible{transform:translateX(0)}.rd-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;inset:0;position:fixed;z-index:240}.rd-drawer-profile{align-items:center;background:linear-gradient(135deg,#11998e,#38ef7d);background:linear-gradient(135deg,var(--rd-green-start),var(--rd-green-end));color:#fff;display:flex;gap:14px;padding:24px 20px 20px}.rd-drawer-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:38px;height:54px;justify-content:center;width:54px}.rd-drawer-username{font-size:17px;font-weight:700}.rd-drawer-stats{background:#f8fffe;border-bottom:1px solid #e0f5f2;display:flex;justify-content:space-around;padding:20px 16px}.rd-drawer-stat{align-items:center;display:flex;gap:8px}.rd-drawer-stat-icon{font-size:22px}.rd-drawer-stat-value{color:#11998e;color:var(--rd-green-start);font-size:18px;font-weight:700;line-height:1.1}.rd-drawer-stat-label{color:#667;color:var(--rd-text-muted);font-size:11px}.rd-drawer-actions{display:flex;flex-direction:column;gap:10px;padding:20px}.rd-drawer-btn{background:linear-gradient(135deg,#11998e,#38ef7d);background:linear-gradient(135deg,var(--rd-green-start),var(--rd-green-end));border:none;border-radius:10px;box-shadow:0 3px 10px #11998e40;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;padding:14px 18px;text-align:left;transition:transform .15s,box-shadow .15s;width:100%}.rd-drawer-btn:hover{box-shadow:0 5px 16px #11998e59;transform:translateY(-1px)}.rd-drawer-btn.secondary{background:#f0f0f0;box-shadow:none;color:#1a2a2a;color:var(--rd-text)}.rd-drawer-btn.danger{background:#f44336;box-shadow:0 3px 10px #f4433640}.rd-main{margin:0 auto;max-width:1200px;padding:28px 20px 20px}.rd-alert{border-radius:10px;font-size:14px;font-weight:500;margin-bottom:18px;padding:14px 18px}.rd-alert.error{background:#fff0f0;border-left:4px solid #e53935;color:#c33}.rd-alert.success{background:#efffef;border-left:4px solid #43a047;color:#2e7d32}.rd-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.rd-stat-card{align-items:center;background:#fff;border-radius:12px;border-radius:var(--rd-radius);box-shadow:0 2px 14px #0000001a;box-shadow:var(--rd-shadow);display:flex;gap:14px;padding:20px}.rd-stat-icon{flex-shrink:0;font-size:32px}.rd-stat-label{color:#667;color:var(--rd-text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.rd-stat-value{color:#11998e;color:var(--rd-green-start);font-size:26px;font-weight:700;line-height:1.1}.rd-section{background:#fff;border-radius:12px;border-radius:var(--rd-radius);box-shadow:0 2px 14px #0000001a;box-shadow:var(--rd-shadow);overflow:hidden}.rd-section-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 22px}.rd-section-header h2{color:#1a2a2a;color:var(--rd-text);font-size:18px;margin:0}.rd-btn-primary{background:linear-gradient(135deg,#11998e,#38ef7d);background:linear-gradient(135deg,var(--rd-green-start),var(--rd-green-end));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.rd-btn-primary:hover{box-shadow:0 4px 14px #11998e59;transform:translateY(-1px)}.rd-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.rd-search-wrap{align-items:center;background:#fafffe;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:14px 22px;position:relative}.rd-search-icon{flex-shrink:0;font-size:16px}.rd-search-input{background:#fff;border:1.5px solid #e0f5f2;border-radius:8px;color:#1a2a2a;color:var(--rd-text);flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.rd-search-input:focus{border-color:#11998e;border-color:var(--rd-green-start);box-shadow:0 0 0 3px #11998e1a}.rd-search-input::placeholder{color:#aab}.rd-search-clear{background:#eee;border:none;border-radius:6px;color:#666;cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 10px;transition:background .15s}.rd-search-clear:hover{background:#ddd}.rd-btn-activate{background:linear-gradient(135deg,#f7971e,#ffd200);border:none;border-radius:7px;color:#1a1a00;cursor:pointer;font-size:12px;font-weight:700;padding:7px 14px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.rd-btn-activate:hover{box-shadow:0 4px 12px #f7971e66;transform:translateY(-1px)}.rd-btn-activate-full{font-size:14px;margin-top:6px;padding:12px;text-align:center;width:100%}.rd-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.rd-table{border-collapse:collapse;min-width:620px;width:100%}.rd-table thead{background:#f7fdfc}.rd-table th{border-bottom:2px solid #e0f5f2;color:#444;font-size:13px;font-weight:600;letter-spacing:.4px;padding:13px 14px;text-align:left;text-transform:uppercase}.rd-table td{border-bottom:1px solid #f3f3f3;color:#1a2a2a;color:var(--rd-text);font-size:14px;padding:13px 14px}.rd-table tbody tr:hover{background:#f8fffe}.rd-empty-row{color:#667;color:var(--rd-text-muted);padding:40px!important;text-align:center}.rd-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.rd-status.active{background:#e8f5e9;color:#2e7d32}.rd-status.inactive{background:#ffebee;color:#c62828}.rd-mobile-cards{display:none;flex-direction:column;gap:12px;padding:16px}.rd-empty-card{color:#667;color:var(--rd-text-muted);font-size:15px;padding:36px 20px;text-align:center}.rd-user-card{background:#fafffe;border:1px solid #e8f5f2;border-radius:10px;overflow:hidden}.rd-user-card-header{align-items:center;background:linear-gradient(135deg,#11998e14,#38ef7d14);border-bottom:1px solid #e0f5f2;display:flex;justify-content:space-between;padding:12px 16px}.rd-user-card-name{color:#1a2a2a;color:var(--rd-text);font-size:15px;font-weight:700}.rd-user-card-body{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.rd-user-card-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.rd-user-card-key{color:#667;color:var(--rd-text-muted);font-size:13px;min-width:80px}.rd-user-card-val{color:#1a2a2a;color:var(--rd-text);font-weight:500;text-align:right}.rd-overlay{align-items:flex-end;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:400}.rd-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000002e;box-shadow:var(--rd-shadow-strong);max-height:92vh;max-width:480px;overflow-y:auto;width:100%}.rd-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 22px 16px}.rd-modal-header h3{font-size:18px;margin:0}.rd-modal-close{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:5px 10px}.rd-modal form{display:flex;flex-direction:column;gap:12px;padding:18px 22px 22px}.rd-modal input,.rd-modal select{border:1.5px solid #ddd;border-radius:8px;font-size:15px;padding:13px 14px;transition:border-color .2s;width:100%}.rd-modal input:focus,.rd-modal select:focus{border-color:#11998e;border-color:var(--rd-green-start);outline:none}.rd-hint{background:#f7fdfc;border:1px solid #e0f5f2;border-radius:8px;color:#666;font-size:13px;margin:-4px 0 0;padding:10px 14px}.rd-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.rd-modal-actions button[type=button]{background:#efefef;border:none;border-radius:8px;color:#444;cursor:pointer;font-size:14px;font-weight:600;padding:11px 20px}.rd-activate-user-info{align-items:center;background:#f7fdfc;border:1px solid #e0f5f2;border-radius:10px;display:flex;gap:14px;padding:14px 16px}.rd-activate-avatar{align-items:center;background:linear-gradient(135deg,#11998e26,#38ef7d26);border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:50px;justify-content:center;width:50px}.rd-activate-name{color:#1a2a2a;color:var(--rd-text);font-size:16px;font-weight:700}.rd-activate-email{color:#667;color:var(--rd-text-muted);font-size:13px;margin-top:2px}.rd-field-label{color:#555;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.rd-package-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.rd-package-option{background:#fafffe;border:2px solid #e0f5f2;border-radius:10px;cursor:pointer;padding:14px 12px;text-align:center;transition:all .2s}.rd-package-option:hover{background:#f0faf9}.rd-package-option.selected,.rd-package-option:hover{border-color:#11998e;border-color:var(--rd-green-start)}.rd-package-option.selected{background:linear-gradient(135deg,#11998e1a,#38ef7d1a);box-shadow:0 0 0 3px #11998e26}.rd-package-label{color:#1a2a2a;color:var(--rd-text);font-size:14px;font-weight:600;margin-bottom:4px}.rd-package-price{color:#11998e;color:var(--rd-green-start);font-size:18px;font-weight:800}@media (max-width:900px){.rd-stats-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.rd-stat-card{gap:10px;padding:16px}.rd-stat-icon{font-size:26px}.rd-stat-value{font-size:22px}}@media (max-width:768px){.rd-hamburger{display:flex}.rd-header-desktop-actions{display:none}.rd-header{height:60px;padding:0 16px}:root{--rd-header-h:60px}.rd-brand-name{font-size:18px}.rd-brand-icon{font-size:24px}.rd-main{padding:16px 12px}.rd-stats-grid{gap:10px;grid-template-columns:1fr}.rd-stat-card{padding:16px 18px}.rd-stat-value{font-size:24px}.rd-section-header{padding:16px}.rd-search-wrap{padding:12px 16px}.rd-table-wrap{display:none}.rd-mobile-cards{display:flex}.rd-section-header .rd-btn-primary{font-size:15px;padding:13px;text-align:center;width:100%}.rd-section-header{align-items:stretch;flex-direction:column;gap:12px}.rd-section-header h2{font-size:17px}.rd-overlay{align-items:flex-end;padding:0}.rd-modal{border-radius:20px 20px 0 0;max-height:90vh;max-width:100%}.rd-modal form{padding:16px 18px 28px}.rd-modal input,.rd-modal select{font-size:16px;padding:14px}.rd-modal-actions{flex-direction:column-reverse;gap:8px}.rd-modal-actions button{font-size:15px;padding:14px;width:100%}.rd-modal-actions button[type=button]{width:100%}.rd-package-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.rd-drawer-stats{gap:6px;padding:16px 12px}.rd-drawer-stat-icon{font-size:18px}.rd-drawer-stat-value{font-size:16px}.rd-stat-value{font-size:22px}.rd-stat-icon{font-size:24px}.rd-user-card-row{font-size:13px}.rd-user-card-key{font-size:12px}.rd-user-card-name{font-size:14px}.rd-package-grid{gap:8px;grid-template-columns:1fr 1fr}.rd-package-option{padding:12px 8px}.rd-package-label{font-size:12px}.rd-package-price{font-size:16px}}.rd-filter-tabs{background:#fafffe;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:12px 22px}.rd-filter-tab{align-items:center;background:#fff;border:1.5px solid #e0f5f2;border-radius:20px;color:#667;color:var(--rd-text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .2s}.rd-filter-tab:hover{border-color:#11998e;border-color:var(--rd-green-start);color:#11998e;color:var(--rd-green-start)}.rd-filter-tab.active{background:linear-gradient(135deg,#11998e,#38ef7d);background:linear-gradient(135deg,var(--rd-green-start),var(--rd-green-end));border-color:#0000;box-shadow:0 2px 8px #11998e4d;color:#fff}.rd-filter-count{background:#ffffff40;border-radius:10px;font-size:11px;padding:1px 7px}.rd-filter-tab:not(.active) .rd-filter-count{background:#e0f5f2;color:#11998e;color:var(--rd-green-start)}.rd-expiry-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 7px;white-space:nowrap}.rd-expiry-badge.critical,.rd-expiry-badge.expired{background:#ffebee;color:#c62828}.rd-expiry-badge.warning{background:#fff8e1;color:#e65100}.rd-stats-grid{grid-template-columns:repeat(4,1fr)!important}.rd-pagination{align-items:center;border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:6px;padding:16px 22px}.rd-page-btn{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:all .2s}.rd-page-btn:hover:not(:disabled){background:#11998e;background:var(--rd-green-start)}.rd-page-btn.active,.rd-page-btn:hover:not(:disabled){border-color:#11998e;border-color:var(--rd-green-start);color:#fff}.rd-page-btn.active{background:linear-gradient(135deg,#11998e,#38ef7d);background:linear-gradient(135deg,var(--rd-green-start),var(--rd-green-end));box-shadow:0 2px 8px #11998e59}.rd-page-btn:disabled{cursor:not-allowed;opacity:.35}.rd-page-info{color:#667;color:var(--rd-text-muted);font-size:13px;margin-left:6px}.rd-toast-container{bottom:24px;display:flex;flex-direction:column;gap:10px;left:24px;max-width:360px;position:fixed;z-index:9999}.rd-toast{align-items:center;animation:rdToastIn .3s ease;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#fff;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 16px}.rd-toast.success{background:#2e7d32}.rd-toast.error{background:#c62828}.rd-toast span:nth-child(2){flex:1 1;line-height:1.4}.rd-toast button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;padding:2px 8px}.rd-toast button:hover{background:#ffffff59}@keyframes rdToastIn{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}.rd-confirm-dialog{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;margin:auto;max-width:360px;padding:28px 24px;text-align:center;width:90%}.rd-confirm-icon{font-size:36px;margin-bottom:12px}.rd-confirm-message{color:#333;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:24px}.rd-confirm-actions{display:flex;gap:10px;justify-content:center}.rd-confirm-cancel{background:#fff;border:1.5px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:11px 28px}.rd-confirm-cancel:hover{background:#f5f5f5}.rd-confirm-ok{background:#e53935;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:11px 28px}.rd-confirm-ok:hover{background:#c62828}@media (max-width:900px){.rd-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.rd-stats-grid{grid-template-columns:repeat(2,1fr)!important}.rd-filter-tabs{padding:10px 16px}.rd-pagination{justify-content:center;padding:14px 16px}.rd-page-info{margin-left:0;margin-top:4px;text-align:center;width:100%}.rd-toast-container{bottom:16px;left:16px;max-width:none;right:16px}.rd-confirm-dialog{padding:24px 20px}.rd-confirm-actions{flex-direction:column-reverse}.rd-confirm-cancel,.rd-confirm-ok{padding:14px;width:100%}}@media (max-width:480px){.rd-stats-grid{grid-template-columns:1fr 1fr!important}}:root{--ud-blue-start:#3a7bd5;--ud-blue-end:#00d2ff;--ud-white:#fff;--ud-text:#1a2233;--ud-text-muted:#678;--ud-radius:12px;--ud-shadow:0 2px 14px #00000017;--ud-shadow-strong:0 8px 32px #0000002e;--ud-header-h:68px}*,:after,:before{box-sizing:border-box}.ud-root{background:linear-gradient(150deg,#3a7bd5,#00d2ff);background:linear-gradient(150deg,var(--ud-blue-start) 0,var(--ud-blue-end) 100%);color:#1a2233;color:var(--ud-text);font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}.ud-error-page,.ud-loading{align-items:center;background:linear-gradient(150deg,#3a7bd5,#00d2ff);background:linear-gradient(150deg,var(--ud-blue-start),var(--ud-blue-end));color:#fff;display:flex;font-size:22px;justify-content:center;min-height:100vh}.ud-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-bottom:1px solid #3a7bd526;box-shadow:0 2px 16px #00000014;height:68px;height:var(--ud-header-h);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.ud-header,.ud-header-brand{align-items:center;display:flex}.ud-header-brand{color:#1a2233;color:var(--ud-text);font-size:20px;font-weight:700;gap:10px}.ud-brand-icon{font-size:28px}.ud-brand-name{letter-spacing:-.3px}.ud-header-desktop-actions{align-items:center;display:flex;gap:10px}.ud-username-badge{color:#1a2233;color:var(--ud-text);font-size:14px;font-weight:600}.ud-role-badge{background:#e8f0fd;border:1px solid #3a7bd540;border-radius:20px;color:#3a7bd5;color:var(--ud-blue-start);font-size:12px;font-weight:700;padding:4px 10px}.ud-license-pill{border-radius:20px;font-size:12px;font-weight:700;padding:5px 12px}.ud-license-pill.active{background:#e8f5e9;border:1px solid #2e7d3240;color:#2e7d32}.ud-license-pill.inactive{background:#ffebee;border:1px solid #c6282840;color:#c62828}.ud-btn-icon{background:#f0f4fc;border:1px solid #3a7bd533;border-radius:8px;cursor:pointer;font-size:16px;padding:8px 10px;transition:background .2s}.ud-btn-icon:hover{background:#dce8fa}.ud-btn-logout{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:transform .15s,box-shadow .15s;white-space:nowrap}.ud-btn-logout:hover{box-shadow:0 4px 12px #f4433659;transform:translateY(-1px)}.ud-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:28px;z-index:300}.ud-hamburger span{background:#1a2233;background:var(--ud-text);border-radius:3px;display:block;height:2.5px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ud-hamburger.open span:first-child{transform:translateY(8.75px) rotate(45deg)}.ud-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.ud-hamburger.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}.ud-mobile-drawer{background:#fff;box-shadow:-4px 0 30px #0000002e;display:flex;flex-direction:column;height:calc(100vh - 68px);height:calc(100vh - var(--ud-header-h));overflow-y:auto;position:fixed;right:0;top:68px;top:var(--ud-header-h);transform:translateX(110%);transition:transform .32s cubic-bezier(.4,0,.2,1);width:min(320px,88vw);z-index:250}.ud-mobile-drawer.visible{transform:translateX(0)}.ud-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;inset:0;position:fixed;z-index:240}.ud-drawer-profile{align-items:center;background:linear-gradient(135deg,#3a7bd5,#00d2ff);background:linear-gradient(135deg,var(--ud-blue-start),var(--ud-blue-end));color:#fff;display:flex;flex-wrap:wrap;gap:12px;padding:22px 18px 18px}.ud-drawer-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:36px;height:50px;justify-content:center;width:50px}.ud-drawer-username{font-size:16px;font-weight:700}.ud-drawer-time{border-bottom:1px solid #f0f0f0}.ud-drawer-timer{border-radius:12px;color:#fff;margin:16px 18px 0;padding:20px;text-align:center}.ud-drawer-timer-value{font-size:52px;font-weight:800;line-height:1}.ud-drawer-timer-label{font-size:13px;font-weight:600;letter-spacing:.8px;margin:6px 0 3px;opacity:.9;text-transform:uppercase}.ud-drawer-timer-sub{font-size:12px;font-style:italic;opacity:.8}.ud-drawer-expiry{display:flex;flex-direction:column;gap:10px;padding:14px 18px 18px}.ud-drawer-expiry-row{color:#1a2233;color:var(--ud-text);display:flex;font-size:13px;justify-content:space-between}.ud-drawer-expiry-row span:first-child{color:#678;color:var(--ud-text-muted)}.ud-drawer-expiry-row span:last-child{font-weight:600}.ud-drawer-actions{display:flex;flex-direction:column;gap:10px;padding:18px}.ud-drawer-btn{background:linear-gradient(135deg,#3a7bd5,#00d2ff);background:linear-gradient(135deg,var(--ud-blue-start),var(--ud-blue-end));border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:600;padding:14px 18px;text-align:left;transition:transform .15s,box-shadow .15s;width:100%}.ud-drawer-btn:hover{transform:translateY(-1px)}.ud-drawer-btn.secondary{background:#f0f0f0;color:#1a2233;color:var(--ud-text)}.ud-drawer-btn.danger{background:#f44336;color:#fff}.ud-main{margin:0 auto;max-width:1100px;padding:28px 20px 20px}.ud-alert{border-radius:10px;font-size:14px;font-weight:500;margin-bottom:18px;padding:14px 18px}.ud-alert.error{background:#fff0f0;border-left:4px solid #e53935;color:#c33}.ud-alert.success{background:#efffef;border-left:4px solid #43a047;color:#2e7d32}.ud-welcome{background:#fff;border-radius:12px;border-radius:var(--ud-radius);box-shadow:0 2px 14px #00000017;box-shadow:var(--ud-shadow);margin-bottom:18px;padding:28px 30px;text-align:center}.ud-welcome h2{color:#1a2233;color:var(--ud-text);font-size:26px;margin:0 0 8px}.ud-welcome p{color:#678;color:var(--ud-text-muted);font-size:15px;margin:0}.ud-card{background:#fff;border-radius:12px;border-radius:var(--ud-radius);box-shadow:0 2px 14px #00000017;box-shadow:var(--ud-shadow);margin-bottom:18px;overflow:hidden}.ud-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:18px 22px}.ud-card-header h3{color:#1a2233;color:var(--ud-text);font-size:17px;margin:0}.ud-status-badge{border-radius:20px;font-size:13px;font-weight:700;padding:5px 14px}.ud-status-badge.active{background:#e8f5e9;color:#2e7d32}.ud-status-badge.inactive{background:#ffebee;color:#c62828}.ud-info-grid{padding:8px 22px 16px}.ud-info-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:13px 0}.ud-info-row:last-child{border-bottom:none}.ud-info-label{color:#678;color:var(--ud-text-muted);font-size:14px;font-weight:500}.ud-info-value{color:#1a2233;color:var(--ud-text);font-size:14px;font-weight:600;max-width:60%;text-align:right;word-break:break-all}.ud-expiry-layout{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:auto 1fr;padding:22px}.ud-days-box{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border-radius:10px;color:#fff!important;min-width:170px;padding:28px 24px;text-align:center}.ud-days-number{font-size:60px;font-weight:800;line-height:1;margin-bottom:8px}.ud-days-label{font-size:14px;font-weight:700;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.ud-days-total{font-size:13px;font-style:italic;opacity:.85}.ud-expiry-details{display:flex;flex-direction:column;gap:18px}.ud-detail-item{display:flex;flex-direction:column;gap:5px}.ud-detail-label{color:#678;color:var(--ud-text-muted);font-size:13px;font-weight:600}.ud-detail-value{color:#1a2233;color:var(--ud-text);font-size:16px;font-weight:600}.ud-progress-bar{background:#e8e8e8;border-radius:6px;height:10px;margin-top:4px;overflow:hidden;width:100%}.ud-progress-fill{border-radius:6px;height:100%;transition:width .4s ease}.ud-progress-text{color:#678;color:var(--ud-text-muted);font-size:12px;margin-top:2px}.ud-expiry-notice{border-radius:8px;font-size:14px;font-weight:500;margin:0 22px 18px;padding:13px 16px}.ud-expiry-notice.warning{background:#fff8e1;border-left:4px solid #ffc107;color:#856404}.ud-expiry-notice.expired{background:#fdecea;border-left:4px solid #f44336;color:#721c24}.ud-info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.ud-info-card{background:#fff;border-radius:12px;border-radius:var(--ud-radius);box-shadow:0 2px 14px #00000017;box-shadow:var(--ud-shadow);padding:24px 20px;text-align:center;transition:transform .25s}.ud-info-card:hover{transform:translateY(-4px)}.ud-card-icon{font-size:40px;margin-bottom:12px}.ud-info-card h4{color:#1a2233;color:var(--ud-text);font-size:16px;margin:0 0 8px}.ud-info-card p{color:#678;color:var(--ud-text-muted);font-size:13px;margin:0}.ud-success-banner{background:#fff;border-left:4px solid #43a047;border-radius:12px;border-radius:var(--ud-radius);box-shadow:0 2px 14px #00000017;box-shadow:var(--ud-shadow);color:#2e7d32;font-size:16px;font-weight:600;margin-bottom:18px;padding:18px 22px;text-align:center}@media (max-width:900px){.ud-info-cards{gap:12px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.ud-hamburger{display:flex}.ud-header-desktop-actions{display:none}.ud-header{height:60px;padding:0 16px}:root{--ud-header-h:60px}.ud-brand-name{font-size:18px}.ud-brand-icon{font-size:24px}.ud-main{padding:16px 12px}.ud-welcome{padding:20px 18px}.ud-welcome h2{font-size:20px}.ud-welcome p{font-size:14px}.ud-expiry-layout{gap:18px;grid-template-columns:1fr;padding:18px}.ud-days-box{min-width:auto;padding:22px}.ud-days-number{font-size:52px}.ud-info-cards{gap:12px;grid-template-columns:1fr}.ud-card-header{padding:15px 18px}.ud-info-grid{padding:6px 18px 14px}.ud-info-row{padding:12px 0}.ud-info-label,.ud-info-value{font-size:13px}.ud-expiry-notice{font-size:13px;margin:0 16px 16px}.ud-detail-value{font-size:15px}}@media (max-width:480px){.ud-days-number{font-size:44px}.ud-days-label{font-size:12px}.ud-info-row{align-items:flex-start;flex-direction:column;gap:3px}.ud-info-value{max-width:100%;text-align:left}.ud-welcome h2{font-size:18px}.ud-card-icon{font-size:32px}.ud-info-card h4{font-size:15px}.ud-success-banner{font-size:14px;padding:14px 16px}}.ud-big-countdown{font-family:Courier New,monospace;font-size:32px;font-weight:800;letter-spacing:1px;line-height:1;padding:20px 0 16px;text-align:center}.ud-expiry-dates{display:flex;flex-direction:column;gap:10px}.ud-expiry-dates,.ud-progress-wrap{padding:0 22px 16px}.ud-bind-countdown-wrap{background:#f9f7ff;border:1px solid #ede9ff;border-radius:10px;margin:16px 22px 18px;padding:14px 16px;text-align:center}.ud-bind-label{color:#666;font-size:13px;font-weight:500;margin-bottom:8px}.ud-bind-countdown{font-family:Courier New,monospace;font-size:26px;font-weight:800;letter-spacing:1px;margin-bottom:8px}.ud-bind-note{color:#888;font-size:12px;line-height:1.4}.ud-drawer-timer-value{font-family:Courier New,monospace;font-size:15px!important;font-weight:700!important;line-height:1.4!important}@media (max-width:768px){.ud-big-countdown{font-size:20px;padding:14px 0 12px;word-break:break-all}.ud-bind-countdown{font-size:18px}.ud-expiry-dates,.ud-progress-wrap{padding:0 16px 14px}.ud-bind-countdown-wrap{margin:14px 16px 16px}}
/*# sourceMappingURL=main.ecef751c.css.map*/