:root{color:#17201a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#36b37e;border:0;border-radius:6px;min-height:40px}button:disabled{cursor:not-allowed;opacity:.56}button:hover:not(:disabled){background:#259767}.login-shell{background:linear-gradient(135deg,#f7fbff 0%,#eef8f3 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dde7e2;border-radius:8px;gap:18px;width:min(430px,100%);padding:28px;display:grid;box-shadow:0 16px 44px #17201a14}.login-logo{object-fit:cover;border:1px solid #e7efeb;border-radius:8px;width:82px;height:82px}.login-panel label{color:#52615a;gap:8px;display:grid}.login-panel input,.admin-create-form input,.admin-create-form select,.user-filters input,.user-filters select,.order-filters input,.order-filters select,.inline-field input,.product-config-form input,.agreement-form input,.agreement-form textarea,.report-template-form input,.report-template-form textarea{background:#fff;border:1px solid #cfdad5;border-radius:6px;min-height:42px;padding:0 12px}.agreement-form textarea,.report-template-form textarea{resize:vertical;min-height:260px;padding:12px;line-height:1.55}.login-panel input:focus,.admin-create-form input:focus,.admin-create-form select:focus,.user-filters input:focus,.user-filters select:focus,.order-filters input:focus,.order-filters select:focus,.inline-field input:focus,.product-config-form input:focus,.agreement-form input:focus,.agreement-form textarea:focus,.report-template-form input:focus,.report-template-form textarea:focus{border-color:#61a5fa;outline:3px solid #61a5fa2e}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#16231d;flex-direction:column;gap:20px;padding:22px;display:flex}.brand{grid-template-columns:52px 1fr;align-items:center;gap:12px;display:grid}.brand img{object-fit:cover;border:1px solid #ffffff38;border-radius:8px;width:52px;height:52px}.sidebar h1,.content h2,.panel h3{letter-spacing:0;margin:0}.sidebar h1{font-size:1.1rem}.sidebar nav{gap:10px;display:grid}.sidebar button{text-align:left;background:#ffffff14;width:100%;padding:0 12px}.sidebar button.active,.sidebar button:hover{background:#36b37e}.sidebar .ghost{color:#d7e5de;background:#ffffff14;margin-top:auto}.content{padding:30px}.stack{gap:20px;display:grid}.page-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.eyebrow{color:#248a63;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:700}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px;display:grid}.metric,.empty,.denied,.panel,.plan-card{background:#fff;border:1px solid #dde7e2;border-radius:8px}.metric{gap:8px;min-height:132px;padding:18px;display:grid}.metric span,.metric small,.plan-card span,.plan-card small,.setting-row p{color:#52615a}.metric strong{letter-spacing:0;font-size:1.8rem}.panel-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;display:grid}.workbench-strip{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.workbench-strip.compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.workbench-card{background:#fff;border:1px solid #d8e7e1;border-radius:8px;align-content:start;gap:8px;min-height:118px;padding:16px;display:grid}.workbench-card strong{color:#17201a;font-size:1rem}.workbench-card p{color:#52615a;margin:0;font-size:.9rem;line-height:1.45}.workbench-card div{flex-wrap:wrap;gap:8px;display:flex}.workbench-card span{color:#176546;background:#eef8f3;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:.78rem;font-weight:700;display:inline-flex}.table-toolbar{color:#52615a;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:0 2px;display:flex}.table-toolbar strong{color:#17201a;font-size:1rem}.panel{gap:16px;padding:18px;display:grid}.plan-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.plan-card{border-color:#d6ebe3;gap:10px;padding:16px;display:grid}.plan-card div,.setting-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.compact-form{border-top:1px solid #e5eee9;margin-top:18px;padding-top:18px}.inline-field{color:#52615a;gap:6px;font-size:.86rem;font-weight:700;display:grid}.inline-field input{width:128px}.plan-card p{color:#176546;margin:0;font-size:1.35rem;font-weight:800}.rule-list{gap:10px;display:grid}.rule-row{border-bottom:1px solid #edf2ef;justify-content:space-between;gap:14px;padding:10px 0;display:flex}.rule-row:last-child{border-bottom:0}.status-pill{color:#506078;white-space:nowrap;background:#e8f1fe;border:1px solid #cfe3fd;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;display:inline-flex}.status-pill.enabled{color:#176546;background:#e6f6ef;border-color:#b9e8d2}.status-pill.warning{color:#8a5c12;background:#fff7df;border-color:#f4dc96}.status-pill.blocked{color:#9f2f2f;background:#fff1f1;border-color:#f1c8c8}.secondary{background:#61a5fa;min-width:108px}.secondary:hover:not(:disabled){background:#418ce8}.secondary.danger{background:#52615a}.secondary.danger:hover:not(:disabled){background:#3f4d47}.table{background:#fff;border:1px solid #dde7e2;border-radius:8px;overflow:auto}.table-row{border-bottom:1px solid #edf2ef;gap:12px;min-width:760px;padding:14px 16px;display:grid}.users-grid{grid-template-columns:1.45fr 1.25fr 1fr 1.65fr .9fr 1.45fr;min-width:1540px}.orders-grid{grid-template-columns:1.25fr 1.85fr 1.1fr 1.35fr;min-width:1360px}.products-grid{grid-template-columns:1.35fr 1fr .75fr .65fr .6fr .8fr 1.45fr .9fr 1fr .65fr;min-width:1480px}.feedback-grid{grid-template-columns:1.2fr 1.3fr 2fr .6fr .8fr 1.2fr 1.4fr;min-width:1180px}.friend-invitations-grid{grid-template-columns:1.45fr 1.25fr 1.25fr .65fr .75fr 1.25fr 1.25fr;min-width:1260px}.admin-accounts-grid{grid-template-columns:1fr .9fr 2fr .7fr 1.2fr 1.6fr;min-width:1180px}.audit-grid{grid-template-columns:.9fr 1.25fr 1.05fr 2.2fr 1.05fr;min-width:1320px}.audit-details{gap:6px;display:grid}.audit-detail-line{color:#26352d;background:#f6fbf8;border:1px solid #d9e8e1;border-radius:6px;width:fit-content;max-width:100%;padding:4px 8px;line-height:1.35}.profile-summary{gap:4px;min-width:0;display:grid}.ops-cell{align-content:start;gap:6px;min-width:0;display:grid}.ops-cell strong{color:#1d3128;overflow-wrap:anywhere;font-size:.95rem}.ops-cell small{color:#65766e;overflow-wrap:anywhere;line-height:1.35}.profile-summary strong{color:#1d3128;font-size:.92rem}.profile-summary small{color:#65766e;overflow-wrap:anywhere;line-height:1.35}.table-row:last-child{border-bottom:0}.user-actions,.order-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.product-actions{align-items:center;display:flex}.product-config-form{align-items:center}.product-config-form input{width:100%}.agreement-list,.report-template-list{gap:16px;display:grid}.agreement-form,.report-template-form{gap:14px;display:grid}.agreement-form-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.agreement-fields{grid-template-columns:minmax(220px,1fr) minmax(160px,.35fr);gap:12px;display:grid}.report-template-grid{grid-template-columns:minmax(220px,1fr) minmax(280px,1.2fr);gap:12px;display:grid}.agreement-fields label,.agreement-content-field,.report-template-grid label{color:#52615a;gap:8px;display:grid}.evidence-list{gap:10px;display:grid}.evidence-list h4{margin:0}.evidence-row{grid-template-columns:minmax(140px,.55fr) minmax(220px,1.2fr) minmax(260px,1.15fr);gap:10px;display:grid}.agreement-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.visibility-toggle{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.visibility-toggle input{width:16px;height:16px;min-height:auto;padding:0}.mini-button{border-radius:6px;min-height:30px;padding:0 10px;font-size:.82rem}.secondary-button{background:#61a5fa}.secondary-button:hover:not(:disabled){background:#418ce8}.danger-button{background:#9f2f2f}.danger-button:hover:not(:disabled){background:#842525}.muted{color:#52615a}.admin-create-form{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(160px,.7fr) auto;align-items:end;gap:12px;display:grid}.admin-create-form label{color:#52615a;gap:8px;display:grid}.permission-list{color:#52615a;font-size:.85rem;line-height:1.5}.user-filters{grid-template-columns:minmax(220px,1fr) minmax(140px,.45fr) minmax(140px,.45fr) minmax(140px,.45fr) auto auto;align-items:end;gap:12px;display:grid}.user-filters label{color:#52615a;gap:8px;display:grid}.order-filters{grid-template-columns:minmax(220px,1fr) minmax(150px,.45fr) minmax(150px,.45fr) minmax(150px,.45fr) auto;align-items:end;gap:12px;display:grid}.order-filters label{color:#52615a;gap:8px;display:grid}.order-pagination{color:#52615a;justify-content:space-between;align-items:center;gap:12px;display:flex}.order-pagination div{gap:8px;display:flex}.empty,.denied{padding:28px}.notice{border-radius:8px;margin:0 0 14px;padding:12px 14px}.error{color:#9f2f2f;background:#fff1f1}.success{color:#176546;background:#e6f6ef}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.panel-grid{grid-template-columns:1fr}.page-header,.setting-row{flex-direction:column;align-items:flex-start}.admin-create-form,.user-filters,.order-filters,.agreement-fields,.report-template-grid,.evidence-row{grid-template-columns:1fr}.order-pagination,.agreement-form-header,.agreement-actions{flex-direction:column;align-items:flex-start}}.app-shell{color:#333;background:#f3f3f3;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{color:#333;background:#fff;border-right:1px solid #efefef;gap:0;padding:0}.brand{border-bottom:1px solid #f2f2f2;grid-template-columns:42px 1fr;gap:9px;min-height:78px;padding:0 18px}.brand img{border:0;border-radius:2px;width:38px;height:38px}.brand .eyebrow{color:#409eff;margin:0 0 2px;font-size:.82rem;line-height:1}.sidebar h1{color:#409eff;font-size:1.25rem;font-weight:800}.role{color:#777;margin:14px 18px 8px;font-size:.82rem}.sidebar nav{gap:0;padding:4px 0 18px}.sidebar nav button{color:#303133;background:#fff;border-radius:0;min-height:56px;padding:0 24px;font-size:1rem;font-weight:500}.sidebar nav button.active,.sidebar nav button:hover{color:#409eff;background:#fff}.sidebar .ghost{color:#777;background:#f6f7f9;margin:auto 18px 18px}.sidebar .ghost:hover{color:#409eff;background:#eef5ff}.main-pane{background:#f3f3f3;grid-template-rows:68px minmax(0,1fr);min-width:0;display:grid}.topbar{background:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:stretch;min-width:0;display:flex}.tab-strip{align-items:stretch;min-width:0;display:flex}.tab-chip{color:#222;background:#fff;border-right:1px solid #eee;border-radius:0;justify-content:center;align-items:center;gap:10px;min-width:164px;min-height:68px;padding:0 28px;font-size:1rem;font-weight:600;display:inline-flex}.tab-chip:hover,.tab-chip:focus,.tab-chip:active,.tab-chip.active{color:#222!important;background:#f5f5f5!important}.top-actions{color:#222;justify-content:flex-end;align-items:center;gap:12px;min-width:230px;padding:0 22px;display:flex}.top-actions img{object-fit:cover;border-radius:50%;width:36px;height:36px}.icon-button{color:#111;background:0 0;border-radius:4px;width:34px;min-height:34px;padding:0;font-size:1.25rem}.icon-button:hover{color:#111;background:#f2f2f2}.content{background:#f3f3f3;min-width:0;padding:24px;overflow:auto}.replica-page{gap:0}.replica-page .page-header{display:none}.filter-panel{background:#fff;border:0;border-radius:0;margin:0;padding:24px}.filter-panel label,.user-filters label,.order-filters label{color:#606266;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;min-width:0;font-size:1rem;font-weight:500;display:grid}.user-filters,.order-filters{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;gap:14px 18px;display:grid}.login-panel input,.admin-create-form input,.admin-create-form select,.user-filters input,.user-filters select,.order-filters input,.order-filters select,.inline-field input,.product-config-form input,.agreement-form input,.agreement-form textarea,.report-template-form input,.report-template-form textarea{box-sizing:border-box;color:#606266;background:#fff;border:1px solid #dcdfe6;border-radius:5px;width:100%;min-height:46px}.user-filters input::placeholder,.order-filters input::placeholder{color:#b4b9c2}.range-field{min-width:0;color:#606266;border:0;grid-column:1/-1;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;min-inline-size:0;margin:0;padding:0;font-size:1rem;font-weight:500;display:grid}.range-field legend{padding:0}.range-field>.admin-date-time-range{grid-column:2}.range-field>span{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.range-field b{color:#303133;text-align:center;font-weight:700}.admin-date-time-range{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.date-time-fields{grid-template-columns:minmax(150px,1fr) 68px auto 68px;align-items:center;gap:8px;min-width:0;display:grid}.date-time-fields input[type=date]{min-width:150px}.date-time-fields select{flex:0 0 68px;width:68px}.filter-error{color:#d93025;grid-column:1/-1;margin:0}.search-button{background:#409eff;border-radius:5px;width:86px;min-height:46px;padding:0;font-weight:700}.search-button:hover{background:#2f8fe8}.grid-toolbar{background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:18px;min-height:84px;padding:18px 20px;display:flex}.left-actions,.right-actions{align-items:center;gap:14px;display:flex}.square-button,.outline-square{border-radius:5px;width:46px;min-height:46px;padding:0;font-size:1.25rem}.square-button{color:#fff;background:#30394d}.square-button:hover{background:#1f2637}.delete-button{color:#fff;background:#ffa6ac;border-radius:5px;min-width:110px;min-height:46px;padding:0 18px;font-weight:700}.delete-button:hover:not(:disabled){background:#f48b93}.right-actions input{color:#606266;border:1px solid #dcdfe6;border-radius:5px;width:260px;min-height:46px;padding:0 14px}.outline-square{color:#111;background:#fff;border:1px solid #dcdfe6}.outline-square:hover{color:#111;background:#f6f8fb}.table{background:#fff;border:0;border-radius:0;width:100%;max-width:100%;overflow:auto}.table-row{color:#606266;border-bottom:1px solid #ebeef5;gap:0;min-width:760px;padding:0}.table-row>span{border-right:1px solid #f0f2f5;align-items:center;min-width:0;min-height:86px;padding:0 18px;display:flex;overflow:hidden}.table-head{color:#303133;background:#fff;font-weight:800}.table-head>span{min-height:58px;font-size:1rem}.replica-users-grid{grid-template-columns:105px 105px 120px 135px 155px 155px 110px 125px 110px 110px 140px 170px 300px;width:max-content;min-width:1080px}.replica-orders-grid{grid-template-columns:140px 210px 150px 150px 210px 150px 150px 210px 260px;min-width:1630px}.blue-tag{color:#409eff;white-space:nowrap;background:#ecf5ff;border:1px solid #cfe7ff;border-radius:5px;align-items:center;min-height:34px;padding:0 14px;font-weight:500;display:inline-flex}.status-pill{border-radius:5px;min-height:34px;padding:0 12px}.order-actions.compact-actions{flex-wrap:nowrap;gap:6px;padding:0 10px;display:flex}.table-row>.sticky-operation-cell{z-index:2;background:#fff;position:sticky;right:0;overflow:visible;box-shadow:-10px 0 14px #0f172a14}.table-head .sticky-operation-cell{z-index:3}.replica-users-grid .user-actions{flex-wrap:nowrap;padding:0 12px}.replica-users-grid .user-actions .mini-button{white-space:nowrap}.reset-dialog-backdrop{z-index:1000;background:#0f172a80;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.reset-dialog{background:#fff;border-radius:10px;width:min(560px,100%);box-shadow:0 24px 70px #0f172a3d}.reset-dialog form{gap:16px;padding:24px;display:grid}.reset-dialog h3,.reset-dialog dl,.reset-dialog p{margin:0}.reset-dialog dl{gap:10px;display:grid}.reset-dialog dl>div{grid-template-columns:88px minmax(0,1fr);gap:12px;display:grid}.reset-dialog dt{color:#606266}.reset-dialog dd{overflow-wrap:anywhere;color:#303133;min-width:0;margin:0;font-weight:600}.reset-warning-list{color:#842525;background:#fff7f7;border:1px solid #f1c8c8;border-radius:8px;margin:0;padding:14px 16px 14px 34px;line-height:1.6}.reset-dialog label{color:#303133;font-weight:700}.reset-dialog textarea{resize:vertical;border:1px solid #dcdfe6;border-radius:6px;min-height:112px;padding:12px}.reset-dialog textarea:focus{border-color:#61a5fa;outline:3px solid #61a5fa2e}.reset-dialog .error{border-radius:6px;padding:10px 12px}.reset-dialog-actions{justify-content:flex-end;gap:12px;display:flex}.reset-dialog-actions button{min-width:108px}.compact-actions .mini-button{border-radius:4px;min-width:48px;min-height:30px;padding:0 8px;font-size:.78rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-table-row>span{color:#606266;border-right:0;grid-column:1/-1;min-height:72px}.empty{color:#606266;border:0;border-top:1px solid #ebeef5;border-radius:0}@media (width<=1200px){.user-filters,.order-filters{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{overflow-x:auto}.top-actions{min-width:170px;padding:0 12px}.content{padding:12px}.filter-panel{padding:18px 14px}.user-filters,.order-filters{grid-template-columns:1fr}.filter-panel label,.user-filters label,.order-filters label{grid-template-columns:92px minmax(0,1fr)}.range-field{grid-column:1/-1;grid-template-columns:1fr;gap:8px}.range-field>.admin-date-time-range{grid-column:1}.admin-date-time-range{grid-template-columns:1fr}.date-time-fields{grid-template-columns:minmax(130px,1fr) 60px auto 60px}.date-time-fields select{flex-basis:60px;width:60px}.reset-dialog-backdrop{align-items:end;padding:12px}.reset-dialog form{padding:20px}.reset-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.grid-toolbar{flex-direction:column;align-items:stretch}.right-actions input{width:100%}}