*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:13px;color:#1f2329;overflow:hidden}button{font:inherit}.btn{padding:4px 14px;border:1px solid #c9ccd1;background:#fff;border-radius:3px;cursor:pointer;color:#1f2329}.btn:hover{background:#f0f1f3}.btn-primary{background:#1f3a5f;border-color:#1f3a5f;color:#fff}.btn-primary:hover{background:#2a4d7a}.btn-small{padding:1px 8px;font-size:12px}.btn-danger{color:#b3261e}.app-layout{height:100vh;display:flex;flex-direction:column}.app-main{flex:1;min-height:0;display:flex}.center-col{flex:1;min-width:0;display:flex;flex-direction:column}.session-area{flex:1;min-height:0}.splitter{height:5px;flex:none;background:#dde0e4;cursor:row-resize}.splitter:hover{background:#b9c2cd}.grid-area{flex:none;display:flex;flex-direction:column;overflow:hidden;border-top:1px solid #d4d7dc;background:#fff}.menubar{display:flex;align-items:center;height:32px;flex:none;background:#f3f4f6;border-bottom:1px solid #d4d7dc;padding:0 4px;position:relative;z-index:200}.menu-brand{font-weight:700;color:#1f3a5f;padding:0 10px 0 6px;-webkit-user-select:none;user-select:none}.menu-top{position:relative}.menu-btn{border:none;background:transparent;padding:6px 10px;cursor:pointer;border-radius:3px;color:#1f2329}.menu-btn:hover{background:#e2e4e8}.menu-btn.open{background:#d6dae0}.menu-popup{position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid #d0d3d9;border-radius:4px;box-shadow:0 4px 16px #0000002e;padding:4px 0;z-index:300}.menu-item{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:none;background:none;padding:5px 14px;cursor:pointer;white-space:nowrap;color:#1f2329}.menu-item:hover{background:#eaf1fb}.menu-item.danger{color:#b3261e}.menu-sep{height:1px;background:#e3e5e8;margin:4px 0}.menu-item.has-sub{position:relative}.sub-arrow{margin-left:auto;color:#999}.submenu{display:none;position:absolute;left:100%;top:-5px}.has-sub:hover>.submenu{display:block}.menu-check{display:inline-block;width:14px;color:#1f6fd6}.nav-panel{width:220px;flex:none;border-right:1px solid #d4d7dc;background:#fafbfc;overflow-y:auto}.nav-section{padding:8px;border-bottom:1px solid #e3e5e8}.nav-section h3{margin:0 0 6px;font-size:12px;color:#666;font-weight:600}.nav-actions{display:flex;gap:4px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:3px;cursor:pointer}.nav-item:hover{background:#eef0f3}.nav-item.active{background:#dce7f5}.nav-item .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-time{display:block;font-size:11px;color:#999}.nav-del{border:none;background:none;cursor:pointer;padding:0 2px;font-size:12px;color:#999;visibility:hidden}.nav-item:hover .nav-del{visibility:visible}.nav-del:hover{color:#b3261e}.nav-rename{width:100%;font:inherit;padding:1px 4px;border:1px solid #1f6fd6;border-radius:2px;outline:none}.nav-empty{color:#999;font-size:12px;padding:4px 6px}.session-window{height:100%;overflow-y:auto;background:#e9eaed;padding:10px 14px}.session-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.session-header h2{font-size:14px;margin:0;flex:1}.session-empty{color:#888;text-align:center;padding:48px 0}.session-block{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001f;margin-bottom:12px}.block-head{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid #eee}.block-toggle{border:none;background:none;cursor:pointer;color:#666;padding:0 2px;font-size:12px}.block-title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-time{color:#999;font-size:12px;flex:none}.block-actions{margin-left:auto;display:flex;gap:4px;flex:none}.block-body{padding:10px 12px}.block-body h4{margin:10px 0 4px;font-size:13px}.block-body h4:first-child{margin-top:0}.kv-table{border-collapse:collapse;font-size:12.5px}.kv-table td{padding:1px 8px 1px 0;vertical-align:top}.kv-label{color:#555;white-space:nowrap}.kv-value{font-variant-numeric:tabular-nums}.table-scroll{overflow-x:auto;margin:6px 0}.data-table{border-collapse:collapse;font-size:12px}.data-table th,.data-table td{border:1px solid #c9ccd1;padding:2px 8px;white-space:nowrap}.data-table th{background:#f3f4f6;font-weight:600}.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}pre.text-block{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:#f7f8fa;border:1px solid #e3e5e8;border-radius:3px;padding:8px;margin:6px 0;overflow-x:auto;white-space:pre}.chart-wrap{position:relative;margin:8px 0}.chart-div{width:100%;height:100%}.chart-shot{position:absolute;top:4px;right:4px;z-index:5;border:1px solid #d0d3d9;background:#ffffffe6;border-radius:3px;cursor:pointer;padding:1px 6px;font-size:12px}.chart-shot:hover{background:#f0f1f3}.worksheet-grid{position:relative;display:flex;flex-direction:column;height:100%}.grid-toolbar{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid #e3e5e8;background:#fafbfc;flex:none}.grid-hint{color:#999;font-size:12px;margin-left:8px}.grid-empty{color:#999;text-align:center;padding:32px 0}.grid-scroll{flex:1;overflow:auto;outline:none;position:relative}.grid-head{position:sticky;top:0;z-index:6}.grid-head-row{display:flex}.grid-hcell{width:90px;flex:none;background:#f3f4f6;border-right:1px solid #d4d7dc;border-bottom:1px solid #d4d7dc;font-size:11px;display:flex;align-items:center;padding:0 3px 0 6px;overflow:hidden;-webkit-user-select:none;user-select:none}.id-cell{font-weight:600;color:#444}.hcell-label{flex:1;min-width:0;overflow:hidden}.col-type-tag{font-style:normal;color:#1f6fd6;font-size:10px;margin-left:2px}.col-menu-btn{border:none;background:none;cursor:pointer;color:#999;padding:0 1px;font-size:10px;line-height:1}.col-menu-btn:hover{color:#1f3a5f}.name-cell{color:#333}.grid-hcell.editing{padding:0}.grid-gutter{width:44px;flex:none;background:#f3f4f6;border-right:1px solid #d4d7dc;border-bottom:1px solid #e3e5e8;text-align:center;font-size:11px;color:#777;position:sticky;left:0;z-index:5;line-height:24px;-webkit-user-select:none;user-select:none}.grid-gutter.head{z-index:8;border-bottom:1px solid #d4d7dc}.grid-row{position:absolute;left:0;display:flex}.grid-cell{width:90px;flex:none;border-right:1px solid #e9eaed;border-bottom:1px solid #e9eaed;padding:0 4px;line-height:24px;overflow:hidden;white-space:nowrap;font-size:12px;background:#fff;-webkit-user-select:none;user-select:none}.grid-cell.num{text-align:right;font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.grid-cell.sel{background:#e3edfb}.grid-cell.active{outline:2px solid #1f6fd6;outline-offset:-2px}.grid-cell.editing{padding:0;-webkit-user-select:text;user-select:text}.cell-editor{width:100%;height:100%;border:none;outline:none;font:inherit;padding:0 3px;background:#fff}.col-menu{position:absolute;background:#fff;border:1px solid #d0d3d9;border-radius:4px;box-shadow:0 4px 16px #0000002e;z-index:500;min-width:150px;padding:4px 0}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog{background:#fff;border-radius:5px;min-width:480px;max-width:92vw;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000040;outline:none}.dialog-wide{width:720px}.dialog-title{padding:10px 14px;border-bottom:1px solid #e3e5e8;font-weight:600;background:#f3f4f6;border-radius:5px 5px 0 0}.dialog-body{padding:12px 14px;overflow:auto}.dialog-footer{padding:10px 14px;border-top:1px solid #e3e5e8;display:flex;justify-content:flex-end;gap:8px;align-items:center}.dlg-error{color:#b3261e;font-size:12px;margin-top:8px}.dlg-note{margin:0 0 10px;color:#666;font-size:12px}.muted{color:#999;font-size:12px;margin-top:6px}.field-row{margin-bottom:10px}.field-label{display:block;margin-bottom:3px;color:#333}.req{color:#b3261e}.text-input,.select-input{width:100%;padding:4px 6px;border:1px solid #c9ccd1;border-radius:3px;font:inherit}.text-input:focus,.select-input:focus{border-color:#1f6fd6;outline:none}.checkbox-row{display:flex;align-items:center;gap:6px;cursor:pointer}.inline-fields{display:flex;gap:18px;align-items:center}.inline-fields select{margin-left:4px;padding:3px 4px}.sort-row{display:flex;align-items:center;gap:8px}.sort-row label{width:64px;flex:none;color:#333}.sort-row select{padding:3px 4px;min-width:0}.sort-row select:first-of-type{flex:1}.col-check-list{max-height:260px;overflow-y:auto;border:1px solid #d0d3d9;border-radius:3px;padding:4px 8px}.col-check-list label{display:flex;align-items:center;gap:6px;padding:2px 0;cursor:pointer}.dialog-cols{display:flex;gap:12px}.col-candidates-wrap{width:210px;flex:none;display:flex;flex-direction:column;min-height:0}.candidates-title{font-size:12px;color:#666;margin-bottom:4px}.col-candidates{border:1px solid #d0d3d9;border-radius:3px;max-height:320px;overflow-y:auto}.col-candidate{padding:3px 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-candidate:hover{background:#eaf1fb}.field-rows{flex:1;min-width:260px}.col-select{min-height:28px;border:1px solid #c9ccd1;border-radius:3px;padding:2px 4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;cursor:pointer}.col-select.focused{border-color:#1f3a5f;box-shadow:0 0 0 1px #1f3a5f}.col-placeholder{color:#aaa;font-size:12px;padding:0 4px}.col-chip{background:#e8eef7;border:1px solid #b9c8dd;border-radius:3px;padding:0 2px 0 6px;display:inline-flex;align-items:center;gap:2px;font-size:12px}.chip-x{border:none;background:none;cursor:pointer;color:#7a8aa0;padding:0 2px;font-size:11px}.chip-x:hover{color:#b3261e}.import-preview{max-height:320px;overflow:auto;border:1px solid #e3e5e8;border-radius:3px;margin-top:8px}.proj-table{width:100%}.proj-table td.ops{white-space:nowrap}.proj-new-row{display:flex;gap:8px;margin-top:10px}.proj-new-row input{flex:1}.about-body p{margin:6px 0}.about-body ul{margin:4px 0;padding-left:20px}.about-body li{margin:2px 0}.about-name{font-size:14px}.statusbar{height:24px;flex:none;background:#f3f4f6;border-top:1px solid #d4d7dc;display:flex;align-items:center;padding:0 10px;font-size:12px;color:#555;gap:16px}.statusbar .mid{flex:1;text-align:center}.dot{font-size:10px;margin-right:2px}.dot.on{color:#2e9e4f}.dot.off{color:#b3261e}.proj-name{color:#333;font-weight:600}@media print{body{overflow:visible}.menubar,.nav-panel,.grid-area,.statusbar,.splitter,.no-print{display:none!important}.app-layout,.app-main,.center-col,.session-area{display:block!important;height:auto!important;overflow:visible!important}.session-window{height:auto!important;overflow:visible!important;background:#fff;padding:0}.session-block{page-break-inside:avoid;box-shadow:none;border:1px solid #bbb}.chart-wrap{page-break-inside:avoid}}