@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";.admin-notifications-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.admin-notification-toast{display:flex;align-items:flex-start;gap:12px;background:#12121ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:12px;width:320px;box-shadow:0 10px 25px #00000080;animation:slideInRight .3s ease forwards;color:#fff;position:relative}.toast-icon{background:#ffffff0d;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.toast-content{flex:1}.toast-title{margin:0 0 4px;font-size:13px;font-weight:700}.toast-message{margin:0;font-size:12px;color:#fff9;line-height:1.4}.toast-close{background:transparent;border:none;color:#fff6;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#ffffff1a;color:#fff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--bg: #0B0F19;--surface: #161B2A;--surface-hover: #1F2937;--text: #F9FAFB;--text-muted: #94A3B8;--border: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .07);--accent: #10B981;--accent-secondary: #3B82F6;--accent-hover: #059669;--danger: #EF4444;--sidebar-width: 280px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}[data-theme=light]{--bg: #F0F2F5;--surface: #FFFFFF;--surface-hover: #F7F8FA;--text: #111827;--text-muted: #6B7280;--border: rgba(0, 0, 0, .12);--glass-border: rgba(0, 0, 0, .1);--accent: #10B981;--accent-secondary: #2563EB;--accent-hover: #059669;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text)}a{text-decoration:none;color:inherit;transition:var(--transition)}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none;transition:var(--transition)}.glass{background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.card-elevated{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);transition:var(--transition)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-color:var(--bg)}.login-card{width:100%;max-width:400px;padding:40px;border-radius:var(--radius-lg);transition:var(--transition)}.login-card header{text-align:center;margin-bottom:32px}.login-card header h1{font-size:42px;letter-spacing:-2px;margin-bottom:4px}.login-card header p{color:var(--text-muted);font-size:14px;font-weight:500}.error-alert{background-color:#ef44441a;color:var(--danger);padding:12px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:24px;text-align:center;border:1px solid rgba(239,68,68,.2)}.login-card form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:11.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.input-group input,.input-group select,.input-group textarea,input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=date],select,textarea{width:100%;padding:11px 14px;border-radius:var(--radius-md);background-color:var(--surface);border:1.5px solid var(--border);color:var(--text);font-family:var(--font-main);font-size:14px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:var(--shadow-sm)}.input-group input:hover,.input-group select:hover,.input-group textarea:hover,input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,select:hover{border-color:var(--text-muted)}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=date]:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #10b9811f;background-color:var(--surface)}.input-group input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.6;font-weight:400}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}textarea{resize:vertical;min-height:90px;line-height:1.6}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding-left:40px!important;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:14px;font-weight:500;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.input-wrapper input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #10b9811f}.input-icon{position:absolute;left:13px;color:var(--text-muted);pointer-events:none;opacity:.7;flex-shrink:0}option{background-color:var(--surface);color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000080!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-primary{background-color:var(--accent);color:#fff;padding:14px;border-radius:var(--radius-md);font-weight:700;font-size:16px;margin-top:8px}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.divider{display:flex;align-items:center;margin:24px 0;color:var(--text-muted);font-size:12px;font-weight:700}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--border)}.divider span{margin:0 16px}.btn-google{width:100%;padding:12px;border-radius:var(--radius-md);background-color:var(--surface);border:1px solid var(--border);color:var(--text);font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;transition:var(--transition)}.btn-google:hover{background-color:var(--surface-hover)}.layout-root{display:flex;min-height:100vh;background-color:var(--bg)}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;padding:0 20px;align-items:center;justify-content:space-between;z-index:1000}.brand{font-family:var(--font-heading);font-size:24px;font-weight:800;letter-spacing:-1px;color:var(--text)}.menu-toggle{background:transparent;color:var(--text)}.sidebar{width:var(--sidebar-width);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:32px 24px;z-index:900;transition:var(--transition)}.sidebar-header{margin-bottom:48px}.sub-brand{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.nav-menu{flex:1;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-muted);font-weight:600;font-size:15px}.nav-item:hover{background-color:var(--surface-hover);color:var(--text);transform:translate(4px)}.nav-item.active{background-color:var(--accent);color:#fff;box-shadow:0 4px 12px #10b98133}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:20px;padding-top:24px;border-top:1px solid var(--border)}.theme-toggle{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface-hover);color:var(--text);border-radius:var(--radius-sm);font-size:14px;font-weight:600}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:40px;height:40px;background-color:var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent)}.user-details{display:flex;flex-direction:column}.user-email{font-size:14px;font-weight:700;color:var(--text)}.user-role{font-size:11px;color:var(--text-muted);font-weight:600}.btn-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ef44441a;color:var(--danger);border-radius:var(--radius-md);font-weight:700;font-size:14px}.btn-logout:hover{background:var(--danger);color:#fff}.main-content{flex:1;padding:40px;overflow-x:hidden}.content-inner{max-width:1200px;margin:0 auto}.stat-card{padding:24px;border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.stat-card:hover{transform:translateY(-4px);border-color:var(--accent)}.stat-title{display:block;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;color:var(--text)}.stat-icon-wrapper{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.dashboard{animation:fadeIn .4s ease-out}.page-header{margin-bottom:32px}.page-header h1{font-size:32px;letter-spacing:-1px}.page-header p{color:var(--text-muted);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.dashboard-section{padding:24px;border-radius:var(--radius-lg)}.dashboard-section h3{font-size:18px;margin-bottom:20px}.empty-placeholder{height:200px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-style:italic;border:1px dashed var(--border);border-radius:var(--radius-md)}.header-actions{display:flex;gap:16px;align-items:center}.search-box{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);padding:9px 16px;border-radius:var(--radius-md);gap:10px;min-width:300px;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #10b9811f}.search-box svg{color:var(--text-muted);opacity:.6;flex-shrink:0}.search-box input{background:transparent;border:none;color:var(--text);outline:none;width:100%;font-weight:500;font-size:14px;box-shadow:none!important;padding:0!important}.search-box input::placeholder{color:var(--text-muted);opacity:.6}.table-card{border-radius:var(--radius-lg);overflow:hidden}.pos-table{width:100%;border-collapse:collapse;text-align:left}.pos-table th{padding:16px 24px;background:#ffffff05;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.pos-table td{padding:20px 24px;border-bottom:1px solid var(--border);font-size:15px;color:var(--text);font-weight:500}.product-name{font-weight:700}.price{color:var(--accent);font-weight:700}.stock-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px}.status-dot.active{background-color:var(--accent)}.status-dot.inactive{background-color:var(--danger)}.empty-row{padding:48px!important;text-align:center;color:var(--text-muted);font-style:italic}.loading-state{padding:100px;text-align:center;color:var(--text-muted);font-size:18px;font-weight:600}.error-message{padding:24px;background:#ef44441a;color:var(--danger);border-radius:var(--radius-md);text-align:center;font-weight:600}.page-container{padding:48px;border-radius:var(--radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.icon-box{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}@media (max-width: 1024px){.mobile-header{display:flex;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);height:100vh;background-color:var(--surface);width:280px!important;z-index:1050;transition:transform .3s cubic-bezier(.4,0,.2,1);border-right:1px solid var(--border);display:flex!important}.sidebar.open{transform:translate(0);box-shadow:20px 0 80px #0009}.sidebar-header{display:flex;margin-bottom:32px}.main-content{padding:84px 16px 40px}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}.sales-terminal{grid-template-columns:1fr!important;height:auto!important;display:flex;flex-direction:column;gap:16px}.sales-terminal section{height:auto!important;max-height:none!important}.basket-section{order:-1;position:sticky;bottom:0;background:var(--surface);z-index:100;margin:0 -16px -16px;padding:16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--border)}}@media (max-width: 768px){.pos-table,.pos-table thead,.pos-table tbody,.pos-table th,.pos-table td,.pos-table tr{display:block}.pos-table thead tr{position:absolute;top:-9999px;left:-9999px}.pos-table tr{margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.pos-table td{border:none;position:relative;padding:8px 8px 8px 40%!important;font-size:14px;text-align:right}.pos-table td:before{position:absolute;top:8px;left:8px;width:35%;padding-right:10px;white-space:nowrap;content:attr(data-label);font-weight:700;color:var(--text-muted);text-align:left;font-size:12px;text-transform:uppercase}.pos-table td.product-name{text-align:left;padding-left:12px!important;font-size:16px;border-bottom:1px solid var(--border);margin-bottom:8px}.pos-table td.product-name:before{display:none}.header-actions{flex-direction:column;align-items:stretch}.search-box{min-width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-root{min-height:100vh;background-color:var(--bg);color:var(--text);position:relative}.landing-nav{position:fixed;top:0;left:0;right:0;height:72px;z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f19b3}[data-theme=light] .landing-nav{background:#ffffffb3}.landing-nav-inner{max-width:1200px;margin:0 auto;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.landing-brand{display:flex;align-items:center;gap:12px}.landing-logo{width:40px;height:40px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}.brand-text{font-family:var(--font-heading);font-weight:800;font-size:22px;letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:32px;font-weight:600}.landing-nav-links a{color:var(--text-muted)}.landing-nav-links a:hover{color:var(--text)}.hero-section{padding:160px 24px 100px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative}.hero-background-glow{position:absolute;top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#10b98126,#3b82f61a 40%,#0b0f1900 70%);z-index:0;pointer-events:none}.hero-content{position:relative;z-index:10}.hero-badge{display:inline-block;padding:8px 16px;background:#10b9811a;color:var(--accent);border-radius:20px;font-weight:700;font-size:14px;margin-bottom:24px;border:1px solid rgba(16,185,129,.2)}.hero-title{font-size:56px;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.text-gradient{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:18px;color:var(--text-muted);line-height:1.6;margin-bottom:40px;max-width:90%}.hero-cta-group{display:flex;gap:16px;margin-bottom:32px}.hero-btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;padding:14px 28px;border-radius:var(--radius-md);font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 25px -5px #10b98166}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #10b98180}.hero-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:14px 28px;border-radius:var(--radius-md);font-weight:700;font-size:16px}.hero-btn-secondary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.hero-stats{display:flex;gap:24px;color:var(--text-muted);font-size:14px;font-weight:500}.stat-item{display:flex;align-items:center;gap:8px}.hero-visual{position:relative;z-index:10;perspective:1000px}.mockup-window{width:100%;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;transform:rotateY(-15deg) rotateX(5deg);box-shadow:var(--shadow-xl),0 0 0 1px #ffffff0d;display:flex;flex-direction:column}.mockup-header{height:32px;background:#0003;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-body{flex:1;display:flex;background:var(--bg)}.mockup-sidebar{width:60px;border-right:1px solid var(--border);background:var(--surface)}.mockup-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:20px}.mockup-card{background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.mockup-card.line{height:40px;width:100%}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mockup-card.small{height:60px}.mockup-chart{flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:flex-end;padding:10px;gap:10px}.bar{flex:1;background:var(--accent);border-radius:4px 4px 0 0;opacity:.8}.b1{height:40%}.b2{height:70%;background:var(--accent-secondary)}.b3{height:50%}.b4{height:90%}.b5{height:60%}.features-section{max-width:1200px;margin:0 auto;padding:100px 24px}.features-header{text-align:center;margin-bottom:64px}.features-header h2{font-size:40px;letter-spacing:-1px;margin-bottom:16px}.features-header p{color:var(--text-muted);font-size:18px;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{padding:32px;border-radius:var(--radius-lg);transition:transform .3s}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent)}.feature-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#10b9811a;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-title{font-size:20px;margin-bottom:12px}.feature-desc{color:var(--text-muted);line-height:1.6}.pricing-section{max-width:800px;margin:0 auto 100px;padding:0 24px;text-align:center}.pricing-card{padding:64px 40px;border-radius:var(--radius-lg);position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-secondary))}.pricing-card h2{font-size:32px;margin-bottom:16px}.pricing-card p{color:var(--text-muted);margin-bottom:40px;font-size:18px}.pricing-price{display:flex;justify-content:center;align-items:baseline;gap:8px}.pricing-price .currency{font-size:24px;font-weight:700;color:var(--text-muted)}.pricing-price .amount{font-size:64px;font-weight:800;letter-spacing:-2px}.pricing-price .period{color:var(--text-muted)}.pricing-note{margin-top:24px!important;font-size:14px!important;color:var(--accent)!important;font-weight:600}.landing-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border);color:var(--text-muted)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.show{opacity:1;transform:translateY(0)}@media (max-width: 900px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:120px}.hero-title{font-size:40px}.hero-subtitle{margin:0 auto 32px}.hero-cta-group,.hero-stats{justify-content:center;flex-wrap:wrap}.mockup-window{transform:none;margin-top:40px}.landing-nav-links{gap:16px}.landing-nav-links a{display:none}}.icon-tile{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.nav-item.active .icon-tile{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.nav-item{padding:8px 12px!important;gap:12px!important}.settings-page{max-width:900px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-header h1{font-size:32px;letter-spacing:-1px;margin-bottom:8px}.settings-header p{color:var(--text-muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-card{padding:24px;border-radius:var(--radius-lg)}.settings-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.settings-card .card-header h2{font-size:20px}.settings-form .form-group{margin-bottom:24px}.settings-form label{display:block;font-weight:600;margin-bottom:8px;color:var(--text-muted)}.input-premium{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:16px;font-family:inherit;transition:var(--transition)}.input-premium:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b9811a}.input-hint{display:block;font-size:13px;color:var(--text-muted);margin-top:8px}.btn-save{width:auto;min-width:160px;justify-content:center}.info-list{display:flex;flex-direction:column;gap:20px}.info-item{display:flex;align-items:center;gap:16px;color:var(--text-muted)}.info-text{display:flex;flex-direction:column}.info-text span{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-text strong{color:var(--text);font-size:15px}.subscription-card{border:1px solid rgba(245,158,11,.3)}.badge-pro{display:inline-block;padding:4px 12px;background:#f59e0b1a;color:#f59e0b;border-radius:12px;font-weight:700;font-size:13px;margin-bottom:12px}.subscription-status p{color:var(--text-muted);margin-bottom:20px}.subscription-status button{width:100%}.settings-alert{padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:24px}.settings-alert.success{background:#10b9811a;color:var(--accent)}.settings-alert.error{background:#ef44441a;color:var(--danger)}@media (max-width: 768px){.settings-grid{grid-template-columns:1fr}}.global-billing-banner{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease-out}.global-billing-banner.error{background:#ef444426;border-bottom-color:#ef44444d;color:#fca5a5}.global-billing-banner.warning{background:#f59e0b26;border-bottom-color:#f59e0b4d;color:#fcd34d}.banner-content{display:flex;align-items:center;gap:12px;font-size:14px}.btn-renew{background:var(--text);color:var(--bg);border:none;padding:6px 16px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:var(--transition)}.btn-renew:hover{transform:translateY(-1px)}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:80px 16px 32px}.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:var(--shadow-xl)}.login-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.login-header h1{font-size:1.8rem;font-weight:800}.login-header p{color:var(--text-muted);font-size:.95rem}.login-logo{width:56px;height:56px;background:#10b9811a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:4px}.login-card form{width:100%;display:flex;flex-direction:column;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px;width:100%}.input-group label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.input-group input{width:100%;padding:12px 16px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;font-family:var(--font-main);transition:var(--transition);box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}.input-group input::placeholder{color:var(--text-muted);opacity:.6}.btn-primary{width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:4px}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.btn-google{width:100%;padding:12px;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:10px}.btn-google:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);transform:translateY(-1px)}.divider{display:flex;align-items:center;width:100%;gap:12px;color:var(--text-muted);font-size:.8rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.error-alert{width:100%;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--danger);font-size:.875rem;font-weight:500;text-align:center;animation:slideDown .2s ease}@media (max-width: 768px){.sidebar{transform:translate(-100%);position:fixed;height:100vh;z-index:1000}.sidebar.mobile-open{transform:translate(0)}.app-content{margin-left:0!important}.login-card{padding:28px 20px;gap:16px}.login-header h1{font-size:1.5rem}.table-container,table{overflow-x:auto;display:block;max-width:100%}.stats-grid{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:1fr}.card,.glass{padding:16px}.actions-row,.page-actions{flex-wrap:wrap;gap:8px}.actions-row button,.page-actions button{flex:1;min-width:120px;white-space:nowrap}.page-header h2,.page-title{font-size:clamp(1rem,4vw,1.3rem)}.form-grid{grid-template-columns:1fr}.modal-content{width:95vw;max-width:none;padding:20px 16px;margin:16px}.subscription-banner{flex-direction:column;text-align:center;gap:8px;padding:12px}.btn-renew{width:100%}}@media (max-width: 480px){.login-page{padding:72px 12px 24px}.login-card{padding:24px 16px;border-radius:var(--radius-md)}.stats-grid{grid-template-columns:1fr}.login-header h1{font-size:1.3rem}.btn-primary,.btn-google{padding:12px;font-size:.9rem}}.billing-banner{animation:slideDown .4s cubic-bezier(.16,1,.3,1);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.billing-banner:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.billing-banner svg{flex-shrink:0;transition:transform .2s ease}.billing-banner:hover svg{transform:scale(1.1)}.billing-banner.urgent{animation:pulse-border 2s infinite}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-border{0%{border-color:#ef444433}50%{border-color:#ef444480}to{border-color:#ef444433}}@media (max-width: 640px){.billing-banner{flex-direction:column;align-items:flex-start!important;gap:8px!important}.billing-banner button{width:100%;margin-top:4px}}.custom-input{background:transparent;border:none;color:var(--text);outline:none;font-weight:500;font-family:inherit;font-size:13px;width:200px;text-align:center;cursor:pointer}.landing-frame-container{border:1px solid var(--border);border-radius:40px;background-color:var(--bg);box-shadow:0 0 100px #00000080,inset 0 0 40px #10b9810d;position:relative;z-index:1}.fancy-bg-blob{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(16,185,129,.08) 0%,transparent 70%);filter:blur(80px);z-index:-1;border-radius:50%;animation:float 20s infinite alternate}.blob-1{top:-100px;left:-100px}.blob-2{bottom:-200px;right:-200px;animation-delay:-10s}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.feature-card.glass{border-radius:32px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #0006,0 0 20px #10b98133}