:root{--bg-base: #141414;--bg-base-rgb: 20, 20, 20;--bg-surface: #252525;--bg-card: #333333;--bg-hover: #404040;--bg-active: #4C4C4C;--border: rgba(255, 255, 255, .14);--border-light: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .36);--accent: #FABC5F;--accent-hover: #FBC97D;--accent-dim: #F9AF3F;--accent-glow: rgba(250, 188, 95, .18);--accent-muted: rgba(250, 188, 95, .08);--accent-soft: rgba(250, 188, 95, .65);--accent-softer: rgba(250, 188, 95, .4);--accent-softest: rgba(250, 188, 95, .2);--color-success: #4ade80;--color-success-muted: rgba(74, 222, 128, .1);--color-danger: #f87171;--color-danger-muted: rgba(248, 113, 113, .1);--color-info: #60a5fa;--color-info-muted: rgba(96, 165, 250, .1);--color-warning: #fbbf24;--color-warning-muted: rgba(251, 191, 36, .1);--color-purple: #a78bfa;--color-purple-muted: rgba(167, 139, 250, .1);--text-primary: #FAFAFA;--text-secondary: #DFDFDF;--text-muted: #C6C6C6;--text-placeholder: #8A8A8A;--on-accent: #000000;--chevron-select: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--sidebar-width: 240px;--header-height: 60px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-control: 8px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 18px;--text-xl: 26px;--transition: all .18s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:"M PLUS Rounded 1c",sans-serif;background:var(--bg-base);color:var(--text-primary);color-scheme:dark;-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:700;letter-spacing:-.02em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-input:focus-visible,.search-bar input:focus-visible{outline:none}.sb-link:focus-visible,.sb-brand-link:focus-visible,.sb-footer-btn:focus-visible{outline-offset:-2px}.sb-link--active:focus-visible{outline-color:#1c1200}input,select,textarea{font-family:inherit;font-size:inherit}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px){input,select,textarea{font-size:1rem!important}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left .25s ease}.main-content.collapsed{margin-left:60px}.page-body{--page-pad: 24px;--page-pad-bottom: calc(24px + env(safe-area-inset-bottom)) ;flex:1;overflow-y:auto;padding:var(--page-pad);padding-top:calc(var(--header-height) + env(safe-area-inset-top) + var(--page-pad));padding-bottom:var(--page-pad-bottom)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:0 10px 30px #0006}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.stat-card .label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.stat-card .value{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-xl);font-weight:600;color:var(--text-primary);line-height:1;margin-bottom:6px;letter-spacing:-.01em}.stat-card .change{font-size:var(--text-xs);font-weight:500;display:flex;align-items:center;gap:3px}.stat-card .change.up{color:var(--accent)}.stat-card .change.down{color:var(--color-danger)}.stat-card .icon-wrap{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--accent-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-control);font-size:var(--text-base);font-weight:500;transition:var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:600}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:#f871711a;color:var(--color-danger);border:1px solid rgba(248,113,113,.2)}.btn-danger:hover{background:#f8717133}.btn-sm{padding:5px 10px;font-size:var(--text-sm)}.btn-icon{justify-content:center;padding:7px;border-radius:var(--radius-control)}.btn:active{transform:scale(.97)}.btn-primary:active{transform:scale(.97);background:var(--accent-dim)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;pointer-events:none}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-strong);-webkit-overflow-scrolling:touch}@media(max-width:768px){.table-wrap{background:linear-gradient(to right,var(--bg-surface) 30%,transparent),linear-gradient(to left,var(--bg-surface) 30%,transparent) 100% 0,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.2),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.2),transparent) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}}table{width:100%;border-collapse:collapse;font-size:var(--text-base)}thead tr{background:transparent}th{padding:11px 16px;text-align:left;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);letter-spacing:.01em;border-bottom:1px solid var(--border-light);white-space:nowrap}td{padding:11px 16px;color:var(--text-secondary);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-hover);color:var(--text-primary);transition:background .15s ease,color .15s ease}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-control);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-green{background:var(--color-success-muted);color:var(--color-success)}.badge-red{background:var(--color-danger-muted);color:var(--color-danger)}.badge-amber{background:var(--color-warning-muted);color:var(--color-warning)}.badge-blue{background:var(--color-info-muted);color:var(--color-info)}.badge-purple{background:var(--color-purple-muted);color:var(--color-purple)}.badge-gray{background:var(--bg-active);color:var(--text-secondary)}.billing-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 16px;margin-bottom:20px;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.4}.billing-banner span{flex:1 1 auto;min-width:200px}.billing-banner b{font-weight:700}.billing-banner .btn{flex-shrink:0}.banner-trial{background:var(--color-warning-muted);border:1px solid rgba(251,191,36,.25);color:var(--color-warning)}.banner-grace{background:var(--accent-muted);border:1px solid rgba(250,188,95,.3);color:var(--accent-hover)}.banner-suspended{background:var(--color-danger-muted);border:1px solid rgba(248,113,113,.25);color:var(--color-danger)}@media(max-width:768px){.billing-banner{flex-direction:column;align-items:stretch;text-align:left}.billing-banner .btn{width:100%}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input{width:100%;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text-primary);padding:10px 14px;font-size:1rem;outline:none;transition:var(--transition)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder{color:var(--text-placeholder)}.form-label-optional{color:var(--text-muted);font-weight:400}.form-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:6px;line-height:1.45}.form-error{font-size:var(--text-sm);color:var(--color-danger);margin-top:6px;display:flex;gap:6px;align-items:flex-start;line-height:1.4}.form-input--error{border-color:var(--color-danger)}.form-input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-muted)}.form-section{font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;font-weight:700;color:var(--text-muted);margin:0 0 12px;padding-bottom:7px;border-bottom:1px solid var(--border)}.form-section:not(:first-child){margin-top:26px}.tooltip{position:relative;display:inline-flex}.tooltip-bubble{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);z-index:10;width:max-content;max-width:260px;padding:8px 10px;background:var(--bg-active);border:1px solid var(--border-strong);border-radius:var(--radius-sm);box-shadow:0 8px 30px #0006;color:var(--text-primary);font-size:var(--text-xs);line-height:1.45;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease}.tooltip-bubble.is-visible{opacity:1;visibility:visible}.tooltip-bubble:after{content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;transform:translate(-50%) translateY(-50%) rotate(45deg);background:var(--bg-active);border-right:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.tooltip>.btn-ghost{border:none;background:transparent}.tooltip>.btn-ghost:hover{background:transparent;color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease}.modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .25s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 30px #0006}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-size:var(--text-lg);font-weight:700}.modal-close{width:30px;height:30px;border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap}.modal--sm{max-width:400px}.modal--md{max-width:480px}.modal--lg{max-width:620px}.modal--xl{max-width:880px}.modal--form{display:flex;flex-direction:column;padding:0;overflow-y:hidden}.modal--form>.modal-header{flex:0 0 auto;padding:28px 28px 18px;margin-bottom:0;border-bottom:1px solid var(--border)}.modal--form>.modal-body{flex:1 1 auto;overflow-y:auto;padding:20px 28px}.modal--form>.modal-footer{flex:0 0 auto;margin-top:0;padding:16px 28px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}@media(max-width:400px){.modal-footer .btn{flex:1;justify-content:center}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-narrow{max-width:760px}.page-title{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:3px}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-secondary);gap:10px}.spinner{width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:10px;text-align:center}.empty-state svg{opacity:.3}.empty-state p{font-size:var(--text-base)}.section-title{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-xs);font-weight:600;margin-bottom:14px;letter-spacing:.06em;text-transform:uppercase}.search-bar{position:relative}.search-bar svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-bar input{width:100%;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text-primary);padding:9px 14px 9px 36px;font-size:1rem;outline:none;transition:var(--transition)}.search-bar input:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar input::placeholder{color:var(--text-placeholder)}.toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:18px}.tab{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 2px 8px;font-size:var(--text-base);font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.tab:hover{color:var(--text-secondary)}.tab.is-active{color:var(--text-primary);border-bottom-color:var(--accent)}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.chart-head .section-title{margin-bottom:0}.chart-head-total{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-head-total-label{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-xs);font-weight:400;color:var(--text-muted);margin-right:6px}.pay-body{flex:1;display:flex;flex-direction:column;justify-content:center}.pay-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;margin-bottom:16px}.pay-stack>i{display:block;min-width:6px}.pay-legend{display:flex;flex-direction:column;gap:10px}.pay-legend-row{display:flex;align-items:center;gap:10px;font-size:var(--text-base)}.pay-legend-row .pay-sq{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pay-legend-row .pay-name{color:var(--text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-legend-row .pay-pct{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.pay-legend-row .pay-amt{font-weight:600;font-variant-numeric:tabular-nums;min-width:80px;text-align:right}.chart-container{width:100%;padding:4px 0;user-select:none;-webkit-user-select:none}.chart-container svg,.chart-container *{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}tr.clickable-row:focus-visible,.mob-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}tr.clickable-row{cursor:pointer}tr.clickable-row:active td{background:var(--bg-active)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.mobile-overlay{position:fixed;inset:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeInOverlay .2s ease}.pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 0;font-size:var(--text-base);color:var(--text-muted)}.pagination-buttons{display:flex;gap:6px}@media(max-width:768px){.sidebar{width:var(--sidebar-width)!important;box-shadow:8px 0 30px #00000080;transition:transform .35s cubic-bezier(.16,1,.3,1);left:0!important;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .sb-brand{animation:fadeInUp .2s ease both}.sidebar.mobile-open .sb-link{animation:fadeInUp .25s ease both}.sidebar.mobile-open .sb-group:nth-child(1) .sb-link{animation-delay:.03s}.sidebar.mobile-open .sb-group:nth-child(2) .sb-link{animation-delay:.06s}.sidebar.mobile-open .sb-group:nth-child(3) .sb-link{animation-delay:.09s}.sidebar.mobile-open .sb-group:nth-child(4) .sb-link{animation-delay:.12s}.sidebar.mobile-open .sb-footer{animation:fadeInUp .25s ease .15s both}}@media(max-width:768px){.main-content{margin-left:0!important}.page-body{--page-pad: 16px;--page-pad-bottom: calc(16px + env(safe-area-inset-bottom)) }.page-header{flex-direction:column;align-items:flex-start}.toolbar-row{flex-direction:column;align-items:stretch}.toolbar-row .search-bar{max-width:100%!important}.toolbar-row .select,.toolbar-row .form-input{width:100%!important}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card .value{font-size:calc(var(--text-xl) * .8)}.two-col,.three-col,.grid-3{grid-template-columns:1fr}td,th{padding:10px 12px;font-size:var(--text-sm)}.modal{position:fixed;bottom:0;left:0;right:0;margin:0;max-width:100%!important;width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:slideUpSheet .3s cubic-bezier(.16,1,.3,1);padding-bottom:calc(28px + env(safe-area-inset-bottom))}.modal--form{padding-bottom:0}.modal-overlay{align-items:flex-end;padding:0}.card{padding:16px}.pagination{flex-direction:column;align-items:flex-start;gap:8px}.hide-mobile{display:none!important}.sticky-save-footer{padding-top:16px}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr 1fr}}.sidebar{position:fixed;top:0;bottom:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:left .25s ease,width .25s ease;z-index:100}.sb-brand{display:flex;align-items:center;gap:9px;height:var(--header-height);padding:0 16px;border-bottom:1px solid var(--border);overflow:hidden;flex-shrink:0}.sb-brand--collapsed{justify-content:center;padding:0 10px}.sb-brand-link{display:flex;align-items:center;gap:9px;padding:6px 8px;margin-left:-8px;border-radius:var(--radius-control);color:inherit;text-decoration:none;transition:background .18s cubic-bezier(.4,0,.2,1)}.sb-brand-link:hover{background:var(--bg-hover)}.sb-brand--collapsed .sb-brand-link{display:none}.sb-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;flex-shrink:0}.sb-brand-name{font-family:Sora,"M PLUS Rounded 1c",sans-serif;font-weight:800;font-size:24px;letter-spacing:-.04em;color:var(--text-primary);white-space:nowrap}.sb-brand-btn{width:28px;height:28px;border-radius:var(--radius-control);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;color:var(--text-muted);transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1)}.sb-brand-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-brand--collapsed .sb-brand-btn{margin-left:0}.sb-brand--collapsed .sb-logo{display:none}.sb-skeleton{display:block;width:120px;height:13px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-active) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sb-nav{flex:1;padding:12px 8px;overflow-y:auto}.sb-group{margin-bottom:4px}.sb-group--collapsed{margin-bottom:14px}.sb-group-header{display:flex;align-items:center;gap:8px;width:100%;padding:7px 14px;border-radius:var(--radius-control);color:var(--text-secondary);margin-bottom:2px;transition:background .18s cubic-bezier(.4,0,.2,1)}.sb-group-header:hover{background:var(--bg-hover)}.sb-group-label{text-transform:uppercase;font-size:var(--text-xs);font-weight:700;letter-spacing:.09em;color:var(--text-secondary)}.sb-chevron{margin-left:auto;color:var(--text-muted);transition:transform .2s ease}.sb-chevron--open{transform:rotate(180deg)}.sb-group-items{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.sb-link{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 28px;border-radius:var(--radius-control);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);text-decoration:none;margin-bottom:1px;transition:background .15s ease,color .15s ease,padding-left .2s ease;white-space:nowrap}.sb-link--collapsed{padding:10px 14px;justify-content:center}.sb-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-link--active{background:var(--accent);color:#1c1200;font-weight:700}.sb-link--active:hover{background:var(--accent);color:#1c1200}.sb-footer{padding:10px 8px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2px;position:relative}.sb-footer-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);transition:background .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1);overflow:hidden}.sb-footer-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.sb-footer-btn--danger{color:var(--color-danger)}.sb-footer-btn--danger:hover{background:#f871711a;color:var(--color-danger)}.sb-account-avatar{width:26px;height:26px;border:1.5px solid var(--border-light);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.sb-account-label{flex:1;text-align:left}.sb-account-caret{flex-shrink:0;color:var(--text-muted)}.sb-account-menu{position:absolute;bottom:100%;left:8px;right:8px;z-index:1;display:flex;flex-direction:column;gap:2px;padding:4px;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;animation:fadeInUp .15s ease}.sb-account-menu-items{display:flex;flex-direction:column;gap:2px}.sidebar--collapsed .sb-account-menu{bottom:8px;left:100%;right:auto;width:calc(var(--sidebar-width) - 16px);margin-bottom:0;margin-left:8px}.sb-account-email{padding:6px 12px 8px;font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-account-email:has(+.sb-account-trial){padding-bottom:2px}.sb-account-trial{padding:0 12px 8px;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.hdr{position:fixed;top:0;right:0;left:0;height:calc(var(--header-height) + env(safe-area-inset-top));background:rgba(var(--bg-base-rgb),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:env(safe-area-inset-top) 20px 0;gap:12px;z-index:90}.hdr-menu-btn{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.hdr-titles{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}.hdr-title{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr-subtitle{font-family:"M PLUS Rounded 1c",sans-serif;font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr-refresh-btn{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}@media(min-width:769px){.hdr{display:none}.page-body{padding-top:var(--page-pad)}}@media(max-width:768px){.card{-webkit-tap-highlight-color:transparent}.btn:active,.sb-link:active,.sb-footer-btn:active{transform:scale(.97);opacity:.8}.stat-card:active{transform:scale(.98);transition:transform .1s ease}tr.clickable-row:active td{background:var(--bg-active);transition:background .1s ease}}@media(max-width:768px){.modal:before{content:"";display:block;width:36px;height:4px;background:var(--text-muted);border-radius:4px;margin:0 auto 16px;opacity:.4}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}@media(max-width:600px){.btn-icon,.btn-icon.btn-sm{min-width:44px;min-height:44px;padding:12px}}.hbars{display:flex;flex-direction:column;gap:11px}.hbar{display:flex;align-items:center;gap:14px}.hbar-rank{width:16px;flex-shrink:0;font-size:var(--text-xs);font-weight:700;color:var(--text-muted);text-align:right;font-variant-numeric:tabular-nums}.hbar-name{width:200px;flex-shrink:0;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hbar-track{flex:1;height:22px;background:var(--bg-base);border-radius:6px;overflow:hidden}.hbar-fill{display:block;height:100%;border-radius:6px;background:var(--accent)}.hbar-val{width:96px;flex-shrink:0;text-align:right;font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}@media(max-width:760px){.hbar-name{width:108px}.hbar-val{width:80px}}@media(max-width:600px){.hbar{display:grid;grid-template-columns:16px 1fr 88px;gap:6px 10px;align-items:center}.hbar-rank{grid-column:1}.hbar-name{grid-column:2 / 4;width:auto}.hbar-track{grid-column:1 / 3}.hbar-val{grid-column:3;width:auto}}.mob-cards{display:none}@media(max-width:768px){.mob-table-wrap{display:none}.mob-cards{display:flex;flex-direction:column;gap:10px}}.mob-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mob-card:active{background:var(--bg-active)}.mob-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-hero{margin:-24px -24px 0;height:33vh;height:33svh;background:var(--accent)}.billing-banner~* .dash-hero{margin-top:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.dash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}.dash-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.dash-kpi .k-val{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.dash-kpi .k-label{margin-top:7px;font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.dash-kpi .k-sub{margin-top:3px;font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.dash-kpi .k-sub--up{color:var(--accent)}.dash-kpi .k-sub--down{color:var(--color-danger)}.dash-overview{margin-top:calc(48px - 33vh);margin-top:calc(48px - 33svh);position:relative;z-index:2;margin-bottom:16px}.dash-overview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.dash-overview-title{font-size:var(--text-lg);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}@media(max-width:768px){.dash-hero{margin:-16px -16px 0;height:22vh;height:22svh}.dash-overview{margin-top:calc(28px - 22vh);margin-top:calc(28px - 22svh)}.dash-kpis{grid-template-columns:1fr 1fr;gap:18px 10px}.dash-kpi .k-val{font-size:calc(var(--text-xl) * .83)}}.inv-cards{display:none}@media(max-width:768px){.inv-table-wrap{display:none}.inv-cards{display:flex;flex-direction:column;gap:10px}}.inv-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:12px}.cell-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.name-with-dot{display:block}.dot-warn{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);vertical-align:middle;flex-shrink:0}.form-input--cell{padding:8px 6px;min-width:58px;text-align:right;font-variant-numeric:tabular-nums}.form-input--cell::-webkit-outer-spin-button,.form-input--cell::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px){.table-sticky-first th:first-child,.table-sticky-first td:first-child{min-width:150px;position:sticky;left:0;z-index:1;background:var(--bg-card);box-shadow:1px 0 0 var(--border),6px 0 8px -6px #00000080}.table-sticky-first thead th:first-child{z-index:2}.table-sticky-first tbody tr:hover td:first-child{background:var(--bg-hover)}}.mono-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em;letter-spacing:.02em}.money{font-variant-numeric:tabular-nums;white-space:nowrap}.money-symbol{margin-right:2px}.money-dec{color:inherit}select.form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:var(--chevron-select);background-repeat:no-repeat;background-position:right 14px center}.select{background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius-control);color:var(--text-primary);padding:9px 36px 9px 14px;font-size:var(--text-base);outline:none;transition:var(--transition);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:var(--chevron-select);background-repeat:no-repeat;background-position:right 14px center}.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;gap:8px;border-radius:var(--radius-control)}.dropdown-chevron{color:var(--text-muted);transition:transform .2s ease}.dropdown-chevron.is-open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-control);box-shadow:0 8px 30px #0006;z-index:95;overflow:hidden;max-height:260px;overflow-y:auto}.dropdown-menu--anclado{position:fixed;top:auto;left:auto;right:auto;margin-top:0}.dropdown-filter{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);padding:9px 12px;font-size:var(--text-base);outline:none}.dropdown-option{padding:9px 12px;font-size:var(--text-base);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.dropdown-option:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-option.is-selected{color:var(--accent);background:var(--accent-muted)}.dropdown-option.is-highlighted{background:var(--bg-hover)}.dropdown-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-option-hint{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted)}.dropdown-option-tag{flex-shrink:0;font-size:var(--text-xs);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-control);padding:1px 6px}.dropdown-empty{padding:9px 12px;font-size:var(--text-xs);color:var(--text-muted)}.dropdown-trigger--sm{padding:5px 10px;font-size:var(--text-sm);min-height:0}.dropdown-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:15px;height:15px;margin-right:8px;border:1px solid var(--border-strong);border-radius:4px;color:var(--bg-base)}.dropdown-check.is-on{background:var(--accent);border-color:var(--accent)}.dropdown-option--action{color:var(--accent);border-top:1px solid var(--border)}.empty-state-title.empty-state-title{color:var(--text-secondary);font-weight:500;font-size:var(--text-base)}.empty-state-hint.empty-state-hint{font-size:var(--text-sm)}.bg-grid{background-image:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:32px 32px;opacity:.5}.ticket{font-variant-numeric:tabular-nums}.ticket-label{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:8px}.ticket-divider{border:none;border-top:1px dashed var(--border);margin:16px 0}.ticket-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:calc(var(--text-base) + 2px);color:var(--text-secondary)}.ticket-row>*:first-child,.ticket-total>*:first-child{flex:1 1 auto;min-width:0;overflow-wrap:break-word}.ticket-row .ticket-value,.ticket-total .ticket-value{flex:0 1 auto;min-width:0;max-width:62%;text-align:right;overflow-wrap:break-word}.ticket-row .ticket-value:has(.money-symbol),.ticket-total .ticket-value:has(.money-symbol){flex:none;max-width:none;white-space:nowrap}.ticket-row .ticket-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.ticket-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;font-size:calc(var(--text-base) + 4px);font-weight:700;color:var(--text-primary)}.ticket-total .ticket-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.ticket .money-symbol{font-size:inherit;vertical-align:baseline;margin-right:0}.ticket .money-dec{font-size:inherit;color:inherit}.ticket-paper{width:380px;max-width:calc(100vw - 32px);max-height:88vh;overflow-y:auto;font-variant-numeric:tabular-nums}.tp-edge{display:block;width:100%;height:8px}.tp-edge path{fill:var(--bg-card)}.tp-body{background:var(--bg-card);padding:14px 20px 18px;position:relative}.tp-close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-base);padding:8px;line-height:1}.tp-close:hover{color:var(--text-primary)}.tp-amount{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.7rem;font-weight:500;color:var(--text-primary);margin-top:10px}.tp-amount-label{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.tp-divider{border:none;border-top:1px dashed var(--border-light);margin:14px 0}.tp-divider--strong{border-top:2px dashed rgba(255,255,255,.22);margin:12px 0}.tp-info{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.75}.tp-section{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:10px}.tp-item{margin-bottom:8px}.tp-item-row,.tp-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tp-item-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary)}.tp-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-base);color:var(--text-primary)}.tp-sub{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.tp-row{font-size:var(--text-base);color:var(--text-primary);padding:2px 0}.tp-row--muted,.tp-row--muted .tp-value{color:var(--text-muted)}.tp-row--discount,.tp-row--discount .tp-value{color:var(--color-success)}.tp-row--total{font-weight:600}.tp-total-value{color:var(--accent);font-weight:700}.config-ticket .tp-row--total{font-weight:700;font-size:1.6rem}.tp-footer{display:flex;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--text-muted)}.ticket-paper .money-symbol{font-size:inherit;vertical-align:baseline;margin-right:0}.ticket-paper .money-dec{font-size:inherit;color:inherit}.config-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.config-preview-col{position:sticky;top:0}@container (max-width: 699px){.config-layout{grid-template-columns:1fr}.config-preview-col{position:static;order:-1}.config-preview-col .ticket-paper{margin:0 auto}.config-preview-col .tp-variant-toggle{margin-left:auto;margin-right:auto}.config-preview-col .config-fel-note{width:300px;max-width:100%;margin-left:auto;margin-right:auto}}@container (min-width: 700px){.config-layout .sticky-save-footer{margin-right:0}.ticket-page{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:calc(-1 * var(--page-pad-bottom))}.ticket-page .config-layout{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch}.config-form-col{overflow-y:auto;min-height:0;scrollbar-width:thin}.ticket-page .config-preview-col{overflow-y:auto;min-height:0;position:static;padding-bottom:var(--page-pad-bottom);scrollbar-width:thin}.config-form-col .sticky-save-footer{bottom:0;margin-bottom:0}}.sticky-save-footer{position:sticky;bottom:calc(-1 * var(--page-pad-bottom));margin:0 calc(-1 * var(--page-pad)) calc(-1 * var(--page-pad-bottom));padding:14px var(--page-pad);padding-bottom:calc(14px + env(safe-area-inset-bottom));background:rgba(var(--bg-base-rgb),.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);display:flex;justify-content:flex-end;align-items:center;gap:16px;z-index:10}.changes-summary{font-size:var(--text-xs);color:var(--text-secondary);text-align:right;flex:1;min-width:0}.changes-summary strong{color:var(--text-secondary);font-weight:500}.changes-summary--error{color:var(--color-danger)}.switch{flex-shrink:0;width:44px;height:24px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-base);position:relative;transition:var(--transition);padding:0;cursor:pointer}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-muted);transition:var(--transition)}.switch[aria-checked=true]{background:var(--accent-muted);border-color:var(--accent)}.switch[aria-checked=true]:after{left:22px;background:var(--accent)}.switch:disabled{opacity:.5;cursor:not-allowed}.icon-tile{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.switch-row+.switch-row{border-top:1px solid var(--border)}.switch-row-label{font-size:var(--text-base);font-weight:500;display:flex;align-items:center;gap:8px}.switch-row-desc{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px;max-width:46ch}.tip-chips{display:flex;gap:10px;flex-wrap:wrap}.tip-chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--radius-control);border:1px solid var(--border-strong);background:var(--bg-base);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;transition:var(--transition)}.tip-chip:hover{color:var(--text-primary)}.tip-chip--on{border-color:var(--accent);color:var(--text-primary);background:var(--accent-muted)}.tip-body-disabled{opacity:.4;pointer-events:none}.logo-row{display:flex;align-items:center;gap:14px}.logo-thumb{width:64px;height:64px;border:1px dashed var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--text-xs);text-align:center;overflow:hidden;flex-shrink:0}.logo-thumb:has(img){background:#fff}.logo-thumb img{width:100%;height:100%;object-fit:contain}.logo-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:6px}.config-preview-title{height:12.5px;margin-bottom:10px}.config-ticket{width:300px;max-width:100%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.45))}.config-ticket .tp-body{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;padding:14px 16px 18px}.tp-variant-toggle{display:flex;gap:4px;width:300px;max-width:100%;margin-bottom:10px}.tp-variant-toggle button{flex:1;padding:7px 10px;border-radius:var(--radius-control);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-base);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition)}.tp-variant-toggle button:hover{color:var(--text-primary)}.tp-variant-toggle button.is-active{color:var(--text-primary);background:var(--accent-muted);border-color:var(--accent)}.tp-doc-title{text-align:center;font-weight:700;font-size:var(--text-sm);letter-spacing:.08em;margin:2px 0 10px}.tp-logo{text-align:center;margin-bottom:8px}.tp-logo img{max-height:130px;max-width:150px;object-fit:contain;filter:grayscale(1) contrast(1.25)}.tp-name{text-align:center;font-weight:700;font-size:1.6rem}.tp-fiscal{text-align:center;font-size:var(--text-xs);color:var(--text-muted);line-height:1.7;margin-top:4px}.tp-fiscal-meta{font-size:var(--text-xs);color:var(--text-primary);line-height:1.7}.tp-fiscal-meta .tp-auth-label{font-weight:700}.tp-fiscal-meta .tp-auth-number{word-break:break-all;color:var(--text-muted)}.tp-certifier{text-align:center;font-size:var(--text-xs);color:var(--text-muted);line-height:1.6;margin-top:10px}.tp-certifier .tp-auth-label{font-weight:700;color:var(--text-primary)}.tp-regimen{text-align:center;font-size:var(--text-xs);color:var(--text-primary);margin-top:6px}.tp-footer-msg{text-align:center;font-size:var(--text-sm);color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.tp-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted)}.tp-row--tip{color:var(--text-secondary)}.config-ticket .tp-body{background:#fff;color:#1a1a1a}.config-ticket .tp-edge path{fill:#fff}.config-ticket .tp-row,.config-ticket .tp-row--muted,.config-ticket .tp-row--muted .tp-value,.config-ticket .tp-row--discount,.config-ticket .tp-row--discount .tp-value,.config-ticket .tp-row--tip,.config-ticket .tp-total-value,.config-ticket .tp-name,.config-ticket .tp-doc-title,.config-ticket .tp-fiscal,.config-ticket .tp-fiscal-meta,.config-ticket .tp-fiscal-meta .tp-auth-number,.config-ticket .tp-certifier,.config-ticket .tp-certifier .tp-auth-label,.config-ticket .tp-regimen,.config-ticket .tp-sub,.config-ticket .tp-footer-msg{color:#1a1a1a}.config-ticket .tp-divider{border-top-color:#c4c4c4}.config-ticket .tp-divider--strong{border-top-color:#8a8a8a}.config-fel-note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:12px;line-height:1.6;border-left:2px solid var(--border-light);padding-left:10px}.char-count{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:4px}.field-tag{font-size:var(--text-xs);color:var(--accent);font-weight:500}.section-hint{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.au-split{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.au-panel{background:var(--bg-surface);border-right:1px solid var(--border);padding:40px 48px;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.au-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--border) 1px,transparent 0);background-size:32px 32px;opacity:.5;pointer-events:none}.au-panel>*{position:relative;width:100%;max-width:560px}.au-brand{display:flex;align-items:center;gap:10px}.au-brand img{width:36px;height:36px;border-radius:8px;display:block}.au-brand-name{font-family:Sora,"M PLUS Rounded 1c",sans-serif;font-size:var(--text-lg);font-weight:800;letter-spacing:-.03em}.au-panel>.au-brand{justify-content:center;gap:14px;margin-top:auto}.au-panel>.au-brand img{width:72px;height:72px;border-radius:16px}.au-panel>.au-brand .au-brand-name{font-size:60px;letter-spacing:-.04em}.au-claim{margin:56px 0 auto}.au-claim h2{font-size:30px;font-weight:800;letter-spacing:-.025em;line-height:1.3;text-wrap:balance;margin-left:24px}.au-feats{list-style:none;margin-top:32px;display:grid;gap:20px}.au-feats li{display:flex;gap:14px;align-items:flex-start}.au-feats svg{flex:none;color:var(--accent);margin-top:2px}.au-feats b{display:block;color:var(--text-primary);font-weight:700;font-size:var(--text-base);margin-bottom:3px}.au-feats span{display:block;color:var(--text-secondary);font-size:var(--text-base);line-height:1.45}.au-panel-foot{font-size:var(--text-xs);color:var(--text-muted)}.au-form-col{display:flex;align-items:center;justify-content:center;padding:40px 24px}.au-wrap{width:100%;max-width:380px}.au-form-col .au-brand{display:none;justify-content:center;margin-bottom:20px}.au-card{padding:32px}.au-title{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px}.au-title--con-sub{margin-bottom:0}.au-sub{color:var(--text-secondary);font-size:var(--text-sm);margin:6px 0 24px;line-height:1.45}.au-link{color:var(--accent);font-size:var(--text-sm);font-weight:500;background:none;border:0;padding:0;cursor:pointer}.au-link:hover{text-decoration:underline;text-underline-offset:3px}.au-field{position:relative}.au-field .form-input{padding-right:44px}.au-eye{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--text-muted);padding:6px;display:flex;align-items:center;border-radius:6px;cursor:pointer}.au-eye:hover{color:var(--text-primary);background:var(--bg-hover)}.au-forgot{display:flex;justify-content:flex-end;margin-top:8px}.au-error svg{flex:none;margin-top:2px}.au-error .au-link{font-size:inherit}.au-submit{width:100%;justify-content:center;padding:12px 16px}.au-submit .spinner{width:16px;height:16px}.au-submit.btn-primary .spinner{border-color:#0003;border-top-color:var(--on-accent)}.au-alert{display:flex;gap:10px;align-items:flex-start;background:var(--color-danger-muted);border:1px solid rgba(248,113,113,.25);color:var(--color-danger);border-radius:var(--radius-control);padding:10px 12px;font-size:var(--text-sm);line-height:1.45;margin-bottom:16px}.au-alert--ok{background:var(--color-success-muted);border-color:#4ade8040;color:var(--color-success)}.au-alert svg{flex:none;margin-top:1px}.au-foot{text-align:center;margin-top:20px;font-size:var(--text-sm);color:var(--text-secondary)}.au-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--text-sm);background:none;border:0;padding:0;margin-bottom:16px;cursor:pointer}.au-back:hover{color:var(--text-primary)}@media(max-width:900px){.au-split{grid-template-columns:1fr}.au-panel{display:none}.au-form-col{padding:40px 16px 20px;align-items:flex-start}.au-form-col .au-wrap{margin:auto 0}.au-form-col .au-brand{display:flex;gap:12px;margin-bottom:40px}.au-form-col .au-brand img{width:56px;height:56px;border-radius:12px}.au-form-col .au-brand .au-brand-name{font-size:32px;letter-spacing:-.04em}.au-card{padding:24px 20px}}.onb-launcher{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:14px;width:min(330px,calc(100vw - 40px));padding:16px 18px;background:var(--bg-active);border:2px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 12px 40px #00000080;cursor:pointer;text-align:left;transition:var(--transition)}.onb-launcher:hover{border-color:var(--accent);transform:translateY(-2px)}.mobile-overlay~.onb-launcher{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.mobile-overlay~.onb-panel.open{opacity:0;visibility:hidden;pointer-events:none}.onb-launcher-icon{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent)}.onb-launcher-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.onb-launcher-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.onb-launcher-meta{font-size:var(--text-sm);color:var(--text-muted)}.onb-progress{display:block;height:9px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:4px}.onb-progress-fill{display:block;height:100%;background:var(--color-success);transition:width .4s ease}.onb-panel{position:fixed;right:20px;bottom:20px;z-index:950;width:390px;max-width:calc(100vw - 24px);height:min(640px,calc(100vh - 40px));display:flex;flex-direction:column;background:var(--bg-hover);border:1px solid var(--border-light);border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #0009;transform:translateY(24px);opacity:0;visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1),visibility .28s}.onb-panel.open{transform:translateY(0);opacity:1;visibility:visible}.onb-panel-header{padding:20px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.onb-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.onb-panel-heading h3{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.onb-panel-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary);transition:var(--transition)}.onb-panel-close:hover{color:var(--text-primary);background:var(--bg-hover)}.onb-panel-sub{margin:6px 0 14px;font-size:var(--text-base);color:var(--text-secondary)}.onb-panel-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px}.onb-steps{flex:1;overflow-y:auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:10px}.onb-step{background:var(--bg-active);border:1px solid var(--border);border-radius:10px;transition:var(--transition)}.onb-step.expanded{border-color:var(--border-light)}.onb-step.done{background:var(--color-success-muted);border-color:#4ade8033}.onb-step-header{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;cursor:pointer;text-align:left}.onb-step-num{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;background:var(--accent);border:2px solid var(--accent);color:var(--on-accent)}.onb-step.done .onb-step-num{background:var(--color-success);border-color:var(--color-success);color:#0a1a0f}.onb-step-title{flex:1;font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.onb-step.done .onb-step-title{color:var(--text-muted)}.onb-step-chevron{flex-shrink:0;color:var(--text-muted);transition:var(--transition)}.onb-step.expanded .onb-step-chevron{transform:rotate(180deg)}.onb-step-body{padding:0 14px 14px 54px}.onb-step-desc{margin:0 0 12px;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.onb-step-cta{letter-spacing:.04em}.onb-mark-done{display:flex;align-items:center;gap:6px;margin-top:12px;padding:0;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.onb-mark-done:hover{color:var(--color-success)}.onb-done-box{text-align:center;padding:16px;border:1px dashed rgba(74,222,128,.35);border-radius:10px;background:var(--color-success-muted)}.onb-done-box p{margin:0 0 12px;font-size:var(--text-base);color:var(--text-primary)}.modal.bienvenida{max-width:640px;text-align:center}.bienvenida h2{font-size:var(--text-2xl, 24px);margin:8px 0 0}.bienvenida-sub{color:var(--text-secondary);margin:8px 0 20px}.bienvenida-devices{display:flex;align-items:flex-end;justify-content:center;margin:0 auto}.bienvenida-tel{width:140px;margin-right:-52px;position:relative;z-index:1;border:6px solid #000;border-radius:1rem;background:#000;overflow:hidden;box-shadow:0 8px 30px #0006}.bienvenida-tablet{width:460px;border:8px solid #000;border-radius:14px;background:#000;overflow:hidden;box-shadow:0 8px 30px #0006}.bienvenida-devices img{display:block;width:100%;height:auto}.bienvenida-badge{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 18px;border:1px solid var(--border-light);border-radius:var(--radius-control);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-base)}.bienvenida-badge svg{color:var(--accent)}.bienvenida-badge b{font-weight:700}.bienvenida-foot{display:flex;justify-content:flex-end;margin-top:24px}@media(max-width:768px){.onb-launcher{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:280px}.onb-panel{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:min(640px,calc(100vh - 90px))}}.pin-boxes{display:flex;gap:10px}.pin-box{width:52px;height:58px;text-align:center;font-size:1.45rem;font-weight:700;font-family:"M PLUS Rounded 1c",sans-serif;color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-strong);border-radius:var(--radius-control);outline:none;transition:var(--transition);caret-color:var(--accent)}.pin-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.pin-box:disabled{opacity:.5}@media(max-width:400px){.pin-box{width:46px;height:52px}}.billing-confirm-modal{max-width:420px;border-radius:16px;padding:26px}.billing-confirm-intro{color:var(--text-secondary, #c4cad4);line-height:1.55;margin:14px 0 16px}.billing-confirm-box{background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:6px 16px;margin-bottom:20px}.billing-confirm-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0}.billing-confirm-row+.billing-confirm-row{border-top:1px solid var(--border)}.billing-confirm-label{color:var(--text-secondary)}.billing-confirm-total{font-weight:700;font-size:var(--text-lg)}.billing-confirm-free{color:var(--text-secondary)}.billing-confirm-modal .modal-footer .btn{border-radius:10px}.inv-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.inv-filter strong{font-weight:700;font-variant-numeric:tabular-nums;margin-left:2px}.inv-filter-dot{width:7px;height:7px;border-radius:999px;flex:none}.inv-filter.btn-primary .inv-filter-dot{background:var(--on-accent)!important;opacity:.55}.inv-filter-pair{display:contents}.inv-filter-select{display:none}.inv-cat{width:220px}@media(max-width:768px){.inv-filters{display:none!important}.inv-filter-pair{display:flex;gap:8px;width:100%}.inv-filter-pair>*{flex:1 1 0;min-width:0}.inv-filter-select{display:block}.inv-cat{width:auto}}.inv-table-wrap .inv-stock-pencil{opacity:0;transition:opacity .15s ease}.inv-table-wrap tr:hover .inv-stock-pencil,.inv-table-wrap tr:focus-within .inv-stock-pencil{opacity:.5}.inv-cards .inv-stock-pencil{opacity:.5}.mode-pick{display:flex;gap:6px}.mode-pick .btn{flex:1;justify-content:center}.mode-pick .btn.is-selected{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-strong)}.adjust-strip{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 14px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:16px;font-size:var(--text-sm)}.adjust-result{padding:12px 14px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-sm)}.adjust-result--error{border-color:var(--color-danger)}.ped-cards{display:flex;flex-direction:column;gap:10px}.ped-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px}.ped-card-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--text-xs);color:var(--text-muted)}.ped-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;align-items:end}.ped-card-grid .form-label{margin-bottom:4px}.solo-movil{display:none}@media(max-width:768px){.solo-escritorio{display:none}.solo-movil{display:inline}}.btn-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:700;color:var(--accent);white-space:nowrap}.btn-link:hover{color:var(--accent-hover)}.tab-count{font-size:var(--text-xs);font-weight:700;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:1px 7px;margin-left:2px}.rec-cards{display:flex;flex-direction:column;gap:10px}.rec-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 13px}.rec-grid{display:grid;grid-template-columns:1fr 68px auto 24px;gap:6px 7px;align-items:center}.rec-x{background:none;border:none;padding:0;width:24px;color:var(--text-secondary);font-family:inherit;font-size:var(--text-xs);line-height:1;cursor:pointer}.rec-x:hover{color:var(--color-danger)}.rec-gh{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.rec-sub{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;align-items:baseline;margin-top:3px;padding-top:8px;border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-muted)}.btn-plus{width:34px;height:31px;padding:0;background:transparent;cursor:pointer;border:1px dashed var(--border-light);border-radius:var(--radius-control);color:var(--text-secondary);font-family:inherit;font-size:var(--text-base);line-height:1}.btn-plus:hover{border-color:var(--accent);color:var(--accent);border-style:solid}.btn-plus:disabled{opacity:.4;cursor:default}.rowmenu{position:relative;display:inline-flex}.rowmenu-list{position:absolute;top:calc(100% + 4px);right:0;z-index:20;min-width:172px;display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 10px 26px #00000080}.rowmenu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--radius-control);color:var(--text-secondary);font-family:inherit;font-size:var(--text-sm);text-align:left;white-space:nowrap;cursor:pointer}.rowmenu-icon{display:inline-flex;flex:0 0 auto;color:var(--text-muted)}.rowmenu-item:hover:not(:disabled) .rowmenu-icon{color:inherit}.rowmenu-item--danger:hover:not(:disabled) .rowmenu-icon{color:var(--color-danger)}.rowmenu-item:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.rowmenu-item:disabled{opacity:.4;cursor:default}.rowmenu-item--danger:hover:not(:disabled){color:var(--color-danger)}.ajustes-overlay{padding:24px}.ajustes{width:min(1000px,100%);height:min(700px,100%);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 8px 30px #0006;display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.ajustes:focus-visible{outline:none}.ajustes-head{grid-column:1 / -1;display:flex;align-items:center;gap:6px;min-height:54px;padding:0 12px 0 20px;border-bottom:1px solid var(--border)}.ajustes-head .modal-title{flex:1}.ajustes-volver{display:none}.ajustes-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-right:1px solid var(--border);overflow-y:auto}.ajustes-nav .sb-link{padding:8px 12px;width:100%}.ajustes-item-chevron{display:none;margin-left:auto}.ajustes-body{--page-pad: 24px;--page-pad-bottom: 24px;overflow-y:auto;padding:22px var(--page-pad) var(--page-pad-bottom);container-type:inline-size;display:flex;flex-direction:column}.ajustes-body .page-title{font-size:20px}.ajustes-body .page-header{margin-bottom:18px}.sb-footer-btn.is-activo{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.ajustes-overlay{padding:0;align-items:stretch}.ajustes{width:100%;height:100%;max-height:none;border:0;border-radius:0;box-shadow:none;animation:none;display:flex;flex-direction:column;background:var(--bg-base)}.ajustes-head{min-height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 6px;gap:4px}.ajustes-volver{display:inline-flex;border-color:transparent;background:transparent}.ajustes-head .modal-close{display:none}.ajustes-nav{border-right:0;padding:4px 8px;gap:0}.ajustes-nav .sb-link{padding:15px 10px;border-radius:0;border-bottom:1px solid var(--border);color:var(--text-primary);background:transparent}.ajustes-nav .sb-link:last-child{border-bottom:0}.ajustes-item-chevron{display:inline-flex;color:var(--text-muted)}.ajustes--lista .ajustes-body,.ajustes--seccion .ajustes-nav{display:none}.ajustes-body{flex:1;--page-pad: 16px;--page-pad-bottom: calc(16px + env(safe-area-inset-bottom)) ;padding-top:18px}.ajustes--seccion .ajustes-body .page-title{display:none}}