:root{--bg: #f4f8fc;--bg-soft: #eef4fa;--surface: #ffffff;--surface-alt: #f8fbfe;--line: #e2ebf4;--line-strong: #cfdcea;--text: #23374d;--text-soft: #5d7a99;--muted: #7d8fa3;--primary: #2f6f9f;--primary-dark: #245b84;--primary-soft: #eaf3fb;--teal: #3f9c8f;--teal-soft: #e8f5f2;--amber: #c8871f;--amber-soft: #fdf3e2;--danger: #c9524b;--danger-soft: #fdeeec;--violet: #6a76c8;--violet-soft: #eef0fb;--shadow-sm: 0 1px 3px rgba(31, 61, 92, .06);--shadow: 0 6px 18px rgba(31, 61, 92, .08);--radius-lg: 16px;--radius: 12px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex:0 0 240px;background:linear-gradient(180deg,#fff,#f7fbfe);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:20px 18px 16px}.brand-badge{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#3f86bb,#2f6f9f);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;box-shadow:0 6px 14px #2f6f9f47}.brand-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.35}.brand-sub{font-size:11px;color:var(--muted)}.nav-group{padding:6px 12px 12px;overflow-y:auto;flex:1}.nav-group-title{font-size:11px;color:#9aabbe;padding:12px 8px 6px;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:#4d637a;font-size:13.5px;margin-bottom:4px;transition:all .15s ease;cursor:pointer}.nav-item:hover{background:var(--primary-soft);color:var(--primary-dark)}.nav-item.active{background:linear-gradient(135deg,#eaf3fb,#e2eff9);color:var(--primary-dark);font-weight:600;box-shadow:inset 0 0 0 1px #d5e6f4}.nav-icon{width:22px;height:22px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px}.nav-item.active .nav-icon{background:#d7e9f7}.sidebar-foot{padding:14px 18px 18px;border-top:1px solid var(--line);font-size:11px;color:#9aabbe;line-height:1.7}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.topbar-title{font-size:15px;font-weight:700;color:var(--text)}.topbar-sub{font-size:12px;color:var(--muted);margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:12px}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--line)}.avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#4f97c8,#2f6f9f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-name{font-size:13px;font-weight:600}.user-role{font-size:11px;color:var(--muted)}.content{flex:1;padding:22px 24px 12px}.page-footer{padding:14px 24px 20px;text-align:center;font-size:12px;color:#9aa8b8;letter-spacing:.5px}.page{display:flex;flex-direction:column;gap:18px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-title{font-size:19px;font-weight:700;margin:0}.page-sub{color:var(--muted);font-size:12.5px;margin-top:4px}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdff,#f7fbfe)}.card-title{font-size:14.5px;font-weight:700}.card-title-sub{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.card-extra{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card-body{padding:18px 20px}.card-body.tight{padding:12px 16px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.split-2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-wrap{flex-wrap:wrap}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:700}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#3d82b8,#2f6f9f);color:#fff;box-shadow:0 6px 14px #2f6f9f38}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3778ab,#275f8a)}.btn-secondary{background:#fff;border-color:var(--line-strong);color:var(--primary-dark)}.btn-secondary:hover:not(:disabled){background:var(--primary-soft);border-color:#bcd8ee}.btn-teal{background:linear-gradient(135deg,#49a99b,#3f9c8f);color:#fff;box-shadow:0 6px 14px #3f9c8f38}.btn-ghost{background:transparent;color:var(--primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--primary-soft)}.btn-danger{background:#fff;border-color:#f0cfcc;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12.5px;color:#4c6684;font-weight:600}.field-hint{font-size:11.5px;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;color:var(--text);background:#fff;transition:all .15s ease;font-family:inherit}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:#8fbcdd;box-shadow:0 0 0 3px #3f86bb24}.textarea{min-height:84px;resize:vertical}.input-search{border-radius:999px;padding-left:16px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-section{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px 16px;background:var(--surface-alt)}.form-section-title{font-size:13px;font-weight:700;color:var(--primary-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}.form-section-title:before{content:"";width:4px;height:14px;border-radius:999px;background:linear-gradient(180deg,#4f97c8,#2f6f9f)}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.tag-blue{background:var(--primary-soft);color:var(--primary-dark)}.tag-teal{background:var(--teal-soft);color:#2f7c71}.tag-green{background:#eaf6ee;color:#2f7a4c}.tag-amber{background:var(--amber-soft);color:#a4691a}.tag-red{background:var(--danger-soft);color:#b0453e}.tag-gray{background:#eff3f7;color:#5f7386}.tag-violet{background:var(--violet-soft);color:#5158a8}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:#f3f8fc;color:#46617f;font-weight:700;text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:11px 14px;border-bottom:1px solid #eef3f8;color:#33475e;vertical-align:middle}.data-table tbody tr:hover{background:#f8fbfe}.data-table .num{font-variant-numeric:tabular-nums}.table-actions{display:flex;gap:6px;flex-wrap:wrap}.link-btn{border:none;background:transparent;color:var(--primary);font-size:12.5px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:8px}.link-btn:hover{background:var(--primary-soft)}.link-btn.danger{color:var(--danger)}.link-btn.danger:hover{background:var(--danger-soft)}.empty{padding:46px 20px;text-align:center;color:var(--muted);font-size:13px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.kpi-label{font-size:12.5px;color:var(--muted)}.kpi-value{font-size:26px;font-weight:700;color:var(--primary-dark);font-variant-numeric:tabular-nums}.kpi-foot{font-size:12px;color:var(--muted)}.kpi.blue{background:linear-gradient(160deg,#f3f9fe,#e8f2fb);border-color:#d8e8f5}.kpi.teal{background:linear-gradient(160deg,#f2fbf9,#e4f4f0);border-color:#d3ebe5}.kpi.amber{background:linear-gradient(160deg,#fffaf1,#fdf1dd);border-color:#f4e2c2}.kpi.red{background:linear-gradient(160deg,#fff5f4,#fdeae7);border-color:#f5d9d5}.progress{height:8px;border-radius:999px;background:#eaf0f6;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#4f97c8,#2f6f9f)}.progress-bar.warn{background:linear-gradient(90deg,#e0a44a,#c8871f)}.banner{border-radius:var(--radius);padding:11px 14px;font-size:12.5px;border:1px solid transparent}.banner-error{background:var(--danger-soft);border-color:#f3d3cf;color:#a8433c}.banner-success{background:var(--teal-soft);border-color:#cfe9e3;color:#2f7c71}.banner-info{background:var(--primary-soft);border-color:#d5e6f4;color:#2f6087}.check-list{display:flex;flex-direction:column;gap:10px}.check-item{border:1px solid var(--line);border-left-width:4px;border-radius:var(--radius-sm);padding:11px 14px;background:#fff}.check-item.error{border-left-color:var(--danger);background:snow}.check-item.warn{border-left-color:var(--amber);background:#fffdf8}.check-item.info{border-left-color:#7fb2d4}.check-title{font-size:13px;font-weight:700}.check-message{font-size:12.5px;color:#4d637a;margin-top:3px}.check-suggestion{font-size:12px;color:#a4691a;margin-top:4px}.tabs{display:flex;gap:6px;padding:6px;background:var(--bg-soft);border-radius:999px}.tab-bar{position:sticky;top:64px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;background:linear-gradient(180deg,var(--bg) 78%,rgba(244,248,252,0))}.tab{border:none;background:transparent;padding:8px 18px;border-radius:999px;font-size:13px;font-weight:600;color:#587190;cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--primary-dark)}.tab.active{background:#fff;color:var(--primary-dark);box-shadow:var(--shadow-sm)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#23374d52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}.modal{width:100%;max-width:720px;max-height:88vh;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.modal.wide{max-width:880px}.modal.narrow{max-width:460px}.modal-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#fbfdff,#f6fafe)}.modal-title{font-size:15px;font-weight:700}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot{padding:14px 22px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;background:#fbfdff}.icon-btn{border:none;background:transparent;width:30px;height:30px;border-radius:999px;color:var(--muted);cursor:pointer;font-size:15px}.icon-btn:hover{background:var(--bg-soft);color:var(--primary-dark)}.drawing-frame{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:8px;overflow:auto}.drawing-frame svg{display:block;width:100%;height:auto;border-radius:8px}.drawing-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}.toast-stack{position:fixed;top:78px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:90;width:min(620px,calc(100vw - 48px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);border-left:4px solid var(--primary);box-shadow:0 12px 28px #1f3d5c29;pointer-events:auto;animation:toast-in .18s ease-out}.toast-success{border-left-color:var(--teal)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--primary)}.toast-icon{width:20px;height:20px;flex:0 0 20px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:var(--primary);margin-top:1px}.toast-success .toast-icon{background:var(--teal)}.toast-error .toast-icon{background:var(--danger)}.toast-text{flex:1;font-size:13px;color:#2b4159;line-height:1.6}.toast-close{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:6px}.toast-close:hover{background:var(--bg-soft);color:var(--primary-dark)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-hint{font-size:12px;color:var(--muted)}.action-hint.danger{color:#b0453e}.action-hint.amber{color:#a4691a}.spinner{width:20px;height:20px;border:2px solid #d9e6f2;border-top-color:var(--primary);border-radius:999px;animation:spin .8s linear infinite}.loading-box{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--muted);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;background:linear-gradient(140deg,#eef6fc,#f6fbfd 45%,#eef4fb);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px}.login-card{width:100%;max-width:940px;background:#fff;border-radius:22px;border:1px solid #e2ebf4;box-shadow:0 20px 44px #1f3d5c1c;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden}.login-brand{padding:42px 38px;background:linear-gradient(155deg,#f2f9fe,#e7f2fb 60%,#e4f4f1);display:flex;flex-direction:column;gap:18px}.login-brand-badge{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#4f97c8,#2f6f9f);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;box-shadow:0 10px 20px #2f6f9f3d}.login-brand-title{font-size:22px;font-weight:700;line-height:1.45;color:#1f3a5f}.login-brand-sub{font-size:13px;color:#5d7794;line-height:1.9}.feature-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.feature-item{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#40597a}.feature-dot{width:20px;height:20px;border-radius:999px;background:#fff;color:var(--teal);font-size:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex:0 0 20px}.login-form{padding:44px 40px;display:flex;flex-direction:column;gap:16px}.login-form-title{font-size:19px;font-weight:700}.login-form-sub{font-size:12.5px;color:var(--muted);margin-top:-8px}.login-tip{font-size:12px;color:var(--muted);text-align:center;padding-top:2px}.login-foot{margin-top:26px;font-size:12px;color:#98a7b8}.info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.info-item{display:flex;gap:8px;font-size:13px;border-bottom:1px dashed #eaf1f7;padding-bottom:8px}.info-label{color:var(--muted);flex:0 0 96px}.info-value{color:#2d445c;font-weight:600;word-break:break-all}.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:999px}.scroll-area{max-height:420px;overflow-y:auto}@media (max-width: 1180px){.grid-4,.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.split-2{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.sidebar{display:none}.grid-2,.grid-3,.form-grid,.form-grid-2,.login-card,.info-list{grid-template-columns:minmax(0,1fr)}}@media print{.sidebar,.topbar,.page-footer,.page-head,.card-extra,.btn,.tabs{display:none!important}.content{padding:0}.card{border:none;box-shadow:none}.drawing-frame{border:none;max-height:none!important;overflow:visible}}