:root{color:#12213a;font-synthesis:none;text-rendering:optimizelegibility;background:#eef3f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.mobile-admin-app{width:min(100%,560px);min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom));background:#f7f9fc;margin:0 auto;box-shadow:0 0 60px #0f234114}.mobile-topbar{z-index:20;min-height:74px;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e1e8f2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.mobile-topbar p,.mobile-topbar h1{margin:0}.mobile-topbar p{color:#6a7d98;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.mobile-topbar h1{color:#112039;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:18px;overflow:hidden}.profile-button,.round-action,.sheet-close{color:#1e4fba;background:#fff;border:1px solid #dbe5f1;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.mobile-content{padding:16px}.mobile-page{gap:14px;display:grid}.mobile-welcome{color:#fff;background:linear-gradient(145deg,#165be2,#113a9d);border-radius:24px;padding:22px;overflow:hidden;box-shadow:0 18px 36px #1853cb38}.mobile-welcome>p,.mobile-welcome>h2{margin:0}.mobile-welcome>p{color:#d9e7ff;text-transform:uppercase;font-size:12px;font-weight:800}.mobile-welcome>h2{letter-spacing:-.03em;margin-top:5px;font-size:25px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px;display:grid}.status-grid>div{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;gap:3px;padding:12px;display:grid}.status-grid strong{font-size:23px}.status-grid span{color:#dce8ff;font-size:11px;font-weight:700}.page-heading{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.page-heading h2,.page-heading p{margin:0}.page-heading h2{font-size:18px}.page-heading p{color:#71829a;margin-top:3px;font-size:12px}.mobile-card,.mobile-list,.push-card,.period-filter{background:#fff;border:1px solid #dfe7f1;border-radius:18px;box-shadow:0 8px 26px #1a30500d}.mobile-list{display:grid;overflow:hidden}.mobile-list-item{width:100%;min-height:72px;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;align-items:center;gap:12px;padding:13px 14px;display:flex}.mobile-list-item:last-child{border-bottom:0}.mobile-list-item>div{flex:1;gap:4px;min-width:0;display:grid}.mobile-list-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mobile-list-item small{color:#6b7d95;font-size:12px;line-height:1.35}.mobile-list-item time{color:#95a2b4;font-size:10px}.task-row>svg{color:#8b9bb0;flex:none}.task-detail-link{width:max-content;font-weight:800;color:#1c57c8!important;text-transform:none!important;font-size:10px!important}.task-filters{background:#fff;border:1px solid #dfe7f1;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:13px;display:grid;box-shadow:0 8px 26px #1a30500d}.task-filters label{gap:5px;min-width:0;display:grid}.task-filters label>span{color:#61738c;text-transform:uppercase;font-size:10px;font-weight:800}.task-filters select,.task-filters input{color:#17253b;background:#fff;border:1px solid #d9e3ef;border-radius:11px;outline:0;width:100%;min-width:0;min-height:42px;padding:8px 10px}.task-date-filter,.task-filter-summary{grid-column:1/-1}.task-filter-summary{color:#718198;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:11px;font-weight:700;display:flex}.task-filter-summary button{color:#1d57c7;background:0 0;border:0;padding:3px 0;font-size:11px;font-weight:800}.list-icon,.customer-initial{color:#2460d5;background:#eef4ff;border-radius:13px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-weight:900;display:inline-flex}.list-icon.tone-high{color:#c02b42;background:#fff0f1}.list-icon.tone-medium{color:#aa6812;background:#fff7e7}.list-icon.tone-low{color:#168653;background:#eaf8f0}.mini-status{color:#526a88;text-transform:uppercase;background:#edf3fb;border-radius:999px;width:max-content;padding:4px 7px;font-size:10px;font-weight:800}.text-action{color:#1d57c7;background:0 0;border:0;justify-self:end;align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.mobile-search{color:#71839c;background:#fff;border:1px solid #dce5f0;border-radius:15px;align-items:center;gap:9px;min-height:50px;padding:0 14px;display:flex}.mobile-search input{color:#17253b;border:0;outline:0;width:100%}.customer-row>svg{color:#8b9bb0}.customer-initial.is-large,.profile-avatar{border-radius:20px;width:60px;height:60px;font-size:22px}.mobile-empty{color:#8190a4;text-align:center;padding:24px 16px;font-size:13px}.mobile-error,.form-error{color:#b4233e;background:#fff0f2;border-radius:12px;padding:12px;font-size:13px}.mobile-bottom-nav{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #dce5f0;border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100% - 20px,540px);margin:auto;padding:8px;display:grid;position:fixed;left:10px;box-shadow:0 18px 40px #1125452e}.mobile-bottom-nav button{color:#718097;background:0 0;border:0;border-radius:15px;justify-items:center;gap:3px;min-height:50px;padding:6px 2px;display:grid;position:relative}.mobile-bottom-nav button span{font-size:9px;font-weight:800}.mobile-bottom-nav button i{background:#ef3d59;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:calc(50% - 18px)}.mobile-bottom-nav button.is-active{color:#fff;background:#1857d5}.mobile-sheet-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09142573;justify-content:center;align-items:flex-end;padding-top:48px;display:flex;position:fixed;inset:0}.mobile-sheet{width:min(100%,560px);max-height:calc(100dvh - 48px);padding:26px 20px calc(22px + env(safe-area-inset-bottom));background:#fff;border-radius:26px 26px 0 0;gap:14px;animation:.2s ease-out sheet-up;display:grid;position:relative;overflow-y:auto}.mobile-sheet h2,.mobile-sheet p{margin:0}.mobile-sheet>p{color:#728198}.sheet-close{position:absolute;top:16px;right:16px}.profile-avatar{color:#1f5bd2;background:#edf4ff;justify-content:center;align-items:center;display:inline-flex}.danger-button,.primary-button,.secondary-button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:800;display:inline-flex}.danger-button{color:#bc2640;background:#fff0f2;margin-top:12px}.primary-button{color:#fff;background:#1857d5}.secondary-button{color:#49617e;background:#edf2f8}.task-detail-icon{color:#1e5bd4;background:#edf4ff;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.task-detail-icon.tone-high{color:#c02b42;background:#fff0f1}.task-detail-icon.tone-medium{color:#aa6812;background:#fff7e7}.task-detail-icon.tone-low{color:#168653;background:#eaf8f0}.readonly-note{background:#edf7f2;border-radius:12px;padding:11px 12px;font-size:12px;font-weight:700;color:#287353!important}.task-form :disabled{cursor:not-allowed;color:#728198;opacity:1;background:#f3f6fa}.install-panel{background:#f7faff;border:1px solid #dce7f5;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:6px;padding:13px;display:grid}.install-panel>div{gap:3px;min-width:0;display:grid}.install-panel strong{font-size:13px}.install-panel small{color:#72839b;font-size:11px;line-height:1.35}.install-icon{color:#1857d5;background:#e8f1ff;border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.install-button{color:#fff;background:#1857d5;border:0;border-radius:10px;min-height:36px;padding:0 11px;font-size:11px;font-weight:800}.installed-badge{color:#15794c;text-transform:uppercase;background:#e8f7ef;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.install-help{color:#29405f;background:#eef4ff;border-radius:14px;gap:5px;padding:13px;display:grid}.install-help strong{color:#194cae;font-size:12px}.install-help p{color:#566d8b;font-size:12px;line-height:1.55}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.detail-grid>div{background:#f5f8fc;border-radius:13px;gap:4px;padding:12px;display:grid}.detail-grid span{color:#75859a;text-transform:uppercase;font-size:10px;font-weight:800}.detail-grid strong{overflow-wrap:anywhere;font-size:13px}.customer-sheet h3{margin:8px 0 0;font-size:15px}.compact-list{gap:8px;display:grid}.compact-list>div,.compact-list>button{color:inherit;text-align:left;background:#fff;border:1px solid #e3e9f1;border-radius:12px;gap:4px;padding:11px;display:grid}.compact-list>button{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%}.compact-list>button>div{gap:4px;min-width:0;display:grid}.compact-list>button>svg{color:#8b9bb0}.compact-list span{color:#6e7f96;text-transform:capitalize;font-size:12px}.nested-sheet{z-index:80}.record-sheet h3{margin:8px 0 0;font-size:15px}.record-kind{color:#1c56c8;letter-spacing:.08em;text-transform:uppercase;background:#e9f1ff;border-radius:999px;width:max-content;padding:6px 10px;font-size:10px;font-weight:900}.record-status{color:#506986;text-transform:capitalize;background:#edf3fb;border-radius:999px;width:max-content;padding:6px 10px;font-size:10px;font-weight:900}.record-status.status-active,.record-status.status-settled{color:#15794c;background:#e8f7ef}.record-status.status-rejected,.record-status.status-cancelled{color:#b4233e;background:#fff0f2}.record-notes{white-space:pre-wrap;background:#f5f8fc;border-radius:13px;padding:13px;font-size:12px;line-height:1.55;color:#52677f!important}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag-list span{color:#2257b8;background:#edf4ff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700}.task-form label,.period-filter{gap:6px;display:grid}.task-form label>span,.period-filter>span{color:#5c6f8a;text-transform:uppercase;font-size:11px;font-weight:800}.task-form input,.task-form select,.task-form textarea,.period-filter select{background:#fff;border:1px solid #d9e3ef;border-radius:12px;outline:0;width:100%;min-height:46px;padding:10px 12px}.task-form textarea{resize:vertical;min-height:90px}.period-filter{padding:13px}.report-stack{gap:9px;display:grid}.report-row{justify-content:space-between;align-items:center;padding:16px;display:flex}.report-row span{color:#687b95;font-size:13px}.report-row strong{font-size:19px}.product-mix{gap:13px;padding:16px;display:grid}.product-mix>div{text-transform:capitalize;grid-template-columns:72px 1fr 28px;align-items:center;gap:9px;font-size:12px;display:grid}.product-mix i{background:#e8eef7;border-radius:99px;height:8px;overflow:hidden}.product-mix b{border-radius:inherit;background:#2360da;height:100%;display:block}.push-card{align-items:center;gap:11px;padding:14px;display:flex}.push-card>span{color:#1e5bd4;background:#edf4ff;border-radius:13px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.push-card>div{flex:1;gap:3px;display:grid}.push-card small{color:#75859a}.push-card button{color:#fff;background:#1857d5;border:0;border-radius:10px;min-height:36px;padding:0 12px;font-size:12px;font-weight:800}.push-card button:disabled{color:#69809c;background:#e5ecf5}@keyframes sheet-up{0%{opacity:.7;transform:translateY(28px)}}@media (min-width:700px){body{background:linear-gradient(135deg,#eaf1fa,#f8fafc)}}