:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#172033;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f7f9fc;--surface: #ffffff;--surface-soft: #f8faff;--sidebar: rgba(248, 251, 255, .9);--text: #172033;--muted: #667085;--weak: #98a2b3;--border: #dce3ee;--divider: #e9edf3;--primary: #1677ff;--primary-hover: #0f68e8;--primary-soft: #eaf3ff;--success: #16a56a;--danger: #d92d20;--shadow-sheet: 0 22px 64px rgba(31, 42, 63, .2), 0 4px 16px rgba(31, 42, 63, .08);--radius-control: 9px;--radius-panel: 12px;--sidebar-width: 242px;--topbar-height: 64px;--transition: .17s ease}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 3px #1677ff30}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--primary)}::selection{background:#1677ff2e}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:var(--sidebar-width);flex-direction:column;border-right:1px solid var(--border);background:var(--sidebar);-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.brand{display:flex;height:var(--topbar-height);align-items:center;gap:12px;padding:0 24px;color:#111a2d;font-size:21px;font-weight:700;letter-spacing:-.02em}.brand__icon{display:inline-flex;width:39px;height:39px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:10px;background:var(--primary);color:#fff;box-shadow:0 5px 12px #1677ff33}.brand__icon--large{width:46px;height:46px;border-radius:12px}.side-nav{display:flex;flex:1;flex-direction:column;gap:7px;padding:26px 11px 18px}.side-nav__item{position:relative;display:flex;min-height:50px;align-items:center;gap:13px;padding:0 18px;border-radius:10px;color:#33405a;font-size:15px;font-weight:530;text-decoration:none;transition:background var(--transition),color var(--transition)}.side-nav__item:hover{background:#eaf3ff9e;color:var(--primary)}.side-nav__item.is-active{background:var(--primary-soft);color:var(--primary);font-weight:620}.side-nav__item.is-active:before{position:absolute;top:10px;bottom:10px;left:0;width:3px;border-radius:0 4px 4px 0;background:var(--primary);content:""}.sidebar__footer{margin:0 18px;padding:16px 0 20px;border-top:1px solid var(--border)}.sidebar__logout{display:flex;width:100%;height:42px;align-items:center;gap:11px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:14px}.sidebar__logout:hover{background:#ffffffb8;color:var(--text)}.app-shell__body{min-width:0;min-height:100vh;margin-left:var(--sidebar-width)}.topbar{position:sticky;top:0;z-index:20;display:flex;height:var(--topbar-height);align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:#ffffffdb;padding:0 28px;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.topbar__left,.topbar__actions{display:flex;align-items:center}.topbar__left{gap:10px}.topbar__actions{gap:8px}.topbar__crumb{color:var(--muted);font-size:13px;font-weight:520}.topbar__menu{display:none!important}.icon-button{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:9px;background:transparent;color:#49556c;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.icon-button:hover{border-color:var(--divider);background:#f7f9fc;color:var(--text)}.icon-button--danger,.icon-button--danger:hover{color:var(--danger)}.account-menu{position:relative;margin-left:8px}.account-menu__trigger{display:flex;min-height:42px;align-items:center;gap:9px;padding:3px 7px 3px 4px;border:0;border-radius:11px;background:transparent;cursor:pointer;font-size:14px}.account-menu__trigger:hover{background:#f4f7fb}.avatar{display:inline-flex;width:34px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#fff;font-size:14px;font-weight:650}.avatar--muted{background:#e7edf7;color:#3c4c68}.account-popover{position:absolute;top:calc(100% + 9px);right:0;z-index:80;width:236px;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fffffff7;box-shadow:0 16px 42px #27354f29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.account-popover__identity{display:flex;align-items:center;gap:10px;padding:7px 8px 11px}.account-popover__identity div{display:flex;min-width:0;flex-direction:column;gap:2px}.account-popover__identity strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.account-popover__identity span,.account-popover__demo{color:var(--muted);font-size:12px}.account-popover__demo{display:block;margin:0 8px 8px;padding:6px 8px;border-radius:7px;background:var(--primary-soft);color:#2366c5}.account-popover>button{display:flex;width:100%;height:38px;align-items:center;gap:9px;padding:0 9px;border:0;border-top:1px solid var(--divider);background:transparent;color:#475467;cursor:pointer;font-size:13px}.main-content{min-width:0;padding:28px}.page{width:100%;max-width:1500px;margin:0 auto}.page-header{display:flex;min-height:48px;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-header h1{margin:0;color:#111827;font-size:28px;font-weight:650;letter-spacing:-.025em;line-height:1.25}.page-header p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.page-header__action{display:flex;flex:0 0 auto;align-items:center}.button{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid var(--border);border-radius:var(--radius-control);background:#fff;color:#344054;cursor:pointer;font-size:13px;font-weight:590;line-height:1;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.button:hover:not(:disabled){border-color:#c9d4e3;background:#f9fbfd}.button:active:not(:disabled){transform:translateY(1px)}.button--primary{height:42px;border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 4px 10px #1677ff26}.button--primary:hover:not(:disabled){border-color:var(--primary-hover);background:var(--primary-hover)}.button--ghost{border-color:transparent;background:transparent}.button--danger{border-color:#f4c7c2;background:#fff;color:var(--danger)}.button--small{height:34px;padding:0 11px;font-size:12px}.input,.select,.textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-control);background:#fff;color:var(--text);font-size:13px;font-weight:450;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input,.select{height:40px;padding:0 12px}.select{min-width:150px;cursor:pointer}.textarea{min-height:82px;resize:vertical;padding:10px 12px;line-height:1.5}.input:hover,.select:hover,.textarea:hover{border-color:#c7d1df}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1677ff1f}.input[readonly]{background:#f7f9fc;color:#475467}.input::placeholder,.textarea::placeholder{color:#a0a8b7}.field{display:flex;min-width:0;flex-direction:column;gap:7px}.field__label,.stacked-control>span,.tag-picker legend,.permission-preset legend{color:#344054;font-size:13px;font-weight:570}.field__required{margin-right:4px;color:#f04438}.field__hint,.field__error{font-size:12px;line-height:1.35}.field__hint{color:var(--muted)}.field__error{color:var(--danger)}.filter-bar{display:flex;min-height:76px;align-items:center;gap:14px;margin-bottom:20px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-panel);background:#ffffffd1}.filter-bar--compact{min-height:66px;margin-bottom:16px;padding-block:12px}.filter-bar__group,.filter-bar__actions{display:flex;align-items:center;gap:9px}.filter-bar__dates .input{width:142px}.filter-label{margin-right:2px;color:#344054;font-size:13px;font-weight:570;white-space:nowrap}.date-separator{color:var(--muted);font-size:12px}.search-field{position:relative;display:flex;min-width:220px;flex:1 1 260px;align-items:center}.search-field>svg{position:absolute;left:12px;z-index:1;color:var(--muted);pointer-events:none}.search-field .input{padding-left:38px}.search-field--wide{max-width:460px}.filter-count{margin-left:auto;color:var(--muted);font-size:13px;white-space:nowrap}.table-panel{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:auto;color:#28344a;font-size:13px}.record-table{min-width:1250px}.data-table th,.data-table td{height:56px;padding:0 14px;border-bottom:1px solid var(--divider);text-align:left;white-space:nowrap}.data-table th{height:52px;background:#fafbfd;color:#2f3a50;font-size:13px;font-weight:650}.data-table th+th,.data-table td+td{border-left:1px solid rgba(233,237,243,.7)}.data-table tbody tr{transition:background var(--transition)}.data-table tbody tr:hover,.data-table tbody tr.is-selected{background:#f3f8ff}.data-table tbody tr:last-child td{border-bottom:0}.checkbox-cell{width:46px;padding-right:8px!important;padding-left:16px!important}.actions-cell{width:90px;text-align:center!important}.text-strong{color:#1d2939;font-weight:570}.tabular,.money{font-variant-numeric:tabular-nums}.money{color:#0568ed;font-weight:590}.remark-cell{max-width:180px;overflow:hidden;color:#475467;text-overflow:ellipsis}.table-action{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;margin:0 1px;border:0;border-radius:7px;background:transparent;color:var(--primary);cursor:pointer}.table-action:hover{background:var(--primary-soft)}.table-action--danger{color:var(--danger)}.table-action--danger:hover{background:#fff1f0}.table-footer{display:flex;min-height:60px;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--divider);color:var(--muted);font-size:13px}.pagination{display:flex;align-items:center;gap:7px}.pagination button,.pagination>span:first-of-type{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#fff;color:#344054}.pagination button{cursor:pointer}.pagination>span:first-of-type{border-color:var(--primary);color:var(--primary);font-weight:600}.pagination__total{margin-right:2px}.tag-list{display:flex;flex-wrap:wrap;gap:5px}.tag{display:inline-flex;height:25px;align-items:center;padding:0 8px;border:1px solid #e0e5ec;border-radius:6px;background:#f3f5f8;color:#475467;font-size:11px;font-weight:570;line-height:1;white-space:nowrap}.tag--green{border-color:#c9ead9;background:#eaf8f0;color:#128252}.tag--blue{border-color:#cfe2ff;background:#ebf3ff;color:#1768d9}.empty-state{display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:34px;color:var(--weak);text-align:center}.empty-state svg{margin-bottom:3px;color:#aab4c4}.empty-state strong{color:#475467;font-size:15px}.empty-state span{font-size:13px}.skeleton-row span{display:block;width:76%;height:12px;border-radius:6px;background:#edf1f6;animation:pulse 1.4s ease-in-out infinite}.status-message{margin:-6px 0 14px;padding:9px 12px;border:1px solid #cfe0fa;border-radius:9px;background:#f2f7ff;color:#245fae;font-size:13px}.status-message--success{border-color:#cae8d8;background:#eef9f3;color:#16764e}.status-message--error{border-color:#f2c9c4;background:#fff3f1;color:#b42318}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#141c2b6e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .15s ease-out}.modal{width:min(100%,600px);max-height:min(88vh,860px);overflow:hidden;border:1px solid rgba(215,222,233,.92);border-radius:14px;background:#fffffffa;box-shadow:var(--shadow-sheet);animation:sheet-in .18s ease-out}.modal--small{width:min(100%,440px)}.modal--large{width:min(100%,760px)}.modal__header,.modal__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 24px}.modal__header{min-height:66px;border-bottom:1px solid var(--divider)}.modal__header h2{margin:0;font-size:17px;font-weight:650}.modal__header p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal__body{max-height:calc(88vh - 132px);overflow-y:auto;padding:22px 24px 24px}.modal__footer{justify-content:flex-end;min-height:66px;border-top:1px solid var(--divider)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px}.field--full{grid-column:1 / -1}.form-section-title{margin-top:2px;padding-top:17px;border-top:1px solid var(--divider);color:#344054;font-size:13px;font-weight:650}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:12px;z-index:1;color:var(--muted)}.input-with-icon .input{padding-left:39px}.input-with-icon--action .input{padding-right:42px}.input-with-icon--action>button{position:absolute;right:4px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:32px 20px;background:#f4f7fb}.boot-screen{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:var(--bg);color:var(--muted);font-size:13px}.boot-spinner{color:var(--primary);animation:spin .7s linear infinite}.login-panel{width:min(100%,430px);padding:32px;border:1px solid rgba(214,222,233,.9);border-radius:17px;background:#ffffffe6;box-shadow:0 18px 50px #2a39521c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-panel__brand{display:flex;align-items:center;gap:13px;font-size:22px;font-weight:700;letter-spacing:-.02em}.login-panel__heading{margin:34px 0 25px}.login-panel__heading h1{margin:0;font-size:28px;font-weight:650;letter-spacing:-.025em}.login-panel__heading p{margin:8px 0 0;color:var(--muted);font-size:14px}.login-form{display:flex;flex-direction:column;gap:18px}.login-form .status-message{margin:-3px 0 0}.login-form__submit{width:100%;margin-top:2px}.password-change-panel{width:min(100%,460px)}.password-change-panel .login-panel__heading{margin-bottom:23px}.password-change-panel .login-panel__heading h1{font-size:26px}.password-visibility-toggle{display:inline-flex;width:max-content;align-items:center;gap:6px;margin-top:-7px;padding:2px 0;border:0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px}.password-visibility-toggle:hover{color:var(--primary)}.password-visibility-toggle:focus-visible{border-radius:4px;outline:2px solid rgba(37,99,235,.35);outline-offset:3px}.demo-accounts{margin-top:24px;padding-top:19px;border-top:1px solid var(--divider)}.demo-accounts>span{display:block;margin-bottom:9px;color:var(--weak);font-size:11px;font-weight:620;letter-spacing:.04em}.demo-accounts>div{display:flex;gap:7px}.demo-accounts button{flex:1;height:34px;border:1px solid var(--border);border-radius:8px;background:#f8fafc;color:#475467;cursor:pointer;font-size:12px}.demo-accounts button:hover{border-color:#b8cee9;background:var(--primary-soft);color:var(--primary)}.login-footer{margin:0;color:#8490a3;font-size:12px}.customer-layout,.account-layout{display:grid;grid-template-columns:minmax(480px,1.4fr) minmax(330px,.8fr);min-height:580px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff}.customer-list-panel,.account-list{min-width:0;border-right:1px solid var(--border)}.customer-row,.account-row{display:grid;width:100%;min-height:78px;align-items:center;gap:12px;padding:12px 16px;border:0;border-bottom:1px solid var(--divider);background:#fff;color:inherit;cursor:pointer;text-align:left;transition:background var(--transition)}.customer-row{grid-template-columns:38px minmax(220px,1fr) minmax(120px,.55fr)}.customer-row:hover,.customer-row.is-active,.account-row:hover,.account-row.is-active{background:#f4f8ff}.customer-row.is-active,.account-row.is-active{box-shadow:inset 3px 0 var(--primary)}.customer-row__avatar,.customer-detail__icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.customer-row__main{display:flex;min-width:0;flex-direction:column;gap:7px}.customer-row__main>span:first-child{display:flex;align-items:baseline;gap:10px}.customer-row__main strong{font-size:14px;font-weight:620}.customer-row__main small,.customer-row__contact small,.account-row__identity small{color:var(--muted);font-size:11px;font-weight:450}.customer-row__contact{display:flex;flex-direction:column;gap:4px;color:#475467;font-size:13px}.customer-detail,.permission-panel{min-width:0;padding:22px;background:#fbfcfe}.customer-detail__header,.permission-panel__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-detail__header>div:first-child,.permission-panel__header>div:first-child{display:flex;min-width:0;align-items:center;gap:12px}.customer-detail h2,.permission-panel h2,.profile-sheet h2{margin:0;font-size:18px;font-weight:650}.customer-detail__header p,.permission-panel__header p,.profile-sheet__header p{margin:3px 0 0;color:var(--muted);font-size:12px}.customer-detail__actions{display:flex}.customer-detail__tags{margin:18px 0}.detail-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--divider)}.detail-section h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#344054;font-size:13px;font-weight:640}.detail-section dl{display:flex;margin:0;flex-direction:column;gap:10px}.detail-section dl>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;font-size:12px;line-height:1.55}.detail-section dt{color:var(--weak)}.detail-section dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#475467}.tag-picker,.permission-preset{min-width:0;margin:0;padding:0;border:0}.tag-picker__options{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.tag-picker__options label{display:flex;align-items:center;gap:6px;cursor:pointer}.tag-picker__new{display:flex;max-width:340px;gap:8px;margin-top:12px}.profile-sheet{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff}.profile-sheet__header{display:flex;align-items:center;gap:14px;min-height:88px;padding:18px 22px;border-bottom:1px solid var(--divider)}.profile-sheet__header .tag-list{margin-left:auto}.profile-sheet__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.profile-sheet__grid .detail-section{margin:0;padding:22px;border:0}.profile-sheet__grid .detail-section+.detail-section{border-left:1px solid var(--divider)}.profile-sheet__notes{padding:18px 22px;border-top:1px solid var(--divider);font-size:13px}.profile-sheet__notes p{margin:6px 0 0;color:var(--muted)}.bill-filter{align-items:flex-end}.stacked-control{display:flex;min-width:145px;flex-direction:column;gap:7px}.bill-filter__search{max-width:280px}.bill-total{display:flex;min-height:42px;align-items:center;gap:13px;margin-left:auto;padding-left:18px;border-left:1px solid var(--divider);white-space:nowrap}.bill-total span{color:#344054;font-size:13px;font-weight:580}.bill-total strong{color:#0568ed;font-size:20px;font-weight:650;font-variant-numeric:tabular-nums}.bill-table{min-width:850px}.privacy-note{margin:12px 2px 0;color:var(--muted);font-size:12px;line-height:1.5}.account-layout{grid-template-columns:minmax(420px,.95fr) minmax(420px,1.05fr)}.account-row{grid-template-columns:36px minmax(140px,1fr) 84px 62px}.account-row__identity{display:flex;min-width:0;flex-direction:column;gap:3px}.account-row__identity strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.role-badge,.status-dot{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:560}.role-badge{height:25px;border-radius:6px;background:#f0f2f5;color:#475467}.role-badge--admin{background:#ebf3ff;color:#1768d9}.role-badge--customer{background:#eaf8f0;color:#128252}.status-dot{gap:5px;color:var(--weak)}.status-dot:before{width:7px;height:7px;border-radius:50%;background:#c3cad5;content:""}.status-dot.is-active{color:#168456}.status-dot.is-active:before{background:var(--success)}.switch{position:relative;width:42px;height:24px;flex:0 0 auto;border:0;border-radius:999px;background:#c7cfdb;cursor:pointer;transition:background var(--transition)}.switch span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #232d4038;transition:transform var(--transition)}.switch.is-on{background:var(--primary)}.switch.is-on span{transform:translate(18px)}.permission-list{margin-top:23px;border:1px solid var(--border);border-radius:11px;background:#fff}.permission-list__intro,.permission-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border-bottom:1px solid var(--divider)}.permission-list__intro{justify-content:flex-start;background:#f8faff}.permission-list__intro svg{color:var(--primary)}.permission-list__intro>div,.permission-row>div{display:flex;min-width:0;flex-direction:column;gap:3px}.permission-list strong,.permission-row strong{color:#344054;font-size:13px;font-weight:620}.permission-list span,.permission-row span{color:var(--muted);font-size:11px;line-height:1.45}.permission-row:last-child{border-bottom:0}.account-scope{display:flex;min-height:340px;align-items:center;justify-content:center;flex-direction:column;padding:34px;color:var(--primary);text-align:center}.account-scope h3{margin:13px 0 6px;color:#344054;font-size:16px}.account-scope p{max-width:360px;margin:0;color:var(--muted);font-size:13px;line-height:1.65}.permission-preset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.permission-preset legend{margin-bottom:9px}.permission-preset label{display:flex;min-height:52px;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--divider);border-radius:9px;cursor:pointer}.permission-preset label>span{display:flex;flex-direction:column;gap:2px}.permission-preset strong{color:#344054;font-size:12px}.permission-preset small{color:var(--muted);font-size:10px;line-height:1.3}.drawer-backdrop,.mobile-nav{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.filter-bar{flex-wrap:wrap}.filter-bar .search-field{min-width:280px}.bill-total{margin-left:0}.customer-layout,.account-layout{grid-template-columns:minmax(390px,1fr) minmax(310px,.75fr)}}@media(max-width:900px){:root{--topbar-height: 60px}.sidebar{display:none}.app-shell__body{margin-left:0}.topbar{padding:0 18px}.topbar__menu{display:inline-flex!important}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:block;background:#151e2c59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-drawer{position:relative;display:flex;width:min(82vw,286px);height:100%;flex-direction:column;border-right:1px solid var(--border);background:#f8fbfff7;box-shadow:12px 0 40px #1f2a3f2b;animation:drawer-in .18s ease-out}.drawer-close{position:absolute;top:12px;right:10px}.mobile-drawer .brand{padding-right:55px}.main-content{padding:24px 20px 92px}.mobile-nav{position:fixed;right:12px;bottom:10px;left:12px;z-index:40;display:flex;min-height:62px;align-items:center;justify-content:space-around;gap:4px;padding:6px;border:1px solid rgba(211,220,232,.9);border-radius:15px;background:#ffffffeb;box-shadow:0 12px 30px #26354f29;-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15)}.mobile-nav a{display:flex;min-width:66px;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:10px;color:var(--muted);font-size:10px;font-weight:560;text-decoration:none}.mobile-nav a.is-active{background:var(--primary-soft);color:var(--primary)}.customer-layout,.account-layout{grid-template-columns:minmax(0,1fr)}.customer-list-panel,.account-list{border-right:0;border-bottom:1px solid var(--border)}.customer-detail,.permission-panel{min-height:460px}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}}@media(max-width:640px){.topbar{padding:0 12px}.topbar__utility,.account-menu__name{display:none}.account-menu{margin-left:0}.main-content{padding:19px 14px 88px}.page-header{align-items:center;margin-bottom:16px}.page-header h1{font-size:24px}.page-header p{display:none}.page-header__action .button{padding:0 12px}.filter-bar{align-items:stretch;gap:10px;padding:12px}.filter-bar>*,.filter-bar .search-field,.filter-bar .select,.filter-bar .stacked-control{width:100%;max-width:none;min-width:0}.filter-bar__dates{display:grid;width:100%;grid-template-columns:1fr auto 1fr}.filter-bar__dates .filter-label{grid-column:1 / -1}.filter-bar__dates .input,.filter-bar__actions{width:100%}.filter-bar__actions .button{flex:1}.filter-count{width:100%;margin:0}.bill-total{width:100%;justify-content:space-between;margin:0;padding:12px 0 0;border-top:1px solid var(--divider);border-left:0}.bill-total strong{font-size:18px}.table-footer{min-height:56px}.modal-backdrop{align-items:flex-end;padding:0}.modal,.modal--small,.modal--large{width:100%;max-height:94vh;border-radius:15px 15px 0 0}.modal__header,.modal__footer{padding-right:16px;padding-left:16px}.modal__body{max-height:calc(94vh - 132px);padding:18px 16px 22px}.form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.field--full{grid-column:auto}.customer-row{grid-template-columns:38px minmax(0,1fr)}.customer-row__contact{display:none}.customer-detail,.permission-panel{padding:18px 15px}.profile-sheet__header{flex-wrap:wrap}.profile-sheet__header .tag-list{width:100%;margin:0}.profile-sheet__grid{grid-template-columns:minmax(0,1fr)}.profile-sheet__grid .detail-section+.detail-section{border-top:1px solid var(--divider);border-left:0}.account-row{grid-template-columns:36px minmax(105px,1fr) 74px}.account-row .status-dot{display:none}.permission-preset{grid-template-columns:minmax(0,1fr)}.login-panel{padding:25px 21px}.demo-accounts{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}