@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap";.admin-sidebar{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0a0a0af2 0%,#121212f2 100%);border-right:1px solid #333;flex-direction:column;width:250px;height:100vh;animation:.3s ease-out slideIn;display:flex;position:sticky;top:0}@keyframes slideIn{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.sidebar-header{align-items:center;gap:14px;padding:32px 20px;display:flex}.app-logo{border:2px solid gold;border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden;box-shadow:0 4px 10px #00000080}.app-logo img{object-fit:cover;width:100%;height:100%}.app-title{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:700}.sidebar-divider{background-color:#ffffff1f;width:100%;height:1px}.sidebar-nav{flex-direction:column;flex:1;gap:12px;padding:20px 0;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.nav-item{opacity:0;border-radius:12px;justify-content:space-between;align-items:center;margin:0 16px;padding:12px 16px;text-decoration:none;transition:all .2s ease-in-out;animation:.25s ease-out forwards fadeSlide;display:flex}@keyframes fadeSlide{0%{opacity:0;transform:translate(-10%)}to{opacity:1;transform:translate(0)}}.nav-item-content{align-items:center;gap:16px;display:flex}.nav-icon{color:#fff9;transition:color .2s}.nav-title{color:#ffffffb3;letter-spacing:.3px;font-size:15px;font-weight:500;transition:all .2s}.nav-item:hover{background:#ffffff0d}.nav-item.selected{background:linear-gradient(90deg,#ffd70026 0%,#ffd70000 100%);box-shadow:inset 4px 0 gold}.nav-item.selected .nav-icon{color:gold}.nav-item.selected .nav-title{color:gold;font-weight:700}.nav-badge{color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700}.badge-red{background-color:#f44336}.badge-orange{background-color:#ff9800}.sidebar-footer{margin-bottom:16px;padding:16px 24px}.logout-button{color:#ff5252;cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:12px 0;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.logout-button:hover{opacity:.8}.layout-container{background-color:#121212;background-image:linear-gradient(#121212ed,#121212ed),url(/assets/images/khata_bg_tile.png);background-repeat:repeat;background-size:300px;min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;display:flex;position:relative}.mobile-bottom-nav{z-index:50;background-color:#1a1a1a;justify-content:space-around;height:60px;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #00000080}.mobile-nav-item{color:#9e9e9e;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.mobile-nav-item.selected{color:gold}.mobile-nav-icon-container{position:relative}.mobile-nav-badge{color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:2px 4px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:-4px;right:-8px}.mobile-nav-label{font-size:12px}@media (width<=799px){.layout-container{flex-direction:column}.main-content{padding-bottom:60px}}.login-screen{background-color:#2e1065;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-gradient{z-index:1;background:linear-gradient(135deg,#2e1065,#4c1d95,#be185d);position:absolute;inset:0}.particles-canvas{z-index:2;pointer-events:none;position:absolute;inset:0}.animated-circles{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.circle{filter:blur(20px);border-radius:50%;position:absolute}.circle-top{background-color:#80008026;width:300px;height:300px;animation:15s ease-in-out infinite alternate moveTop;box-shadow:0 0 100px 20px #80008033}.circle-bottom{background-color:#ffc0cb1a;width:250px;height:250px;animation:15s ease-in-out infinite alternate moveBottom;box-shadow:0 0 100px 20px #ffc0cb33}@keyframes moveTop{0%{top:0;left:0}33%{top:0;left:calc(100% - 300px)}66%{top:calc(100% - 300px);left:calc(100% - 300px)}to{top:calc(100% - 300px);left:0}}@keyframes moveBottom{0%{bottom:0;right:0}33%{bottom:0;right:calc(100% - 250px)}66%{bottom:calc(100% - 250px);right:calc(100% - 250px)}to{bottom:calc(100% - 250px);right:0}}.login-content-wrapper{z-index:10;padding:16px;animation:1.2s ease-out forwards entranceFade;position:relative}@keyframes entranceFade{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.login-card-container{flex-direction:column;align-items:center;gap:24px;display:flex}.app-logo-hero{background:linear-gradient(to bottom right,#ffffff4d,#ffffff1a);border-radius:50%;width:80px;height:80px;padding:2px;box-shadow:0 0 20px 5px #0000004d}.app-logo-inner{background:#fff;border-radius:50%;width:100%;height:100%;overflow:hidden}.app-logo-inner img{object-fit:cover;width:100%;height:100%}.login-card{-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1.5px solid #fff3;border-radius:24px;flex-direction:column;align-items:center;width:350px;padding:32px;display:flex}.login-title{color:#fff;margin:0 0 8px;font-size:24px;font-weight:700}.login-subtitle{color:#ffffffb3;margin:0 0 32px;font-size:13px}.error-message{color:#ff5252;text-align:center;background:#ff525233;border:1px solid #ff5252;border-radius:8px;width:100%;margin-bottom:16px;padding:10px;font-size:13px}.login-fields{flex-direction:column;gap:16px;width:100%;margin-bottom:32px;display:flex}.neon-field-container{border-radius:12px;transition:box-shadow .3s}.neon-field-container.focused{box-shadow:0 0 8px 0 rgba(var(--glow-color), .15)}.neon-field-wrapper{background:0 0;border:1px solid #ffffff3d;border-radius:12px;align-items:center;height:44px;padding:0 14px;transition:border-color .3s;display:flex;position:relative}.neon-field-container.focused .neon-field-wrapper{border-color:var(--glow-color);border-width:1.5px}.field-icon{color:#ffffffb3;transition:color .3s}.neon-field-container.focused .field-icon{color:var(--glow-color)}.neon-input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:100%;padding:10px 12px;font-size:13px}.neon-label{color:#ffffffb3;pointer-events:none;font-size:12px;transition:all .2s;position:absolute;top:50%;left:42px;transform:translateY(-50%)}.neon-input:focus~.neon-label,.neon-input:not(:placeholder-shown)~.neon-label{background:0 0;padding:0 4px;font-size:10px;top:0;left:12px}.neon-field-container.focused .neon-label{color:var(--glow-color)}.visibility-toggle{color:#ffffffb3;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.login-submit-btn{color:#fff;letter-spacing:1px;cursor:pointer;background-color:#d946ef;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;font-size:16px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 8px 16px #d946ef4d}.login-submit-btn:active{transform:translateY(2px);box-shadow:0 4px 8px #d946ef4d}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-app-bar-container{-webkit-backdrop-filter:blur(15px);z-index:100;background-color:#121212d9;border-bottom:1px solid #333;height:56px;position:sticky;top:0}.admin-app-bar{justify-content:space-between;align-items:center;height:100%;padding:0 16px;display:flex}.app-bar-title{color:gold;font-size:20px;font-weight:700}.app-bar-actions{align-items:center;gap:8px;display:flex}.app-bar-actions .icon-btn{color:#e0e0e0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background .2s,color .2s;display:flex}.app-bar-actions .icon-btn:hover{color:gold;background:#ffd7001a}.shimmer-skeleton{background:#1e1e1e linear-gradient(90deg,#1e1e1e 0%,#2a2a2a 20%,#1e1e1e 40% 100%) 0 0/800px 100% no-repeat;animation-name:shimmer;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.dashboard-container{background-color:#121212;background-image:linear-gradient(#121212cc,#121212cc),url(/assets/images/khata_bg_tile.png);background-repeat:repeat;background-size:300px;flex-direction:column;min-height:100vh;display:flex}.dashboard-content{flex:1;padding:32px}@media (width<=800px){.dashboard-content{padding:16px}}.platform-overview-title{margin-bottom:32px;font-size:24px;font-weight:700}.stat-cards-wrapper{flex-wrap:wrap;gap:24px;display:flex}@media (width<=800px){.stat-cards-wrapper{gap:16px}}.hover-card-container{cursor:pointer;border-radius:20px;width:300px;transition:transform .2s cubic-bezier(.25,.46,.45,.94);position:relative}@media (width<=800px){.hover-card-container{width:100%}}.hover-card-container:hover{transform:scale(1.03)}.bezel-border{background:0 0;border:1px solid gold;border-radius:20px;height:100%;padding:1px;box-shadow:0 4px 10px #00000080}.inner-paper{background:linear-gradient(#1e1e1ef2,#0f0f0ffa);border-radius:19px;align-items:center;height:100%;padding:16px;display:flex;position:relative}.icon-container{border-radius:16px;justify-content:center;align-items:center;padding:16px;display:flex}.info-button{color:#00000061;cursor:pointer;z-index:10;background:#fff;border:1px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:-16px;right:-16px;box-shadow:0 2px 5px #0000001a}.info-button:hover{color:#0009}.users-page{background-color:#0000;flex-direction:column;height:100vh;display:flex;overflow:hidden}.users-content{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px;display:flex;overflow:hidden}.refresh-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.filter-bar{background:linear-gradient(#242424,#0f0f0f);border:1px solid #ffd7004d;border-radius:12px;flex-shrink:0;gap:24px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 4px 15px #00000080}.search-input-wrapper{background:#0003;border:1px solid #444;border-radius:8px;flex:1;align-items:center;padding:0 16px;display:flex}.search-icon{color:gold;margin-right:8px}.search-input{color:#e0e0e0;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:16px}.search-input::placeholder{color:#757575}.filter-dropdown-wrapper{background:#0003;border:1px solid #444;border-radius:8px;align-items:center;padding:0 16px;display:flex}.filter-dropdown{color:#e0e0e0;cursor:pointer;background:0 0;border:none;outline:none;padding:12px 0;font-size:16px}.filter-dropdown option{color:#e0e0e0;background:#1a1a1a}.user-card{background:linear-gradient(#1e1e1ef2,#0f0f0ffa);border:1px solid gold;border-radius:16px;align-items:center;margin-bottom:16px;padding:16px;display:flex;box-shadow:0 6px 12px #00000080}.user-info{flex:2}.user-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.user-name{color:#fff;font-size:16px;font-weight:700}.verified-icon{color:gold}.blocked-badge{color:#f44336;background:#f4433633;border:1px solid #f44336;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.user-contact-row{align-items:center;gap:8px;display:flex}.user-contact{color:#b3b3b3;font-size:13px}.whatsapp-btn{cursor:pointer;background:#25d36626;border:1px solid #25d3664d;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.user-sync{flex-direction:column;flex:1;display:flex}.sync-label{color:#b3b3b3;font-size:12px}.sync-value{color:#e0e0e0;font-size:14px;font-weight:700}.view-btn{color:gold;cursor:pointer;background:#ffd7001a;border:1px solid #ffd70080;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;transition:all .2s;display:flex}.view-btn:hover{background:#ffd70033}.hover-item:hover{transition:all .2s;transform:translateY(-2px);box-shadow:0 8px 16px #0009}.bounce-btn:active{transform:scale(.95)}.skeleton-container{flex-direction:column;gap:16px;display:flex}.skeleton-card{background:#1a1a1a;border:1px solid #333;border-radius:16px;align-items:center;padding:16px;display:flex}.skel-left,.skel-mid,.skel-right{flex-direction:column;gap:8px;display:flex}.skel-left{flex:2}.skel-mid{flex:1}.no-users{color:#b3b3b3;text-align:center;padding:48px;font-size:16px}.users-list{-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow-y:auto}.users-list::-webkit-scrollbar{display:none}@media (width<=800px){.users-content{padding:16px}.filter-bar{flex-direction:column;gap:16px}.user-card{flex-direction:column;align-items:flex-start;gap:12px}.user-sync{width:100%}.view-btn{justify-content:center;width:100%}.skeleton-card{flex-direction:column;align-items:flex-start;gap:12px}.skel-right{width:100%}}.user-detail-page{background-color:var(--background-color,#f5f6f8);min-height:100vh}.detail-content{max-width:1200px;margin:0 auto;padding:32px}.profile-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 10px #0000000d}.profile-header{align-items:center;gap:24px;display:flex}.avatar{color:#2196f3;background:#e3f2fd;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.profile-info{flex:1}.name-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.name-row h2{margin:0;font-size:24px}.contact-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.contact-text{color:#757575;font-size:16px}.wa-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.join-date{color:#757575;font-size:14px}.divider{border:none;border-top:1px solid #eee;margin:24px 0 16px}.action-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn{cursor:pointer;color:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;display:flex}.btn-warning{background:#ffc107}.btn-orange{background:#ff9800}.btn-danger{background:#f44336}.btn-success{background:#4caf50}.section-title{margin:32px 0 16px;font-size:20px;font-weight:700}.app-cards{flex-wrap:wrap;gap:24px;display:flex}.app-card{cursor:pointer;background:#fff;border-radius:16px;align-items:center;gap:16px;width:350px;padding:24px;transition:transform .2s;display:flex;box-shadow:0 4px 10px #0000000d}.app-card:hover{transform:translateY(-4px)}.app-icon-wrapper{border-radius:12px;padding:16px}.app-icon-wrapper.purple{color:#9c27b0;background:#9c27b01a}.app-icon-wrapper.orange{color:#ff9800;background:#ff98001a}.app-info{flex:1}.app-info h4{margin:0 0 4px;font-size:18px}.app-info p{color:#757575;margin:0;font-size:13px}.user-not-found{justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.detail-skeleton{padding:24px}.title-skel{height:28px;margin-bottom:24px}.skel-group{margin-bottom:20px}.skel-line{background:#eee;border-radius:4px;animation:1.5s infinite pulse}.w-100{width:100px;height:14px;margin-bottom:8px}.w-full{width:100%}.h-48{border-radius:8px;height:48px}@media (width<=800px){.detail-content{padding:16px}.profile-header{text-align:center;flex-direction:column}.contact-row{flex-direction:column}.action-buttons{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.app-card{width:100%}}.khata-page{background-color:var(--background-color,#f5f6f8);min-height:100vh}.khata-content{max-width:1000px;margin:0 auto;padding:24px}.entry-card{cursor:default}.entry-card:hover{transform:none;box-shadow:0 2px 8px #0000000d}.book-icon{background-color:#9c27b0}.party-icon{background-color:#3f51b5}.entry-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.loan-page{background-color:var(--background-color,#f5f6f8);min-height:100vh}.loan-content{max-width:1000px;margin:0 auto;padding:24px}.list-container{flex-direction:column;gap:16px;display:flex}.list-card{cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000d}.list-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.inst-card{cursor:default}.inst-card:hover{transform:none;box-shadow:0 2px 8px #0000000d}.card-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.customer-icon{background-color:#009688}.loan-icon{background-color:#448aff}.inst-icon{border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-red{color:#f44336;background-color:#f443361a}.bg-green{color:#4caf50;background-color:#4caf501a}.text-red{color:#f44336;font-weight:700}.text-green{color:#4caf50;font-weight:700}.card-info{flex:1}.card-info h4{margin:0 0 4px;font-size:16px}.card-info p{color:#757575;margin:0;font-size:14px}.card-trailing{align-items:center;gap:8px;display:flex}.no-data{text-align:center;color:#757575;padding:40px;font-size:16px}.list-skeleton{flex-direction:column;gap:16px;display:flex}.skeleton-item{background:#fff;border:1px solid #eee;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.skel-avatar{background:#eee;border-radius:50%;width:40px;height:40px;animation:1.5s infinite pulse}.skel-info{flex-direction:column;gap:8px;display:flex}.skel-line{background:#eee;border-radius:4px;height:14px;animation:1.5s infinite pulse}.w-150{width:150px}.w-80{width:80px;height:12px}.hover-list-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}:root{--primary-purple:#60c;--secondary-purple:#8b5cf6;--primary-blue:#4169e1;--light-blue:#5c7cfa;--dark-blue:#1e3a8a;--header-gradient:linear-gradient(to bottom, #6200ee, #5e35b1);--sub-header-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--primary-gradient:linear-gradient(135deg, #60c, #8b5cf6);--sidebar-gradient:linear-gradient(to bottom, #161625b3, #1e1e2cb3);--active-green:#10b981;--complete-blue:#3b82f6;--warning-yellow:#fbbf24;--error-red:#ef4444;--whatsapp-green:#25d366;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#fff;--text-hint:#9ca3af;--bg-page:#f9f6f0;--bg-card:#fff;--bg-card-alpha:#ffffffe6;--border-light:#e5e7eb;--border-white:#ffffff1a;--border-white-20:#fff3;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 20px #0000000d;--shadow-card:0 6px 12px #0000000d;--sidebar-width:250px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}img{max-width:100%;display:block}.text-display-lg{color:var(--text-primary);font-size:32px;font-weight:700}.text-display-md{color:var(--text-primary);font-size:28px;font-weight:700}.text-display-sm{color:var(--text-primary);font-size:24px;font-weight:600}.text-headline-md{color:var(--text-primary);font-size:20px;font-weight:600}.text-headline-sm{color:var(--text-primary);font-size:18px;font-weight:600}.text-title-lg{color:var(--text-primary);font-size:16px;font-weight:600}.text-body-lg{color:var(--text-primary);font-size:16px}.text-body-md{color:var(--text-primary);font-size:14px}.text-body-sm{color:var(--text-secondary);font-size:12px}.glass{-webkit-backdrop-filter:blur(15px);background:#ffffffa6;border-bottom:1px solid #fffc}.glass-dark{-webkit-backdrop-filter:blur(20px)}.btn{transition:all var(--transition-normal);cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.95)}.btn-primary{background:var(--primary-purple);color:#fff;box-shadow:0 4px 12px #6600cc4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #60c6}.btn-blue{background:var(--complete-blue);color:#fff}.btn-green{background:var(--active-green);color:#fff}.btn-amber{color:#fff;background:#f59e0b}.btn-orange{color:#fff;background:#f97316}.btn-red{background:var(--error-red);color:#fff}.btn-whatsapp{background:var(--whatsapp-green);color:#fff;padding:6px 12px;font-size:12px;font-weight:700}.btn-outline{color:var(--primary-purple);border:2px solid var(--primary-purple);background:0 0;border-radius:25px;padding:8px 20px}.btn-soft{color:#1d4ed8;border-radius:var(--radius-sm);background:#3b82f61a;padding:8px 16px}.btn-soft:hover{background:#3b82f633}.input-field{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background:#fff;padding:12px 16px;font-size:14px}.input-field::placeholder{color:var(--text-hint)}.input-field:focus{border-color:var(--primary-purple);box-shadow:0 0 0 3px #6600cc1a}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1.5px solid #fff}.card-glass{background:var(--bg-card-alpha);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1.5px solid #fff}.badge{border-radius:var(--radius-full);letter-spacing:.3px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-active{color:#059669;background:#10b98126}.badge-expired{color:#dc2626;background:#ef444426}.badge-trial{color:#0891b2;background:#06b6d426}.badge-blocked{color:#fff;background:#ef4444;border-radius:4px;padding:2px 6px;font-size:10px}.badge-pending{color:#d97706;background:#fbbf2426}.badge-rejected{color:#dc2626;background:#ef444426}.badge-subscriber{color:var(--complete-blue)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shimmer-bg{background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%) 0 0/200% 100%;animation:1.2s infinite shimmer}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.6s linear infinite spin}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}@media (width<=800px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (width>=801px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}