:root{--primary:#1976d2;--primary-dark:#1565c0;--sidebar-bg:#1e293b;--sidebar-width:240px;--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--input-bg:#fff;--shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--radius:10px}[data-theme=dark]{--bg:#0f172a;--card:#1e293b;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--input-bg:#273549;--sidebar-bg:#0c1525;--shadow:0 1px 3px rgba(0,0,0,0.4),0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text);margin:0;overflow-x:hidden;background:var(--bg)}h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}h4{font-size:17px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;margin:0 0 12px;color:var(--text)}p{margin:0 0 16px}a{color:var(--primary);text-decoration:none}figure{margin:0 0 12px}img{max-width:100%}.landing,label{color:var(--text)}.landing{min-height:100vh;background:#fff}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:64px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.landing-nav__logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--text)}.landing-nav__logo ion-icon{font-size:24px;color:var(--primary)}.landing-nav__cta{font-size:14px!important;padding:8px 20px!important}.landing-hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;max-width:1100px;margin:0 auto;padding:80px 40px}.landing-hero-wrap{background:var(--bg)}.landing-hero__badge{display:inline-flex;align-items:center;gap:7px;background:#eff6ff;color:var(--primary);font-size:13px;font-weight:600;padding:6px 14px;border-radius:20px;margin-bottom:20px}.landing-hero__badge ion-icon{font-size:15px}.landing-hero__title{font-size:48px;font-weight:800;line-height:1.1;margin:0 0 20px;color:var(--text)}.landing-hero__accent{color:var(--primary)}.landing-hero__sub{font-size:17px;color:var(--text-muted);line-height:1.7;margin:0 0 32px}.landing-hero__actions{display:flex;gap:12px;flex-wrap:wrap}.landing-btn--primary{font-size:15px!important;padding:12px 28px!important;border-radius:10px!important;background:var(--primary)!important;color:#fff!important;border:2px solid var(--primary)!important}.landing-btn--primary:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.landing-btn--outline{font-size:15px!important;padding:12px 28px!important;border-radius:10px!important;background:transparent!important;color:var(--primary)!important;border:2px solid var(--primary)!important;box-shadow:none!important}.landing-btn--outline:hover{background:#eff6ff!important}.landing-btn--outline-light{font-size:15px!important;padding:12px 28px!important;border-radius:10px!important;background:transparent!important;color:#fff!important;border:2px solid rgba(255,255,255,.6)!important;box-shadow:none!important}.landing-btn--outline-light:hover{background:rgba(255,255,255,.1)!important;border-color:#fff!important}.landing-hero__visual{display:flex;justify-content:center}.landing-mock{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.1);overflow:hidden;width:100%;max-width:380px}.landing-mock__bar{background:#f8fafc;border-bottom:1px solid var(--border);padding:12px 16px;display:flex;gap:6px;align-items:center}.landing-mock__bar span{width:10px;height:10px;border-radius:50%;background:#e2e8f0}.landing-mock__bar span:first-child{background:#fca5a5}.landing-mock__bar span:nth-child(2){background:#fcd34d}.landing-mock__bar span:nth-child(3){background:#6ee7b7}.landing-mock__content{padding:20px}.landing-mock__stat{display:flex;align-items:center;gap:12px;margin-bottom:12px}.landing-mock__stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.landing-mock__stat-icon--green{background:#dcfce7;color:#16a34a}.landing-mock__stat-icon--blue{background:#dbeafe;color:#2563eb}.landing-mock__stat-value{font-size:22px;font-weight:700;color:var(--text);line-height:1}.landing-mock__stat-label{font-size:12px;color:var(--text-muted);margin-top:2px}.landing-mock__chart{display:flex;align-items:flex-end;gap:5px;height:80px;margin-top:16px;padding-bottom:4px}.landing-mock__bar-wrap{flex:1 1;height:100%;display:flex;align-items:flex-end}.landing-mock__bar-fill{width:100%;background:linear-gradient(to top,var(--primary),#60a5fa);border-radius:3px 3px 0 0;opacity:.8}.landing-mock__label{font-size:11px;color:var(--text-muted);margin-top:8px;text-align:center}.landing-section{padding:80px 40px}.landing-section--alt{background:var(--bg)}.landing-section__inner{max-width:1100px;margin:0 auto}.landing-section__header{text-align:center;margin-bottom:52px}.landing-section__header h2{font-size:36px;font-weight:800;margin-bottom:12px}.landing-section__header p{font-size:17px;color:var(--text-muted);margin:0}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.landing-feature{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;transition:box-shadow .2s,transform .15s}.landing-feature:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-feature__icon{width:48px;height:48px;border-radius:12px;background:#eff6ff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}.landing-feature h3{font-size:16px;font-weight:700;margin-bottom:8px}.landing-feature p{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.landing-step{text-align:center}.landing-step__number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;font-size:18px;font-weight:800;margin-bottom:20px}.landing-step h3{font-size:18px;font-weight:700;margin-bottom:8px}.landing-step p{font-size:15px;color:var(--text-muted);margin:0}.landing-cta{padding:80px 40px;text-align:center;background:linear-gradient(135deg,#1e293b,#1976d2);color:#fff}.landing-cta .landing-section__inner{display:flex;flex-direction:column;align-items:center;gap:16px}.landing-cta h2{font-size:36px;font-weight:800;color:#fff;margin:0}.landing-cta p{font-size:17px;color:rgba(255,255,255,.75);margin:0}.landing-cta .landing-btn--primary{background:#fff!important;color:var(--primary)!important;border-color:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.2)!important}.landing-cta .landing-btn--primary:hover{background:#f0f9ff!important;border-color:#f0f9ff!important}.landing-footer{background:#1e293b;color:#94a3b8;padding:32px 40px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.landing-footer .landing-nav__logo{color:#e2e8f0;font-size:15px}.landing-footer p{font-size:13px;margin:0}@media (max-width:900px){.landing-features{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.landing-nav{padding:0 20px}.landing-hero{grid-template-columns:1fr;padding:48px 20px;gap:40px}.landing-hero__title{font-size:32px}.landing-hero__visual{display:flex}.landing-section{padding:56px 20px}.landing-section__header h2{font-size:26px}.landing-features,.landing-steps{grid-template-columns:1fr}.landing-steps{gap:24px}.landing-cta{padding:56px 20px}.landing-cta h2{font-size:26px}.landing-footer{padding:24px 20px;flex-direction:column;text-align:center}}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea{display:block;width:100%;height:44px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:inherit;color:inherit;padding:6px 12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(25,118,210,.12);outline:none}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#94a3b8}.btn,button{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1.5px solid var(--primary);border-radius:8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1.5;color:var(--primary);padding:7px 18px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,opacity .15s;white-space:nowrap;text-decoration:none}.btn:hover,button:hover{background:var(--primary);color:#fff}.btn:disabled,button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary,button[type=submit]{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover,button[type=submit]:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.btn-sm,.btn.small{font-size:13px;padding:5px 12px;gap:5px;border-radius:6px}.btn-danger,.btn.danger{border-color:#dc2626;color:#dc2626}.btn-danger:hover,.btn.danger:hover{background:#dc2626;color:#fff}.btn-secondary{border-color:var(--border);color:var(--text-muted)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text);background:transparent}.btn-enable{border-color:#16a34a;color:#16a34a}.btn-enable:hover{background:#16a34a;color:#fff}.btn-warning{border-color:#d97706;color:#d97706}.btn-warning:hover{background:#d97706;color:#fff}.btn-ghost{border-color:var(--border);color:var(--text-muted)}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text);background:transparent}.block{display:block;width:100%}.btn+.btn,.btn+button,button+.btn,button+button{margin-left:8px}.sidebar-footer button+button{margin-left:0}.actions{align-items:center}.actions,center{display:flex;gap:8px}center{justify-content:center;flex-wrap:wrap}.form-actions{display:flex;gap:10px;margin-top:4px}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:10px 14px;border-radius:var(--radius);font-size:14px;margin-bottom:16px}.data-form textarea{width:100%;resize:vertical;min-height:80px}form .field{display:block;margin-bottom:14px}form .field span{display:block;line-height:1.3;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.03em}table{background:var(--card);width:100%;border-collapse:collapse;border-radius:var(--radius);overflow:hidden;box-shadow:none;border:1px solid var(--border)}table td,table th{padding:12px 14px;border-bottom:1px solid var(--border)}table th{text-align:left;background:#f8fafc;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}table tr:last-child td{border-bottom:none}table tr:hover td{background:#f8fafc}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.role-badge ion-icon{font-size:13px}.role-badge--admin{background:#ede9fe;color:#6d28d9}.role-badge--staff{background:#e0f2fe;color:#0369a1}.role-badge--2fa-on{background:#dcfce7;color:#15803d}.role-badge--2fa-off{background:#f1f5f9;color:#64748b}.user-cards{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;overflow:hidden;transition:box-shadow .2s,border-color .2s,transform .15s}.user-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.user-card__role{width:54px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px}.user-card__role--admin{background:#ede9fe;color:#6d28d9}.user-card__role--staff{background:#e0f2fe;color:#0369a1}.user-card__role--company{background:#fef3c7;color:#d97706}.user-card__role--customer{background:#ede9fe;color:#7c3aed}.user-card__body{flex:1 1;min-width:0;padding:14px 18px;display:flex;flex-direction:row;align-items:center;gap:12px}.user-card__info{flex:1 1;min-width:0}.user-card__name{font-weight:600;font-size:15px;color:var(--text);display:flex;align-items:center;gap:8px}.user-card__info{display:flex;flex-direction:column;gap:3px}.user-card__info strong{font-size:15px;font-weight:600;color:var(--text)}.user-card__meta{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-muted)}.user-card__meta ion-icon{font-size:14px;flex-shrink:0}.customer-info-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;flex-direction:column;gap:10px;max-width:540px;margin-bottom:24px}.customer-info-card__row{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text)}.customer-info-card__row ion-icon{font-size:17px;color:var(--text-muted);flex-shrink:0;margin-top:2px}.customer-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.customer-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;min-width:120px}.customer-stat__value{font-size:20px;font-weight:700;color:var(--text);margin:0 0 2px}.customer-stat__label{font-size:12px;color:var(--text-muted);margin:0}.customer-history{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-width:720px}.customer-history__item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;transition:background .15s}.customer-history__item:last-child{border-bottom:none}.customer-history__item:hover{background:var(--bg)}.customer-history__reg{font-weight:600;font-size:14px;min-width:80px}.customer-history__role{flex:1 1;font-size:13px;color:var(--text-muted)}.customer-history__amount{font-weight:600;font-size:14px}.customer-history__date{font-size:12px;color:var(--text-muted);white-space:nowrap}.customer-history__item ion-icon:last-child{font-size:16px;color:var(--text-muted);flex-shrink:0}.user-card__you{font-size:11px;font-weight:600;background:#fef3c7;color:#d97706;padding:2px 8px;border-radius:20px}.user-card__email{font-size:13px;color:var(--text-muted)}.user-card__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.user-card__actions{display:flex;align-items:center;gap:8px;padding:0 14px;flex-shrink:0;align-self:stretch;border-left:1px solid var(--border);overflow-x:auto;scrollbar-width:none;white-space:nowrap}.user-card__actions::-webkit-scrollbar{display:none}.user-card__actions .btn,.user-card__actions button{font-size:13px;padding:5px 12px;gap:5px;border-radius:6px}.user-card--disabled{opacity:.6}.user-card--disabled .user-card__role{filter:grayscale(1)}.user-card__disabled-badge{font-size:11px;font-weight:600;background:#fee2e2;color:#dc2626;padding:2px 8px;border-radius:20px}@media (max-width:767px){.user-card{flex-wrap:wrap}.user-card__actions{width:100%;border-left:none;border-top:1px solid var(--border);padding:10px}.user-card__actions .btn{flex-grow:1;justify-content:center}}.filter-bar{margin-bottom:16px}.filter-bar input{max-width:360px}@media (max-width:767px){.filter-bar input{max-width:100%}}.message{background:#dcfce7;color:#16a34a;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;margin-bottom:16px}.message:empty{display:none}.message.info{background:#dbeafe;color:var(--primary)}.message.error{background:#fee2e2;color:#dc2626}.dashboard{display:flex;min-height:100vh}#sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}#sidebar .logo{display:flex;align-items:center;gap:10px;padding:20px 18px;color:#fff;font-size:16px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none;flex-shrink:0}#sidebar .logo ion-icon{font-size:26px;color:#60a5fa;flex-shrink:0}#sidebar nav{flex:1 1;padding:14px 10px}#sidebar nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}#sidebar nav ul li a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#94a3b8;border-radius:8px;font-size:14px;font-weight:500;transition:background .15s,color .15s;text-decoration:none}#sidebar nav ul li a:hover{background:rgba(255,255,255,.07);color:#e2e8f0}#sidebar nav ul li a[aria-current=page]{background:rgba(255,255,255,.1);color:#fff}#sidebar nav ul li a[aria-current=page] ion-icon{color:#60a5fa}@media (max-width:767px){#sidebar nav ul li a[aria-current=page]{background:transparent;color:#60a5fa}#sidebar nav ul li a[aria-current=page] ion-icon{color:#60a5fa}}#sidebar nav ul li a ion-icon{font-size:18px;flex-shrink:0}.mobile-exit,.mobile-header-btn,.nav-exit-btn,.nav-mobile-only{display:none}@media (max-width:767px){.desktop-only{display:none!important}}.backup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.backup-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:24px}.backup-card__icon{width:48px;height:48px;border-radius:12px;background:#eff6ff;display:flex;align-items:center;justify-content:center}.backup-card__icon ion-icon{font-size:24px;color:var(--primary)}.backup-card__body{flex:1 1}.backup-card__body h3{font-size:16px;font-weight:700;margin:0 0 4px}.backup-card__body p{font-size:13px;color:var(--text-muted);margin:0}.sidebar-footer{padding:12px 10px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;flex-direction:column;gap:6px}.sidebar-theme-toggle{padding:4px 0}.sidebar-theme-toggle .theme-toggle-row{padding:6px 12px;border-radius:var(--radius);transition:background .15s}.sidebar-theme-toggle .theme-toggle-row:hover{background:rgba(255,255,255,.07)}.sidebar-theme-toggle .theme-toggle-info ion-icon{color:rgba(255,255,255,.6);font-size:18px}.sidebar-theme-toggle .theme-toggle-info strong{color:rgba(255,255,255,.85);font-size:13px}.sidebar-theme-toggle .theme-toggle-info span{display:none}.sidebar-theme-toggle .toggle-switch{background:rgba(255,255,255,.15)}.sidebar-theme-toggle .toggle-switch--on{background:var(--primary)!important}@media (max-width:767px){.sidebar-theme-toggle{display:none}}.install-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)!important;border-radius:var(--radius)!important;color:rgba(255,255,255,.75)!important;font-size:13px;cursor:pointer;transition:background .15s;box-shadow:none!important}.install-btn:hover{background:rgba(255,255,255,.12);color:#fff!important}.install-btn ion-icon{font-size:16px;flex-shrink:0}.install-ios-hint{font-size:12px;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:8px 10px;line-height:1.5}.install-ios-hint ion-icon{vertical-align:middle;font-size:14px}.exit-impersonation-btn{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px 12px!important;background:rgba(251,191,36,.1)!important;border:1px solid rgba(251,191,36,.3)!important;border-radius:8px!important;color:#fbbf24!important;font-size:13px!important;font-family:inherit;font-weight:500!important;cursor:pointer;text-align:left}.exit-impersonation-btn:hover{background:rgba(251,191,36,.2)!important}.exit-impersonation-btn ion-icon{font-size:16px;flex-shrink:0}@media (max-width:767px){.exit-impersonation-btn{flex-direction:row!important;gap:6px!important;padding:0 16px!important;border:none!important;background:transparent!important;width:auto!important;font-size:13px!important;height:56px!important;border-radius:0!important;justify-content:center!important;align-items:center!important;margin-bottom:0!important}.exit-impersonation-btn__label{display:none}}.logout-btn{display:flex!important;align-items:center;gap:10px;width:100%;padding:10px 12px!important;background:transparent!important;border:none!important;border-radius:8px!important;color:#f87171!important;font-size:14px!important;font-family:inherit;font-weight:500!important;cursor:pointer;transition:background .15s!important;box-shadow:none!important;text-align:left}.logout-btn:hover{background:rgba(239,68,68,.12)!important;color:#fca5a5!important}.logout-btn ion-icon{font-size:16px;flex-shrink:0}#main{margin-left:var(--sidebar-width);flex:1 1;min-width:0}#content{padding:28px 32px}#subheader{gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}#subheader,#subheader h2{display:flex;align-items:center}#subheader h2{gap:9px;margin:0 auto 0 0;font-size:20px}#subheader h2 ion-icon{color:var(--primary)}#subheader>.btn,#subheader>a.btn{background:var(--primary);color:#fff;border-color:var(--primary)}#subheader>.btn:hover,#subheader>a.btn:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.subheader-count{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;padding:0 6px;border-radius:20px;line-height:1}fieldset{background:var(--card);border:1px solid var(--border);padding:22px 22px 10px;margin:0 0 20px;border-radius:var(--radius);box-shadow:none}fieldset legend{font-size:12px;letter-spacing:.06em;padding:0 6px}fieldset h3,fieldset legend{font-weight:700;text-transform:uppercase;color:var(--text-muted)}fieldset h3{font-size:13px;letter-spacing:.05em;margin-bottom:16px}fieldset hr{margin:10px -22px 20px;border:solid var(--border);border-width:1px 0 0}.group{display:flex;gap:16px}.group .field{flex:1 1;min-width:0;padding:0}.uploader{display:flex;background:#f8fafc 50%/contain no-repeat;width:160px;height:160px;border:2px dashed var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;justify-content:center;margin-bottom:18px;cursor:pointer;transition:border-color .2s;color:var(--text-muted);font-size:14px}.uploader:hover{border-color:var(--primary)}.uploader input,.uploader.filled span{display:none}.radios{display:flex;flex-wrap:wrap;padding-bottom:8px}.radios label{min-width:120px;cursor:pointer;margin:0 10px 10px 0}.radios input{display:none}.radios span{background:var(--card);display:block;padding:8px 20px;border-radius:8px;border:1px solid var(--border);font-size:14px;font-weight:500;text-align:center;transition:all .2s}.radios :checked~span{background:var(--primary);color:#fff;border-color:var(--primary)}#search{gap:10px;margin-bottom:20px;flex-wrap:wrap}#search,.search-field{display:flex;align-items:center}.search-field{position:relative;flex:1 1;min-width:0}.search-field ion-icon{position:absolute;left:12px;color:var(--text-muted);font-size:16px;pointer-events:none}.search-field input,.search-field select{width:100%;padding-left:36px!important;border:1px solid var(--border);background:var(--card)}.search-field--select{flex:0 0 auto;min-width:140px}.search-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:12px!important}@media (min-width:768px){.search-field:first-child{max-width:220px}}.receipt-cards{display:flex;flex-direction:column;gap:12px}.receipt-card{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .15s;position:relative}.receipt-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.receipt-card__type{writing-mode:vertical-lr;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 7px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.receipt-card__type.purchased{background:#dcfce7;color:#15803d}.receipt-card__type.sold{background:#dbeafe;color:#1d4ed8}.receipt-card__img{width:140px;flex-shrink:0;background:var(--bg);overflow:hidden}.receipt-card__img img{width:100%;height:100%;object-fit:cover;display:block}.receipt-card__img--placeholder{display:flex;align-items:center;justify-content:center;background:#f1f5f9}.receipt-card__img--placeholder ion-icon{font-size:36px;color:#94a3b8}.receipt-card__body{flex:1 1;padding:14px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}.receipt-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-card__reg{font-size:18px;font-weight:700;color:var(--text);letter-spacing:.02em;margin:0}.receipt-card__date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.receipt-card__date ion-icon{font-size:13px}.receipt-card__model{font-size:13px;color:var(--text-muted);margin:0}.receipt-card__parties{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:2px 0}.receipt-card__party{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:0}.receipt-card__party-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.receipt-card__party-name{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.receipt-card__divider{width:1px;height:36px;background:var(--border);flex-shrink:0}.receipt-card__footer{display:flex;align-items:center;gap:16px}.receipt-card__amount,.receipt-card__staff{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted)}.receipt-card__amount{font-weight:600;color:var(--text)}.receipt-card__amount ion-icon,.receipt-card__staff ion-icon{font-size:14px;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state ion-icon{font-size:56px;margin-bottom:16px;color:#cbd5e1}.empty-state p{font-size:18px;font-weight:600;color:var(--text);margin:0 0 6px}.empty-state span{font-size:14px}.file-cards{display:flex;flex-direction:column;gap:12px}.file-card{display:flex;align-items:stretch;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;overflow:hidden;color:inherit;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .15s}.file-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-1px)}.file-card__status{writing-mode:vertical-lr;-webkit-text-orientation:mixed;text-orientation:mixed;transform:rotate(180deg);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:14px 7px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-card__status.office{background:#dcfce7;color:#15803d}.file-card__status.given{background:#fef3c7;color:#b45309}.file-card__img{width:140px;flex-shrink:0;background:var(--bg);overflow:hidden}.file-card__img img{width:100%;height:100%;object-fit:cover;display:block}.file-card__img--placeholder{display:flex;align-items:center;justify-content:center;background:#f1f5f9}.file-card__img--placeholder ion-icon{font-size:36px;color:#94a3b8}.file-card__body{flex:1 1;padding:14px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}.file-card__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-card__reg{font-size:18px;font-weight:700;margin:0}.file-card__date{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.file-card__date ion-icon{font-size:13px}.file-card__model{font-size:13px;color:var(--text-muted);margin:0}.file-card__owner{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--border)}.file-card__owner-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);flex-shrink:0}.file-card__owner-name{font-size:14px;font-weight:500}.file-card__owner-phone{font-size:13px;color:var(--text-muted);margin-left:auto}.file-card__given{display:flex;align-items:center;gap:6px;font-size:13px;color:#b45309;background:#fef3c7;padding:5px 10px;border-radius:6px}.file-card__given ion-icon{font-size:14px;flex-shrink:0}.file-status-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius);font-size:14px;font-weight:600;margin-bottom:20px}.file-status-banner ion-icon{font-size:20px}.file-status-banner.office{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.file-status-banner.given{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.file-detail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.detail-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;overflow:hidden}.detail-card__title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:12px 16px;border-bottom:1px solid var(--border);margin:0;background:#f8fafc}.detail-card__title ion-icon{font-size:15px;color:var(--primary)}.detail-card__img{width:100%;max-height:200px;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.detail-rows{padding:4px 0}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border);font-size:14px}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--text-muted);flex-shrink:0}.detail-row strong{text-align:right;word-break:break-word}.detail-row--notes{flex-direction:column;gap:4px}.detail-row--notes strong{text-align:left;color:var(--text-muted);font-weight:400}.attachments{gap:16px}.attachment-dropzone,.attachments{display:flex;flex-direction:column}.attachment-dropzone{align-items:center;justify-content:center;gap:6px;border:2px dashed var(--border);border-radius:var(--radius);padding:32px 20px;cursor:pointer;transition:border-color .2s,background .2s;background:#f8fafc;text-align:center}.attachment-dropzone.drag-over,.attachment-dropzone:hover{border-color:var(--primary);background:#eff6ff}.attachment-dropzone ion-icon{font-size:36px;color:var(--primary);pointer-events:none}.attachment-dropzone span{font-size:14px;font-weight:500;color:var(--text);pointer-events:none}.attachment-dropzone small{font-size:12px;color:var(--text-muted);pointer-events:none}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:12px;gap:12px}.attachment-item{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card)}.attachment-thumb{display:flex;align-items:center;justify-content:center;height:110px;background:#f1f5f9;overflow:hidden}.attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attachment-thumb--file ion-icon{font-size:40px;color:var(--primary)}.attachment-info{display:flex;align-items:center;gap:6px;padding:6px 8px;border-top:1px solid var(--border)}.attachment-name{flex:1 1;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-remove{background:none;border:none;cursor:pointer;color:#ef4444;display:flex;align-items:center;padding:2px;border-radius:4px;flex-shrink:0}.attachment-remove:hover{background:#fef2f2}.attachment-remove ion-icon{font-size:14px}.attachment-empty{font-size:13px;color:var(--text-muted);text-align:center;padding:8px 0}.paginations{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:24px}.paginations a,.paginations button{display:inline-flex;align-items:center;justify-content:center;background:var(--card);padding:6px 10px;min-width:36px;height:36px;color:var(--text);border-radius:8px;font-size:14px;font-weight:500;border:1px solid var(--border)!important;box-shadow:none!important;transition:all .15s;cursor:pointer;margin:0}.paginations a:hover,.paginations button:hover{border-color:var(--primary)!important;color:var(--primary)}.paginations .active{background:var(--primary);color:#fff!important;border-color:var(--primary)!important}.receipt{color:#000;overflow:hidden}.receipt .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.receipt .header h2{margin:0}.receipt .line{display:flex;margin:0 -8px}.receipt .field{display:flex;padding:0 8px;margin-bottom:12px}.receipt .line .field{width:33.33%;flex-grow:1}.receipt .line .notgrow{flex-grow:0}.receipt .field b{font-weight:500;white-space:nowrap;margin-right:12px}.receipt .field b:after{content:":"}.receipt .field span{flex-grow:1;border-bottom:1px solid #000}.receipt hr{margin:20px 0;border:1px solid #000}.receipt .columns{display:flex;margin:0 -15px}.receipt .column{width:33.33%;flex-grow:1;padding:0 15px}.receipt .column+.column{border-left:2px solid #000}.receipt .column .field{padding:0}.receipt .column .field:last-child{margin-bottom:0}.receipt center{display:block;font-size:18px;margin-top:30px}@media print{body{display:block;font-size:15px}#sidebar{display:none}#main{margin-left:0}#content{padding:0}center .btn,center button{display:none}}.metrics{background:var(--card);padding:20px 22px;border-radius:var(--radius);box-shadow:none;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.metrics+.metrics{margin-top:14px}.metrics h2{width:100%;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:10px}.metrics h2 b{font-weight:700;color:var(--text);text-transform:none;letter-spacing:0}.metric:last-child{text-align:right}.metric h3{font-size:12px;color:var(--text-muted);margin:4px 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.metric p{font-size:34px;line-height:1;font-weight:700;margin:0}.dash-filter-bar{margin-bottom:0}.dash-filter{display:flex;flex-direction:column;gap:10px}.dash-filter-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.dash-filter button{background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:13px;font-weight:500;padding:6px 14px;margin:0;box-shadow:none;transition:all .15s;line-height:1.4}.dash-filter button:hover{border-color:var(--primary);color:var(--primary);background:var(--card)}.dash-filter button.active{background:var(--primary);border-color:var(--primary);color:#fff}.dash-filter-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dash-filter-custom input[type=date]{height:36px;width:auto;font-size:13px;padding:4px 10px;border-radius:8px}.dash-filter-custom span{color:var(--text-muted);font-size:13px}.dash-filter .apply-btn{background:var(--primary);border-color:var(--primary);color:#fff;border-radius:8px;padding:6px 16px}.dash-filter .apply-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.range-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-muted);margin:0 0 16px}.range-label ion-icon{font-size:15px;flex-shrink:0}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:0 20px 0 0;display:flex;align-items:center;gap:16px;box-shadow:none;overflow:hidden}.stat-card>div:last-child{padding:20px 0}.stat-icon{width:56px;align-self:stretch;height:auto;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon ion-icon{font-size:22px}.stat-icon--green{background:#dcfce7;color:#16a34a}.stat-icon--blue{background:#dbeafe;color:#2563eb}.stat-icon--purple{background:#ede9fe;color:#7c3aed}.stat-icon--gold{background:#fef3c7;color:#d97706}.stat-icon--skel{background:#e2e8f0}.stat-value{font-size:30px;font-weight:700;line-height:1;margin:0 0 4px;color:var(--text)}.stat-label{margin:0;text-transform:uppercase;letter-spacing:.04em}.stat-label,.stat-sub{font-size:12px;color:var(--text-muted);font-weight:500}.stat-sub{margin:2px 0 0;gap:6px;flex-wrap:wrap}.stat-sub,.stat-value-row{display:flex;align-items:center}.stat-value-row{gap:8px}.stat-card-pair{display:contents}.stat-icon--teal{background:#ccfbf1;color:#0d9488}.mom-badge{display:inline-flex;align-items:center;gap:2px;font-weight:600;padding:2px 6px;border-radius:20px;white-space:nowrap}.mom-badge,.mom-badge ion-icon{font-size:11px}.mom-badge--up{background:#dcfce7;color:#16a34a}.mom-badge--down{background:#fee2e2;color:#dc2626}.recent-deals{margin-top:0}.recent-deals__list{display:flex;flex-direction:column}.recent-deal{display:grid;grid-template-columns:56px 100px 1fr auto auto;align-items:center;grid-gap:12px;gap:12px;border-bottom:1px solid var(--border);text-decoration:none;color:var(--text);transition:background .15s;border-radius:6px;padding:12px 8px}.recent-deal:last-child{border-bottom:none}.recent-deal:hover{background:var(--hover)}.recent-deal__badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px;text-align:center}.recent-deal__badge.purchased{background:#dcfce7;color:#16a34a}.recent-deal__badge.sold{background:#dbeafe;color:#2563eb}.recent-deal__reg{font-weight:600;font-size:13px}.recent-deal__party{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-deal__amount{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap}.recent-deal__date{font-size:12px;color:var(--text-muted);white-space:nowrap}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-pulse{background:linear-gradient(90deg,var(--border) 25%,#e8edf2 50%,var(--border) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite;border-radius:6px}.stat-card--skeleton{pointer-events:none}.skeleton-lines{flex:1 1;display:flex;flex-direction:column;gap:7px;padding:20px 0}.skeleton-line{border-radius:6px;background:linear-gradient(90deg,var(--border) 25%,#e8edf2 50%,var(--border) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite}.skeleton-line--value{height:28px;width:50%}.skeleton-line--label{height:11px;width:60%}.skeleton-line--sub{height:11px;width:70%}.skeleton-line--title{height:15px;width:45%;margin-bottom:4px}.skeleton-line--range{height:14px;width:160px;border-radius:6px;margin-bottom:20px;background:linear-gradient(90deg,var(--border) 25%,#e8edf2 50%,var(--border) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite}.chart-card--skeleton{pointer-events:none}.skeleton-chart-header{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.skeleton-chart-bars{display:flex;align-items:flex-end;gap:8px;height:200px;padding-bottom:4px}.skeleton-bar-wrap{flex:1 1;height:100%;display:flex;align-items:flex-end}.skeleton-bar{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--border) 25%,#e8edf2 50%,var(--border) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite;min-height:12px}.skeleton-chart-bars--horiz{flex-direction:column;align-items:flex-start;height:auto;gap:14px;padding:8px 0}.skeleton-hbar-wrap{display:flex;align-items:center;gap:10px;width:100%}.skeleton-hbar-label{width:80px;height:12px;border-radius:6px;flex-shrink:0}.skeleton-hbar,.skeleton-hbar-label{background:linear-gradient(90deg,var(--border) 25%,#e8edf2 50%,var(--border) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite}.skeleton-hbar{height:14px;border-radius:0 4px 4px 0}.skeleton-donut{width:160px;height:160px;border-radius:50%;margin:16px auto;background:conic-gradient(var(--border) 0deg,#e8edf2 180deg,var(--border) 1turn);animation:shimmer 1.4s linear infinite;position:relative}.skeleton-donut:after{content:"";position:absolute;inset:35px;border-radius:50%;background:var(--card)}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 22px 14px;box-shadow:none}.chart-card,.chart-card--full{margin-bottom:20px}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.chart-card h3{font-size:15px;font-weight:600;margin:0 0 2px;text-transform:none;letter-spacing:0;color:var(--text)}.chart-sub{font-size:12px;color:var(--text-muted);margin:0 0 16px}.chart-empty{color:var(--text-muted);font-size:14px;text-align:center;padding:40px 0;margin:0}.chart-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.col-1,.col-2{display:flex;flex-direction:column}.settings-tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:2px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:transparent;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit;border-radius:0;box-shadow:none}.settings-tabs button ion-icon{font-size:17px}.settings-tabs button:hover{color:var(--text)}.settings-tabs button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600;background:var(--card);border-radius:8px 8px 0 0;box-shadow:0 1px 3px rgba(25,118,210,.2)}.settings-body{max-width:540px}.settings-form{gap:24px}.settings-form,.settings-section{display:flex;flex-direction:column}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;gap:14px}.input-readonly{background:var(--bg)!important;color:var(--text-muted)!important;cursor:default!important}.settings-section h4{margin:0;font-size:15px}.settings-section__hint{font-size:13px;color:var(--text-muted);margin:0}.settings-accordion__trigger{display:flex!important;align-items:center;justify-content:space-between;width:100%;background:none!important;border:none!important;padding:0!important;box-shadow:none!important;cursor:pointer;text-align:left;color:inherit!important}.settings-accordion__trigger h4{margin:0;font-size:15px}.settings-accordion__trigger ion-icon{font-size:18px;color:var(--text-muted);flex-shrink:0}.settings-accordion__body{display:flex;flex-direction:column;gap:12px;margin-top:16px}.settings-skeleton .settings-section{gap:12px}.sk{background:var(--border);border-radius:6px;animation:sk-pulse 1.4s ease-in-out infinite}@keyframes sk-pulse{0%,to{opacity:1}50%{opacity:.4}}.sk--label{height:16px;width:120px}.sk--hint{height:13px;width:80%}.sk--field{height:42px;width:100%}.sk--btn{height:40px;width:140px;margin-top:4px}.sk--toggle-row{height:52px;width:100%}.sk--qr,.sk--toggle-row{border-radius:var(--radius)}.sk--qr{height:220px;width:220px}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0}.theme-toggle-info{display:flex;align-items:center;gap:12px}.theme-toggle-info ion-icon{font-size:24px;color:var(--primary);flex-shrink:0}.theme-toggle-info div{display:flex;flex-direction:column;gap:2px}.theme-toggle-info strong{font-size:14px;color:var(--text)}.theme-toggle-info span{font-size:13px;color:var(--text-muted)}.notification-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.notification-toggle__info{display:flex;align-items:center;gap:12px}.notification-toggle__info ion-icon{font-size:28px;color:var(--primary);flex-shrink:0}.notification-toggle__info div{display:flex;flex-direction:column;gap:2px}.notification-toggle__info strong{font-size:14px;color:var(--text)}.notification-toggle__info span{font-size:13px;color:var(--text-muted)}.toggle-switch{position:relative;width:48px;height:28px;border-radius:14px;background:var(--border);border:none!important;padding:0!important;box-shadow:none!important;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch--on{background:var(--primary)!important}.toggle-switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s;display:block}.toggle-switch--on .toggle-switch__knob{transform:translateX(20px)}.toggle-switch--busy{opacity:.7;cursor:wait!important}.toggle-switch__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:toggle-spin .6s linear infinite;display:block}@keyframes toggle-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.settings-logout{display:none}@media (max-width:767px){.settings-logout{display:block;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}}.settings-logout .logout-btn{width:100%;border:1px solid rgba(239,68,68,.25)!important;border-radius:var(--radius)!important;padding:12px 16px!important;justify-content:center!important}.settings-install{display:none}@media (max-width:767px){.settings-install{display:block;margin-bottom:8px}.settings-install .install-btn{width:100%;background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:var(--radius)!important;padding:12px 16px!important;justify-content:center!important;font-size:14px!important}.settings-install .install-btn:hover{background:var(--hover)!important}.settings-install .install-ios-hint{margin-top:8px;background:var(--card);border-color:var(--border);color:var(--text-muted)}}.authenticator{max-width:540px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px}.authenticator img{width:100%;image-rendering:pixelated}.authenticator button{width:100%;margin:8px 0 0}#loginwrap{display:flex;align-items:center;min-height:100vh}#loginwrap form{width:100%;padding:24px;margin:0 auto}#loginwrap form h2{margin-bottom:22px}#loginwrap figure{width:100%;background:#0a0f1e url(/img/login-bg.jpg) 50%/cover;margin:0;padding:30px;min-height:420px}@media (min-width:768px){#loginwrap form{width:40%;max-width:400px}#loginwrap figure{width:60%;height:100vh}}.otp-header{text-align:center;margin-bottom:28px}.otp-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:18px;margin-bottom:16px;box-shadow:0 8px 24px rgba(25,118,210,.35)}.otp-icon ion-icon{font-size:32px;color:#fff}.otp-header h2{font-size:22px;margin-bottom:8px}.otp-header p{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.otp-boxes{display:flex;gap:10px;justify-content:center;margin:0 0 24px}.otp-boxes input{width:52px;height:60px;padding:0;text-align:center;font-size:24px;font-weight:700;border:2px solid var(--border);border-radius:12px;background:#f8fafc;box-shadow:none;transition:border-color .2s,box-shadow .2s,background .2s;caret-color:var(--primary)}.otp-boxes input:focus{border-color:var(--primary);background:var(--input-bg);box-shadow:0 0 0 3px rgba(25,118,210,.12);outline:none}.otp-boxes input:not(:placeholder-shown){border-color:var(--primary);background:var(--input-bg)}.otp-boxes input:disabled{opacity:.5;cursor:not-allowed}.otp-back-btn{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:10px!important;background:transparent!important;border:none!important;border-radius:8px!important;color:var(--text-muted)!important;font-size:14px!important;font-weight:500!important;cursor:pointer;box-shadow:none!important;transition:color .15s!important}.otp-back-btn:hover{color:var(--text)!important;background:#f1f5f9!important}.otp-back-btn ion-icon{font-size:16px}@media (max-width:767px){body{font-size:15px}#sidebar{position:fixed;top:0;left:0;right:0;bottom:auto;width:100%;height:56px;flex-direction:row;align-items:stretch;overflow:visible;border-bottom:1px solid rgba(255,255,255,.08);z-index:200}#sidebar .logo{flex:1 1;padding:0 14px;border-bottom:none;font-size:14px}#sidebar .logo,.mobile-header-btn{display:flex;height:56px;align-items:center}.mobile-header-btn{justify-content:center;width:44px;color:rgba(255,255,255,.75);font-size:22px;flex-shrink:0;text-decoration:none;transition:color .15s}.mobile-header-btn:hover{color:#fff}#sidebar nav{display:flex;position:fixed;inset:auto 8px 8px 8px;height:72px;background:var(--sidebar-bg);border-top:1px solid rgba(255,255,255,.08);border-bottom:none;border-radius:8px;padding:0 16px;overflow:visible;align-items:stretch;z-index:200}#sidebar nav ul{flex-direction:row;gap:0;padding:0;height:100%;align-items:stretch;width:100%}#sidebar nav ul li{flex:1 1}#sidebar nav ul li a{flex-direction:column;gap:3px;padding:8px 4px;font-size:10px;height:100%;justify-content:center;align-items:center;text-align:center;border-radius:0;white-space:nowrap}#sidebar nav ul li a span{display:block}#sidebar nav ul li a ion-icon{font-size:22px}.nav-desktop-only{display:none}.nav-mobile-only{display:flex;flex:1 1}.nav-exit-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;background:transparent;border:none;border-radius:0;color:#fbbf24;font-size:10px;font-weight:500;padding:8px 4px;cursor:pointer;white-space:nowrap;margin:0}.nav-exit-btn ion-icon{font-size:22px}.nav-exit-btn:hover{background:transparent;color:#fbbf24}.mobile-exit,.sidebar-footer{display:none}#mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:72px;background:var(--sidebar-bg);border-top:1px solid rgba(255,255,255,.08);z-index:200}#main{margin-left:0;margin-top:56px;padding-bottom:88px}#content{padding:16px}#subheader{flex-wrap:wrap;gap:10px}#subheader h2{font-size:18px}.group{flex-direction:column;gap:0}.group .field{width:100%}#search{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;flex-direction:unset}#search .search-field{max-width:100%!important;min-width:0}#search .search-field--select{min-width:0}#search .search-field:nth-child(3),#search button{grid-column:1/-1}#search button{min-width:0}.receipt-card{flex-direction:column}.receipt-card__type{writing-mode:horizontal-tb;transform:none;padding:6px 14px;letter-spacing:.05em;justify-content:flex-start}.receipt-card__img{width:100%;height:180px}.receipt-card__img--placeholder{display:none}.receipt-card__top{flex-wrap:wrap;gap:6px}.receipt-card__reg{font-size:16px}#loginwrap{flex-direction:column}#loginwrap form{margin:auto 0}#loginwrap form h2{text-align:center}}@media (max-width:1199px){.stat-cards{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:767px){.stat-cards{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:0 8px 0 0;gap:12px}.stat-card>div:last-child{padding:14px 0}.stat-icon{width:48px}.dash-filter-presets{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;white-space:nowrap}.dash-filter-presets::-webkit-scrollbar{display:none}.stat-value{font-size:18px}.stat-value--sm{font-size:16px}.recent-deal{grid-template-columns:50px 90px 1fr auto}.recent-deal__date{display:none}.chart-row{grid-template-columns:1fr}}