:root{color:#1f2937;background:#f5f7fb;font-family:PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(22,119,255,.12),transparent 26%),linear-gradient(180deg,#f8fbff,#f3f6fb)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid #d6e0ef;border-radius:10px;padding:10px 12px;background:#fff;color:#1f2937}textarea{resize:vertical}input[type=checkbox]{width:auto}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side-nav{padding:24px 18px;background:linear-gradient(180deg,#071b33,#0b2442);color:#f8fbff;display:flex;flex-direction:column;gap:20px}.brand-block{display:flex;gap:12px;align-items:center}.brand-block p,.nav-footer p,.muted-copy,.crumb,.hint-text{margin:0;color:#8ca0bb}.brand-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1677ff,#4aa3ff);color:#fff;font-weight:700}.brand-icon.small{width:32px;height:32px;border-radius:10px}.nav-links{display:grid;gap:10px}.nav-link{padding:11px 12px;border-radius:10px;color:#c7d4e4}.nav-link.active,.nav-link:hover{background:#ffffff1a;color:#fff}.nav-footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.main-shell{display:flex;flex-direction:column}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px 14px}.top-bar h1{margin:6px 0 0;font-size:24px}.top-bar-actions{display:flex;gap:14px;align-items:center}.user-chip{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid #e5ebf5}.page-wrap{padding:0 28px 28px;display:grid;gap:18px}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.legacy-frame-shell{min-height:100vh;background:#f5f7fb}.legacy-frame{display:block;width:100%;height:100vh;border:0;background:#fff}.card{background:#fffffff5;border:1px solid #e1e8f2;border-radius:18px;box-shadow:0 18px 42px #0a1f4414;padding:22px}.card-compact{max-width:520px}.auth-card{width:min(460px,100%)}.brand-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-head h2,.nested-panel h3,.nested-card h3{margin:0 0 6px}.compact-head{margin-bottom:12px}.section-head p,.nested-panel p,.nested-card p{margin:0;color:#66768c}.pill{padding:8px 12px;border-radius:999px;background:#eef5ff;color:#1d5ecc;white-space:nowrap}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.form-grid label,.stack-form label,.textarea-label{display:grid;gap:8px}.textarea-label{margin-bottom:16px}.segment-list{display:grid;gap:12px;margin-bottom:16px}.segment-list-head,.weekday-row,.button-row,.inline-actions,.summary-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.segment-row{display:flex;gap:10px;align-items:center}.weekday-options{display:flex;gap:12px;flex-wrap:wrap}.checkbox-label{display:flex;gap:8px;align-items:center}.checkbox-label input{width:auto}.primary-button,.ghost-button{border-radius:10px;padding:10px 16px;border:1px solid #cbd8ea;background:#fff}.primary-button{border-color:#1677ff;background:linear-gradient(135deg,#1677ff,#4096ff);color:#fff}.primary-button.inline-link{display:inline-flex}.slim{padding:7px 10px}.success-banner,.error-banner,.warning-banner{padding:12px 14px;border-radius:12px;margin-bottom:14px}.success-banner{background:#effcf2;color:#146534;border:1px solid #bbf7d0}.error-banner{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.warning-banner{background:#fff8eb;color:#92400e;border:1px solid #fed7aa}.form-error-box{min-height:20px;color:#be123c}.nested-card,.nested-panel{margin-top:18px;padding:18px;border-radius:16px;background:#f8fbff;border:1px solid #dce8f8}.panel-section+.panel-section{margin-top:18px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #e8eef7;text-align:left;vertical-align:top}.data-table th{background:#f7faff;color:#5b6d86;font-weight:600}.compact-table th,.compact-table td{padding:10px 8px}.status-pill{display:inline-flex;padding:4px 10px;border-radius:999px;font-size:12px;background:#eef2ff;color:#374151}.status-pending{background:#eff6ff;color:#1d4ed8}.status-approved,.status-qualified,.status-manual_override{background:#effcf2;color:#15803d}.status-invalid{background:#fff8eb;color:#b45309}.status-rejected{background:#fff1f2;color:#be123c}.status-voided{background:#f3f4f6;color:#4b5563}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:16px;border-radius:16px;background:#f8fbff;border:1px solid #dce8f8;display:grid;gap:8px}.stat-card span{color:#66768c}.stat-card strong{font-size:24px}.search-input{max-width:320px}.subtle-pill{background:#f3f7fd;color:#5b6d86}.empty-cell{color:#66768c;text-align:center}@media(max-width:1200px){.stats-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.side-nav{position:sticky;top:0;z-index:10}.top-bar,.page-wrap{padding-left:18px;padding-right:18px}.section-head,.top-bar{flex-direction:column;align-items:stretch}}@media(max-width:640px){.stats-grid,.form-grid{grid-template-columns:1fr}}
