*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{background:#f5f6fa}.app-shell{min-height:100vh}.app-sider{position:fixed!important;inset-block:0;inset-inline-start:0;height:100vh;height:100dvh;box-shadow:4px 0 24px #0f10231f;z-index:30;overflow:hidden}.app-main{width:calc(100% - 248px);min-width:0;margin-inline-start:248px;transition:margin-inline-start .2s,width .2s}.app-sider.ant-layout-sider-collapsed+.app-main{width:calc(100% - 76px);margin-inline-start:76px}.app-sider .ant-layout-sider-children{height:100%;display:flex;flex-direction:column}.brand{height:78px;min-height:78px;display:flex;align-items:center;gap:12px;padding:0 20px;color:#fff}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#7c6df2,#4f46c6);font-size:20px;font-weight:800;box-shadow:0 8px 24px #5b5bd666}.brand-title{display:block;font-size:16px;letter-spacing:.5px;white-space:nowrap}.main-menu{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:10px;border-inline-end:0!important;background:transparent!important;scrollbar-width:thin;scrollbar-color:#3e415d transparent}.main-menu::-webkit-scrollbar{width:5px}.main-menu::-webkit-scrollbar-thumb{background:#3e415d;border-radius:8px}.main-menu::-webkit-scrollbar-track{background:transparent}.main-menu .ant-menu-item,.main-menu .ant-menu-submenu-title{margin-block:4px!important;border-radius:8px!important}.main-menu .ant-menu-item-selected{background:linear-gradient(90deg,#5b5bd6,#7777e8)!important;box-shadow:0 6px 18px #5b5bd64d}.sider-foot{position:static;flex:none;height:54px;padding:0 22px;display:flex;align-items:center;gap:9px;color:#8d91ab;font-size:12px;background:#17182b;border-top:1px solid rgba(255,255,255,.06)}.app-version{margin-left:auto;color:#666b85}.status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 4px #4ade801f}.app-header{height:64px;padding:0 28px!important;display:flex;align-items:center;justify-content:space-between;background:#fff!important;border-bottom:1px solid #eceef4;box-shadow:0 1px 8px #2022370a;position:sticky;top:0;z-index:20}.app-header:after{content:"";position:absolute;top:100%;left:0;right:0;height:24px;background:#f5f6fa;pointer-events:none}.header-nav{display:flex;align-items:center;gap:16px;min-width:0}.header-nav .ant-breadcrumb{white-space:nowrap}.header-nav .ant-breadcrumb a{color:#73788b}.header-nav .ant-breadcrumb a:hover{color:#5b5bd6}.user{cursor:pointer;color:#4e5264}.content{padding:24px 30px 40px;min-width:0}.page-heading{margin:0 0 24px}.page-heading h3{margin:0 0 5px!important;font-size:25px!important}.overview-content{padding:0;min-height:100dvh}.overview-card{height:100dvh;border:0;box-shadow:none;border-radius:0}.overview-card .ant-card-body,.overview-hero{height:100%;padding:0}.overview-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.overview-hero-copy{position:absolute;left:8%;top:50%;transform:translateY(-50%);max-width:42%;color:#292d55}.overview-hero-copy h2{margin:0 0 16px;font-size:clamp(28px,2.6vw,44px);line-height:1.25}.overview-hero-copy p{margin:0;color:#555b78;font-size:clamp(14px,1.25vw,18px)}@media(max-width:900px){.overview-hero img{object-position:60% center}.overview-hero-copy{left:7%;max-width:52%}.overview-hero-copy h2{font-size:clamp(22px,3.8vw,30px)}}@media(max-width:640px){.overview-hero img{object-position:63% center}.overview-hero-copy{top:38%;max-width:65%}.overview-hero-copy h2{margin-bottom:8px;font-size:20px}.overview-hero-copy p{font-size:12px}}.filter-card,.data-card{box-shadow:0 5px 20px #1c1f410e;border:1px solid #eceef4}.filter-card{margin-bottom:18px}.filter-card .ant-form-item{margin-bottom:0;min-width:180px}.filter-card .ant-picker,.filter-card .ant-input-affix-wrapper{width:190px}.filter-card .ant-input-affix-wrapper .ant-input{width:100%}.koc-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr)) auto;gap:12px;align-items:center}.compact-filter-field{height:36px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;border:1px solid #d9dce5;border-radius:6px;background:#fff;overflow:hidden;transition:border-color .15s ease-out}.compact-filter-field:focus-within{border-color:#5b5bd6}.compact-filter-field>span{padding-left:12px;color:#4e5264;font-size:13px;white-space:nowrap}.compact-filter-field input,.compact-filter-field .ant-select-selection-item,.compact-filter-field .ant-select-selection-placeholder{font-size:13px!important}.compact-filter-field .ant-select,.compact-filter-field .ant-picker,.compact-filter-field .ant-input-affix-wrapper{width:100%!important}.compact-filter-field .ant-input-affix-wrapper,.compact-filter-field .ant-picker{background:transparent}.compact-filter-field .ant-select,.compact-filter-field .ant-select:hover,.compact-filter-field .ant-select-focused,.compact-filter-field .ant-select:focus,.compact-filter-field .ant-select:focus-within,.compact-filter-field .ant-select-selector,.compact-filter-field .ant-select-focused .ant-select-selector,.compact-filter-field .ant-input-affix-wrapper,.compact-filter-field .ant-input-affix-wrapper-focused,.compact-filter-field .ant-picker,.compact-filter-field .ant-picker-focused{border:0!important;outline:0!important;box-shadow:none!important}.compact-filter-actions{white-space:nowrap}.koc-filter-grid.store-filter-grid{grid-template-columns:repeat(6,minmax(180px,1fr)) auto}.data-card .ant-card-head{min-height:64px;border-bottom-color:#eff0f5}.title-icon{color:#5b5bd6;background:#eef;padding:8px;border-radius:8px;font-size:17px}.ant-table-wrapper .ant-table-thead>tr>th{font-size:12px;text-transform:none;white-space:nowrap}.ant-table-wrapper .ant-table-tbody>tr>td{font-size:13px}.ant-table-wrapper .ant-table-row:hover>td{background:#f7f7ff!important}.ant-table-wrapper .nowrap-cell{white-space:nowrap}.ant-table-wrapper .table-actions{text-align:left!important;padding-inline:8px!important;background:#fff!important;box-shadow:-8px 0 12px -10px #1c1f4152}.ant-table-wrapper .ant-table-thead .table-actions{background:#f7f8fc!important}.ant-table-wrapper .ant-table-row:hover .table-actions{background:#f7f7ff!important}.ant-table-wrapper .table-actions .ant-btn-link{padding-inline:4px}@media(max-width:1500px){.koc-filter-grid.store-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.store-filter-grid .compact-filter-actions{grid-column:1/-1}}@media(max-width:1200px){.koc-filter-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.compact-filter-actions{grid-column:1/-1}}@media(max-width:900px){.app-header:after{height:18px}.content{padding:18px}.filter-card .ant-form-item{min-width:calc(50% - 8px)}.filter-card .ant-picker,.filter-card .ant-input-affix-wrapper{width:100%}}@media(max-width:640px){.koc-filter-grid,.koc-filter-grid.store-filter-grid{grid-template-columns:1fr}}@media(max-width:900px){.content.overview-content{padding:0}.overview-hero-copy{max-width:85%}}.auth-loading,.login-page{min-height:100dvh;display:grid;place-items:center;background:#f5f7fa}.data-card>.ant-card-body>.ant-flex>div:first-child .ant-tree{max-height:620px;overflow:auto;padding:2px 4px}.data-card>.ant-card-body>.ant-flex>div:first-child .ant-tree-treenode{padding:2px 0;width:100%}.data-card>.ant-card-body>.ant-flex>div:first-child .ant-tree-node-content-wrapper{padding:5px 8px;border-radius:7px}.data-card>.ant-card-body>.ant-flex>div:first-child .ant-tree-node-selected{background:#eef!important;color:#4f46c6}.data-card>.ant-card-body>.ant-flex>div:first-child .ant-tree-switcher{color:#8b90a3}.department-count{min-width:24px;margin-left:12px;padding:1px 7px;border-radius:10px;background:#f0f1f5;color:#7b8092;font-size:11px;text-align:center}.ant-tree-node-selected .department-count{background:#dedeff;color:#4f46c6}.module-edit-modal .ant-modal-header{margin-bottom:24px}.module-edit-modal .ant-modal-footer{margin-top:4px;padding-top:20px;border-top:1px solid #f0f1f5}.module-edit-modal .module-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;max-height:65vh;overflow:auto}.module-edit-form{padding-right:4px}.module-edit-modal .module-edit-form>.ant-form-item{min-width:0;margin-bottom:18px}.module-edit-modal .module-edit-form>.form-span-two{grid-column:span 2}.koc-end-date-control{display:flex;align-items:center;gap:12px}.koc-end-date-control>.ant-form-item{flex:1;min-width:0;margin:0}.koc-end-date-control .ant-checkbox-wrapper{flex:none;white-space:nowrap}@media(max-width:640px){.module-edit-modal .module-edit-form{grid-template-columns:1fr}.module-edit-modal .module-edit-form>.form-span-two{grid-column:auto}}.login-page{padding:24px}.login-card{width:min(420px,100%);padding:18px;text-align:left;border:1px solid #e5e8ec;box-shadow:0 12px 40px #1d212914}.login-logo{width:44px;height:44px;margin-bottom:20px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:700;background:#5b5bd6}.login-card h2{margin:0 0 8px}.login-card>.ant-typography{display:block}.login-method-switch{margin:24px 0 20px}.feishu-qr-wrap{display:grid;min-height:300px;margin-bottom:16px;place-items:center}.feishu-qr-wrap>.ant-typography+#feishu-qr-login{display:none}#feishu-qr-login{width:300px;min-height:300px}.login-error{margin-top:16px}.secondary-login{color:#5b5bd6!important;border-color:#c9d8f7!important}