:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#eef3fb;font-synthesis:none}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 26%),linear-gradient(180deg,#f6f9ff,#eef3fb)}button,input,select,textarea{font:inherit}button{border:none;background:none}input,select,textarea{width:100%;border:1px solid #d7e1f0;border-radius:14px;padding:12px 14px;background:#fff;color:#172033}textarea{resize:vertical;min-height:84px}.mci-page{--mci-primary: #2563eb;--mci-primary-dark: #1d4ed8;--mci-primary-soft: #e8f0ff;--mci-surface: rgba(255, 255, 255, .96);--mci-surface-soft: #f8fbff;--mci-border: #d8e2f0;--mci-text: #172033;--mci-text-muted: #607089;--mci-success: #0f9f6e;--mci-warning: #f59e0b;--mci-danger: #ef4444;min-height:var(--micro-app-available-height, 100vh);padding:18px 16px calc(98px + var(--micro-app-safe-area-bottom, 0px));color:var(--mci-text)}.mobile-shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.header-main{flex:1;min-width:0}.header-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.mobile-shell-kicker,.section-title p,.hero-kicker{margin:0;color:var(--mci-primary);font-size:12px;font-weight:700;letter-spacing:.04em}.mobile-shell-header h1,.section-title h2,.section-title h3,.hero-panel h3{margin:0}.mobile-shell-header h1{font-size:26px;line-height:1.1}.mobile-shell-subtitle{margin:6px 0 0;color:var(--mci-text-muted);font-size:14px}.mobile-shell-content{display:flex;flex-direction:column}.mobile-shell-content.unauthenticated{min-height:calc(100vh - 170px);justify-content:center}.mobile-stack{display:flex;flex-direction:column;gap:14px}.mobile-panel,.hero-panel,.record-card,.process-card,.order-card,.kpi-card{border:1px solid var(--mci-border);border-radius:22px;background:var(--mci-surface);box-shadow:0 16px 40px #18274b14}.mobile-panel{padding:16px 14px}.mobile-panel-accent{background:linear-gradient(180deg,#fffffffa,#f3f8fffa)}.section-title,.section-title-main,.search-actions,.record-card-head,.record-card-head>div,.process-card-head,.order-card-head{display:flex}.section-title{align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title.compact{margin-bottom:12px}.section-title-main{align-items:center;gap:12px}.mobile-chip,.mobile-tag,.mci-status{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--mci-border);background:#fff;color:var(--mci-text-muted);font-size:12px;white-space:nowrap}.mci-status.online,.mobile-tag.success{color:var(--mci-success);border-color:#0f9f6e40;background:#0f9f6e14}.mobile-tag.warning{color:#a16207;border-color:#f59e0b3d;background:#f59e0b1a}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px}.icon-badge.primary{background:#2563eb1f;color:var(--mci-primary)}.icon-badge.soft{background:#6070891f;color:#425066}.icon-badge.success{background:#0f9f6e1f;color:var(--mci-success)}.icon-badge.neutral{background:#fff3;color:#fff}.search-box,.field-block{display:flex;flex-direction:column;gap:10px}.search-box.compact{gap:8px}.field-label{color:var(--mci-text-muted);font-size:13px;font-weight:600}.search-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #d7e1f0;border-radius:16px;padding:0 14px;background:#fff}.search-input-wrap input{border:none;padding:13px 0;background:transparent;outline:none}.search-actions{gap:10px;flex-wrap:wrap}.mobile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:16px;font-weight:600;cursor:pointer}.mobile-btn.primary{background:linear-gradient(135deg,var(--mci-primary) 0%,var(--mci-primary-dark) 100%);color:#fff}.mobile-btn.ghost{background:#eef4ff;color:var(--mci-primary)}.mobile-btn.block{width:100%}.shell-action{min-height:36px;padding:0 14px;border-radius:999px}.mobile-helper{margin:0;color:var(--mci-text-muted);font-size:13px;line-height:1.6}.mobile-alert{padding:12px 14px;border-radius:16px;font-size:13px;line-height:1.5}.mobile-alert.info{background:#2563eb14;color:var(--mci-primary)}.mobile-alert.error{background:#ef44441a;color:#b91c1c}.period-switch,.chip-group,.summary-grid,.form-grid,.record-summary,.record-metrics,.process-card-meta,.order-card-meta{display:grid}.period-switch{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.period-switch button{min-height:40px;border-radius:14px;border:1px solid var(--mci-border);background:#fff;color:var(--mci-text-muted)}.period-switch button.active{border-color:#2563eb38;background:#2563eb1a;color:var(--mci-primary);font-weight:700}.hero-panel{padding:16px 14px;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);color:#fff}.hero-panel h3{font-size:16px;line-height:1.4}.hero-kicker{color:#fffc}.kpi-card-grid,.order-card-list,.process-list,.record-card-list{display:grid;gap:12px}.kpi-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{display:flex;align-items:center;gap:12px;padding:16px;color:#fff}.kpi-card p{margin:0 0 6px;font-size:13px;opacity:.9}.kpi-card strong{font-size:22px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.summary-grid article,.record-metrics article,.amount-card{border-radius:16px;background:var(--mci-surface-soft);padding:14px}.summary-grid span,.record-metrics span,.amount-card span{display:block;margin-bottom:8px;color:var(--mci-text-muted);font-size:12px}.summary-grid strong,.record-metrics strong,.amount-card strong{font-size:16px;line-height:1.4}.order-card,.process-card,.record-card{padding:16px;text-align:left}.order-card.active,.process-card.active{border-color:#2563eb57;box-shadow:0 20px 42px #2563eb24}.order-card-head,.process-card-head,.record-card-head{align-items:center;justify-content:space-between;gap:12px}.order-card-head strong,.process-card-head strong,.record-card-head h3,.record-code{margin:0}.order-card-name{margin:10px 0;font-size:15px;font-weight:700}.order-card-meta,.process-card-meta,.record-summary,.record-metrics{gap:8px}.order-card-meta,.process-card-meta{grid-template-columns:repeat(2,minmax(0,1fr));color:var(--mci-text-muted);font-size:12px}.process-progress{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--mci-text-muted);font-size:12px}.process-progress-bar{flex:1;height:8px;border-radius:999px;background:#e6edf7;overflow:hidden}.process-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-card{display:flex;flex-direction:column;gap:8px}.chip-group{grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:8px}.chip-btn{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--mci-border);background:#fff;color:var(--mci-text-muted)}.chip-btn.active{border-color:#2563eb38;background:#2563eb1a;color:var(--mci-primary);font-weight:700}.amount-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.success-panel{border-color:#0f9f6e38}.record-card-head>div{flex-direction:column;gap:4px}.record-code{color:var(--mci-text-muted);font-size:12px}.record-summary{grid-template-columns:1fr;margin:12px 0;color:var(--mci-text-muted);font-size:13px}.record-summary span{display:inline-flex;align-items:center;gap:8px}.record-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.text-danger{color:var(--mci-danger)}.mobile-tabbar{position:fixed;left:16px;right:16px;bottom:calc(14px + var(--micro-app-safe-area-bottom, 0px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid rgba(216,226,240,.9);border-radius:24px;background:#fffffff5;box-shadow:0 20px 40px #1c29452e;backdrop-filter:blur(14px)}.mobile-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;border-radius:18px;color:var(--mci-text-muted)}.mobile-tabbar button.active{background:#2563eb1a;color:var(--mci-primary);font-weight:700}.scan-file-input{display:none}.scanner-modal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:20px 16px;background:#0f172a94;backdrop-filter:blur(6px)}.scanner-dialog{width:min(100%,520px);padding:16px 14px;border-radius:24px;border:1px solid rgba(255,255,255,.16);background:#fffffffa;box-shadow:0 24px 50px #0f172a3d}.scanner-frame{position:relative;overflow:hidden;margin-bottom:12px;border-radius:22px;background:#0f172a;aspect-ratio:3 / 4}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-mask{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(to bottom,#0f172a2e,#0f172a0a)}.scanner-mask span{width:min(68vw,240px);height:min(68vw,240px);border:2px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 0 0 999px #0f172a2e}.scanner-actions{margin-top:12px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100%}.login-card{width:min(100%,460px);padding:20px 16px;border:1px solid var(--mci-border);border-radius:28px;background:#fffffffa;box-shadow:0 20px 48px #18274b1f}.login-hero{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding:16px 14px;border-radius:22px;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#60a5fa);color:#fff}.login-hero .hero-kicker{color:#ffffffd1}.login-desc{margin:0 0 16px;color:var(--mci-text-muted);font-size:14px;line-height:1.7}.login-form{display:flex;flex-direction:column;gap:12px}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}.captcha-image-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;border:1px solid var(--mci-border);border-radius:16px;background:#fff;overflow:hidden}.captcha-image{width:100%;height:100%;object-fit:cover}@media(max-width:560px){.kpi-card-grid,.summary-grid,.form-grid,.amount-card,.record-metrics,.order-card-meta,.process-card-meta,.captcha-row{grid-template-columns:1fr}.header-actions{align-items:flex-end}.mobile-shell-header{flex-direction:column}.header-main,.header-actions{width:100%}}