body{overflow-x:hidden}.crm-layout{background:#fff7fa;min-height:100vh;display:flex}.crm-sidebar{background:linear-gradient(#ffe4ed,#fff1f5);border-right:1px solid #f6c8d8;flex-shrink:0;width:236px;padding:16px}.crm-main{flex:1;min-width:0;padding:12px}.crm-topbar{background:#ffe3ec;border-radius:12px;align-items:center;gap:20px;min-height:56px;padding:8px 16px;display:flex}.crm-search{background:#fff;border:1px solid #ffd0df;border-radius:24px;flex:1;min-width:0;max-width:600px;padding:11px 16px;font-size:14px}.crm-menu{flex-direction:column;gap:4px;margin-top:20px;display:flex}.crm-menu button{text-align:left;color:#333;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;width:100%;padding:11px 8px;font-size:13px}.crm-menu button.active{color:#fff;background:#ff1680;font-weight:700}.crm-card{background:#fff;border:1px solid #f2e5eb;border-radius:12px;min-width:0;padding:16px}.crm-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.crm-panel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.crm-panel-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-banner{color:#fff;background:linear-gradient(90deg,#08193be0,#08193b8c 30%,#08193b00 60%),#17365b url(/banner2.png) 50%/cover no-repeat;border-radius:12px;min-height:320px;margin-top:10px;padding:28px 32px}.crm-banner h1{margin:8px 0;font-size:30px}.crm-banner h2{color:#ffe57b;margin:0}.crm-mobile-header,.crm-bottom-nav,.crm-menu-backdrop{display:none}@media (width<=1100px){.crm-grid,.crm-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.crm-layout{width:100%;display:block}.crm-mobile-header{z-index:60;background:#ffe3ec;border-bottom:1px solid #f6c8d8;justify-content:space-between;align-items:center;gap:10px;height:58px;padding:0 14px;display:flex;position:sticky;top:0}.crm-mobile-header strong{color:#bd135c;font-size:16px}.crm-icon-button{color:#e41670;cursor:pointer;background:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.crm-sidebar{z-index:80;width:min(300px,85vw);height:100dvh;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:4px 0 20px #00000014}.crm-sidebar.open{transform:translate(0)}.crm-menu-backdrop.open{z-index:70;background:#0006;display:block;position:fixed;inset:0}.crm-sidebar-close{justify-content:flex-end;display:flex}.crm-main{width:100%;padding:10px 10px 90px;overflow-x:clip}.crm-topbar{border-radius:10px;flex-wrap:wrap;gap:8px;padding:10px}.crm-search{flex-basis:100%;width:100%;max-width:none;font-size:16px}.crm-topbar-info{justify-content:space-between;gap:8px;width:100%;font-size:11px!important}.crm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.crm-grid .crm-card{padding:12px}.crm-summary-value{font-size:24px!important}.crm-panel-grid,.crm-panel-grid.two{grid-template-columns:minmax(0,1fr);gap:10px}.crm-card{overflow-wrap:anywhere;padding:14px}.crm-banner{background-position:50%;min-height:190px;padding:22px 18px}.crm-banner h1{font-size:24px}.crm-banner h2{font-size:17px}.crm-banner p{font-size:12px}.crm-bottom-nav{z-index:60;padding:7px 4px max(7px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #f3d3de;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #0000000d}.crm-bottom-nav button{color:#666;cursor:pointer;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 0;font-size:11px;display:flex}.crm-bottom-nav button.active{color:#f31675;background:#fff0f6;font-weight:700}.crm-main img,.crm-main input,.crm-main select,.crm-main textarea,.crm-main table{max-width:100%}}@media (width>=701px){.crm-sidebar-close{display:none}}:root{color:#273044;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff7fa;font-family:Malgun Gothic,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #ff4b93}