:root{--bg-deepest:#f5f8fb;--bg-base:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#eef3f8;--bg-hover:#e6edf5;--glass-bg:#ffffffd1;--glass-border:#202d3a1a;--glass-hover:#19728412;--accent-from:#197284;--accent-to:#197284;--accent-gradient:linear-gradient(135deg, var(--accent-from), var(--accent-to));--accent-glow:none;--success:#28745f;--success-bg:#e6f2ef;--success-border:#bddbd3;--warning:#8b6b20;--warning-bg:#f6efdf;--warning-border:#e3d2a8;--danger:#a34848;--danger-bg:#f6e8e8;--danger-border:#dfc1c1;--info:#2f658c;--info-bg:#e5f0f8;--info-border:#bfd5e7;--text-primary:#18222d;--text-secondary:#41505f;--text-muted:#748190;--text-disabled:#aab4bf;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-size-micro:.68rem;--font-size-xs:.75rem;--font-size-sm:.82rem;--font-size-body:.9rem;--font-size-md:1rem;--font-size-lg:1.2rem;--font-size-xl:1.45rem;--line-tight:1.25;--line-normal:1.5;--control-height-sm:32px;--control-height:38px;--control-height-lg:44px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--border-subtle:1px solid var(--glass-border);--shadow-sm:0 1px 2px #18222d0a;--shadow-md:0 8px 24px #18222d0f;--shadow-lg:0 18px 48px #18222d17;--shadow-glow:none;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:248px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body{font-family:var(--font-sans);background:var(--bg-deepest);color:var(--text-primary);line-height:var(--line-normal);height:100vh;overflow:hidden}#root{width:100%;height:100vh}.icon{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-size:var(--icon-size-md);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;direction:ltr;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon--sm{font-size:var(--icon-size-sm)}.icon--lg{font-size:var(--icon-size-lg)}.icon--xl{font-size:var(--icon-size-xl)}.app-layout{background:var(--bg-deepest);height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);border-right:var(--border-subtle);z-index:10;background:#f7fafc;flex-direction:column;height:100vh;display:flex;position:relative}.sidebar__brand{border-bottom:var(--border-subtle);align-items:center;gap:12px;padding:22px 18px;display:flex}.sidebar__brand-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar__brand-logo{width:100%;height:100%;display:block}.sidebar__brand-text{font-size:var(--font-size-md);color:var(--text-primary);font-weight:750}.sidebar__property-selector{border-bottom:var(--border-subtle);padding:14px 16px}.sidebar__property-label{font-size:var(--font-size-micro);color:var(--text-muted);text-transform:uppercase;letter-spacing:0;margin-bottom:8px;font-weight:600}.sidebar__nav{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;flex:1;padding:10px;overflow-y:auto}.sidebar__nav-group{margin-bottom:4px}.sidebar__nav-group-label{font-size:var(--font-size-micro);color:var(--text-muted);text-transform:uppercase;letter-spacing:0;padding:13px 8px 6px;font-weight:700}.sidebar__menu-item{cursor:pointer;color:var(--text-secondary);min-height:var(--control-height);font-size:var(--font-size-body);transition:all var(--transition-fast);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:12px;padding:9px 10px 9px 14px;font-weight:500;display:flex;position:relative}.sidebar__menu-item:hover{color:var(--text-primary);background:#1972840b}.sidebar__menu-item--active{color:var(--accent-from);background:#1972840e;border-color:#19728414;font-weight:650}.sidebar__menu-item--active:before{content:"";border-radius:var(--radius-full);background:var(--accent-from);width:3px;height:18px;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.sidebar__menu-item--active .icon{color:var(--accent-from)}.sidebar__submenu{border-left:1px solid var(--glass-border);background:0 0;margin:4px 0 4px 14px;overflow:hidden}.sidebar__submenu .sidebar__menu-item{font-size:var(--font-size-sm);padding-left:16px}.sidebar__menu-chevron{transition:transform var(--transition-fast);margin-left:auto;font-size:var(--icon-size-sm)!important}.sidebar__menu-chevron--open{transform:rotate(180deg)}.sidebar__footer{border-top:var(--border-subtle);background:#eef3f7;padding:14px 16px}.sidebar__user-info{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.sidebar__user-avatar{border-radius:var(--radius-sm);width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);color:var(--accent-from);background:#dcecf1;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:1.3;overflow:hidden}.sidebar__user-roles{gap:var(--space-1);flex-wrap:wrap;margin-top:2px;display:flex}.sidebar__role-badge{font-size:var(--font-size-micro);border-radius:var(--radius-sm);background:var(--glass-hover);color:var(--text-secondary);text-transform:none;letter-spacing:0;padding:2px 8px;font-weight:600}.main-content{background:var(--bg-deepest);flex-direction:column;flex:1;display:flex;overflow:hidden}.main-scroll{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent;flex:1;padding:30px 34px;overflow-y:auto}.error-banner{background:var(--danger-bg);border-bottom:1px solid var(--danger-border);color:var(--danger);font-size:var(--font-size-sm);align-items:center;gap:12px;padding:14px 20px;font-weight:500;animation:.3s slideDown;display:flex}.error-banner__close{color:var(--danger);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-left:auto;padding:4px;display:flex}.error-banner__close:hover{background:#ef444426}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-header__title-group{align-items:center;gap:12px;display:flex}.page-header__icon{background:var(--page-icon-bg,var(--accent-from));border-radius:var(--radius-md);color:#fff;width:40px;height:40px;font-size:var(--icon-size-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header__title{font-size:var(--font-size-xl);letter-spacing:0;color:var(--text-primary);font-weight:720}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.card--hoverable:hover{box-shadow:var(--shadow-md);border-color:#1972843d;transform:translateY(-1px)}.card--flush{padding:0}.card__header{padding:var(--space-4) 18px;border-bottom:var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card__title{align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--text-primary);font-weight:650;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:650;line-height:var(--line-tight);border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .icon{font-size:var(--icon-size-sm)}.btn--primary{background:var(--accent-from);color:#fff;box-shadow:none}.btn--primary:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#135c6b;transform:translateY(-1px)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:var(--border-subtle)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:#14532d26}.btn--success{background:var(--success);color:#fff}.btn--success:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#286b49}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){box-shadow:var(--shadow-sm);background:#8f3831}.btn--ghost{color:var(--text-secondary);min-height:var(--control-height-sm);padding:0 var(--space-3);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--glass-hover);color:var(--text-primary)}.btn--sm{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--font-size-xs)}.btn--sm .icon{font-size:var(--icon-size-sm)}.btn--full{width:100%}.btn--link{color:var(--accent-from);cursor:pointer;font-weight:600;font-size:var(--font-size-sm);background:0 0;border:none;padding:0}.btn--link:hover{color:#135c6b}.form-group{margin-bottom:var(--space-4)}.form-group--center{align-items:center;display:flex}.form-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:none;letter-spacing:0;margin-bottom:6px;font-weight:650;display:block}.form-input,.form-select,.form-textarea{width:100%;min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);transition:all var(--transition-fast);background:#fff;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-from);box-shadow:0 0 0 3px #1972841f}.form-input:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:var(--text-disabled)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-select option{background:var(--bg-surface);color:var(--text-primary)}.custom-select{width:100%;position:relative}.custom-select__trigger{width:100%;min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-tight);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#fff;display:inline-flex}.custom-select__trigger:hover:not(:disabled){background:#fbfdff;border-color:#19728438}.custom-select--open .custom-select__trigger{border-color:var(--accent-from);box-shadow:0 0 0 3px #1972841f}.custom-select--disabled{opacity:.55;pointer-events:none}.custom-select__value,.custom-select__placeholder{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select__placeholder{color:var(--text-disabled)}.custom-select__chevron{color:var(--text-muted);transition:transform var(--transition-fast)}.custom-select--open .custom-select__chevron{transform:rotate(180deg)}.custom-select__menu{z-index:30;max-height:260px;padding:var(--space-1);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #202d3a24;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.custom-select__option{width:100%;min-height:var(--control-height);justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-3);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;display:flex}.custom-select__option:hover:not(:disabled){color:var(--text-primary);background:#19728412}.custom-select__option--selected{color:var(--accent-from);background:#1972841a;font-weight:650}.custom-select__option:disabled{color:var(--text-disabled);cursor:not-allowed}.custom-select__check{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--accent-from);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.form-textarea{resize:vertical;min-height:88px;padding-top:10px;padding-bottom:10px}.form-hint{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:4px}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid--full{grid-column:1/-1}.form-checkbox-row{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-primary);font-weight:500;display:flex}.form-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-from);cursor:pointer}.form-radio-group{gap:var(--space-4);display:flex}.form-radio-group label{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-body);color:var(--text-secondary);display:flex}.form-radio-group input[type=radio]{accent-color:var(--accent-from)}.form-panel{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);animation:.25s slideDown}.form-panel__title{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2);font-weight:650;display:flex}.form-panel__section{border:1px dashed var(--glass-border);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-4);background:#fbfdff}.form-panel__section-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:600;display:flex}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:var(--border-subtle);display:flex}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.data-table thead{z-index:1;position:sticky;top:0}.data-table th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);color:var(--text-muted);text-transform:none;letter-spacing:0;border-bottom:var(--border-subtle);white-space:nowrap;background:#f8fafc;font-weight:720}.data-table td{padding:13px var(--space-4);font-size:var(--font-size-sm);color:var(--text-secondary);vertical-align:middle;border-bottom:1px solid #27322b14}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#f8f7f2}.data-table td:first-child{color:var(--text-primary);font-weight:600}.data-table--inside-card th{background:0 0}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) 9px;border-radius:var(--radius-sm);min-height:24px;font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:0;white-space:nowrap;font-weight:720;display:inline-flex}.badge--success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge--warning{background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.badge--danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.badge--info{background:var(--info-bg);color:var(--info);border:1px solid var(--info-border)}.badge--neutral{background:var(--glass-hover);color:var(--text-secondary);border:var(--border-subtle)}.badge--accent{color:var(--accent-from);background:#e2f1f4;border:1px solid #bfdde4}.pagination{border-top:var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:14px 18px;display:flex}.pagination__info{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted);display:flex}.pagination__info b{color:var(--text-secondary)}.pagination__controls{align-items:center;gap:var(--space-2);display:flex}.pagination__btn{padding:0 var(--space-3);justify-content:center;align-items:center;gap:var(--space-1);border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);min-height:var(--control-height-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);font-weight:600;font-family:var(--font-sans);background:#fff;display:inline-flex}.pagination__btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__select{width:118px}.pagination__select .custom-select__trigger,.pagination__select .custom-select__option{min-height:var(--control-height-sm);font-size:var(--font-size-xs)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);padding:18px;position:relative;overflow:hidden}.stat-card:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card--danger:before{background:var(--danger)}.stat-card--info:before{background:var(--info)}.stat-card--success:before{background:var(--success)}.stat-card--warning:before{background:var(--warning)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#19728438;transform:translateY(-1px)}.stat-card__label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:none;letter-spacing:0;font-weight:650}.stat-card__value{font-size:var(--font-size-lg);margin-top:6px;font-weight:760}.stat-card__action{font-size:var(--font-size-xs);color:var(--accent-from);align-items:center;gap:4px;margin-top:10px;display:flex}.sub-tabs{background:var(--bg-surface);border-radius:var(--radius-md);border:var(--border-subtle);gap:4px;width:fit-content;margin-bottom:20px;padding:3px;display:flex}.sub-tab{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600;display:inline-flex}.sub-tab:hover{color:var(--text-primary);background:var(--glass-hover)}.sub-tab--active{background:var(--accent-from);color:#fff;box-shadow:none}.empty-state{text-align:center;padding:46px 24px}.empty-state__icon{color:var(--text-disabled);margin-bottom:16px;font-size:48px}.empty-state__text{font-size:var(--font-size-body);color:var(--text-muted)}.login-screen{background:linear-gradient(180deg, #ffffffdb, #f5f8fbf5), var(--bg-deepest);justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.login-screen:before{content:"";background:var(--glass-border);pointer-events:none;width:64%;height:1px;position:absolute;top:76px;right:18%}.login-screen:after{content:"";background:var(--glass-border);pointer-events:none;width:1px;height:66%;position:absolute;bottom:16%;left:50%}.login-card{background:var(--bg-surface);border:var(--border-subtle);border-radius:var(--radius-xl);text-align:center;z-index:1;width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:44px 38px;position:relative}.login-card__logo{width:58px;height:58px;box-shadow:none;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.login-card__logo-img{width:100%;height:100%;display:block}.login-card__title{letter-spacing:0;color:var(--text-primary);margin-bottom:8px;font-size:1.72rem;font-weight:780}.login-card__desc{color:var(--text-muted);font-size:var(--font-size-body);margin-bottom:32px;line-height:1.5}.login-card__btn{width:100%;min-height:var(--control-height-lg);font-size:var(--font-size-body)}.loading-screen{background:var(--bg-deepest);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.spinner-wrapper{margin-left:auto;margin-right:auto;display:inline-block}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent-from);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:var(--text-muted);font-size:var(--font-size-body)}.meter-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.meter-card{border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;min-width:0;transition:all var(--transition-fast);background:#fff}.meter-card:hover{border-color:#1972842e}.meter-card__icon{font-size:var(--icon-size-xl);margin-bottom:var(--space-2)}.meter-card__type{font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.meter-card__number{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-3)}.invoice-header{padding-bottom:var(--space-5);margin-bottom:var(--space-5);border-bottom:1px dashed var(--glass-border);justify-content:space-between;display:flex}.invoice-total{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--accent-from);font-weight:700}.payment-panel{border:var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-5);margin-top:var(--space-6);background:#fff}.payment-waiting{text-align:center;padding:var(--space-6);background:var(--bg-surface);border:1px dashed var(--glass-border);border-radius:var(--radius-md)}.va-number{font-family:var(--font-mono);letter-spacing:2px;color:var(--accent-from);margin:var(--space-3) 0;font-size:1.65rem;font-weight:700}.checkout-panel{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.checkout-panel__title{font-size:var(--font-size-md);color:var(--warning);align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:600;display:flex}.checkout-panel__desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4);line-height:1.5}.estimation-box{background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--info);font-weight:600;font-size:var(--font-size-body);margin-bottom:var(--space-4)}.alert{padding:14px var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:center;gap:var(--space-3);font-weight:500;display:flex}.alert--danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.alert--success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.grid-2{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.back-link{align-items:center;gap:var(--space-2);color:var(--accent-from);font-family:var(--font-sans);font-size:var(--font-size-sm);cursor:pointer;margin-bottom:var(--space-5);transition:color var(--transition-fast);background:0 0;border:none;padding:6px 0;font-weight:600;display:inline-flex}.back-link:hover{color:#135c6b}.unit-badges{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.selector-card{margin-bottom:var(--space-5)}.toolbar-row{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.panel-inset{padding:var(--space-5);border-bottom:var(--border-subtle)}.inline-form{align-items:flex-end;gap:var(--space-3);display:flex}.inline-form.form-panel__section{margin-top:0;margin-bottom:var(--space-5)}.inline-form__field,.field-grow{flex:1;min-width:0}.field-grow-2{flex:2;min-width:0}.loading-caption{margin-top:var(--space-4)}.cell-action{text-align:center;white-space:nowrap}.cell-right,.text-right{text-align:right}.text-strong{font-weight:650}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-info{color:var(--info)}.text-muted{color:var(--text-muted)}.inline-meta{align-items:center;gap:var(--space-2);display:inline-flex}.contact-stack{gap:var(--space-1);display:grid}.contact-line{align-items:center;gap:var(--space-2);display:flex}.text-right .contact-line{justify-content:flex-end}.contact-line--muted,.table-note{color:var(--text-muted);font-size:var(--font-size-xs)}.detail-shell{margin:0 auto}.detail-shell--narrow{max-width:800px}.detail-shell--medium{max-width:1000px}.detail-title-block{margin-bottom:var(--space-6)}.detail-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:720;line-height:var(--line-tight);margin:0;display:flex}.section-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:var(--border-subtle);color:var(--text-primary);font-size:var(--font-size-md);font-weight:650;line-height:var(--line-tight);display:flex}.payment-title{color:var(--success)}.payment-method-row,.payment-actions{align-items:center;gap:var(--space-3);display:flex}.payment-actions{margin-top:var(--space-5);justify-content:center}.qr-image{width:200px;margin:var(--space-3) 0;border-radius:var(--radius-md)}.table-spaced{margin-bottom:var(--space-6)}.total-label{padding-top:var(--space-4);font-size:var(--font-size-md);text-align:right;font-weight:720}.total-value{padding-top:var(--space-4);text-align:right}.checkbox-section-grid{margin-top:var(--space-4)}.stack-offset{margin-top:var(--space-3)}.icon-success{color:var(--success)}.icon-danger{color:var(--danger)}.icon-warning{color:var(--warning)}.icon-info{color:var(--info)}.is-readonly{opacity:.62}.loading-panel{height:auto;padding:80px}@media (width<=980px){:root{--sidebar-width:224px}.main-scroll{padding:24px}.form-grid,.grid-2{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-form,.payment-method-row{flex-direction:column;align-items:stretch}.inline-form .btn,.payment-method-row .btn{width:100%}}@media (width<=760px){body{height:auto;overflow:auto}#root,.app-layout{height:auto;min-height:100vh}.app-layout{flex-direction:column;overflow:visible}.sidebar{border-right:none;border-bottom:var(--border-subtle);z-index:20;width:100%;min-width:0;height:auto;max-height:none;box-shadow:var(--shadow-sm);position:sticky;top:0}.sidebar__brand,.sidebar__footer{padding:14px 16px}.sidebar__brand{border-bottom:0}.sidebar__brand-icon,.sidebar__user-avatar{width:32px;height:32px}.sidebar__property-selector{border-bottom:var(--border-subtle);padding:0 16px 12px}.sidebar__property-label{margin-bottom:var(--space-2)}.sidebar__nav{scrollbar-width:none;flex:none;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.sidebar__nav::-webkit-scrollbar{display:none}.sidebar__nav-group{gap:var(--space-2);flex:none;min-width:0;margin-bottom:0;display:flex}.sidebar__nav-group-label{display:none}.sidebar__menu-item{gap:var(--space-2);min-height:36px;padding:0 var(--space-3);white-space:nowrap;border:1px solid #0000;flex:none}.sidebar__menu-item--active:before{width:18px;height:3px;top:auto;bottom:3px;left:50%;transform:translate(-50%)}.sidebar__submenu{gap:var(--space-2);border-left:0;margin:0;display:flex}.sidebar__submenu .sidebar__menu-item{padding:0 var(--space-3)}.sidebar__footer{align-items:center;gap:var(--space-3);border-top:var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;display:grid}.sidebar__user-info{min-width:0;margin-bottom:0}.sidebar__user-roles{display:none}.sidebar__footer .btn{width:auto}.main-content,.main-scroll{overflow:visible}.main-scroll{padding:20px 16px 28px}.page-header{flex-direction:column;align-items:flex-start}.page-header>div:last-child,.page-header .btn{width:100%}.page-header__title-group{align-items:flex-start}.page-header__icon{width:36px;height:36px}.page-header__title{font-size:var(--font-size-lg)}.card,.form-panel,.form-panel__section,.payment-panel,.checkout-panel{padding:var(--space-4)}.card__header,.card-toolbar,.invoice-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.card__header .btn,.card-toolbar .btn{width:100%}.custom-select__menu{max-height:220px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.pagination{flex-direction:column;align-items:stretch}.pagination__info,.pagination__controls,.pagination__btn{width:100%}.pagination__info{flex-direction:column;align-items:stretch}.pagination__select{width:100%}.stats-grid{grid-template-columns:1fr}.detail-title{font-size:var(--font-size-lg)}.unit-badges,.payment-actions{flex-direction:column;align-items:stretch}.payment-actions .btn{width:100%}.text-right,.total-label,.total-value,.cell-right{text-align:left}.text-right .contact-line{justify-content:flex-start}.login-card{width:calc(100% - 32px);padding:36px 24px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text-mono{font-family:var(--font-mono)}.text-right{text-align:right}.text-center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-2)}.mb-md{margin-bottom:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-4)}