*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00000040}*{scrollbar-color:#00000026 #0000;scrollbar-width:thin}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app,body{min-height:100vh}.full-page{flex-direction:column}.full-page,.login-page{display:flex;min-height:100vh}.login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;padding:20px}.login-box{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001f;max-width:400px;padding:40px;width:100%}.login-box h1{color:#333;font-size:28px;margin-bottom:8px;text-align:center}.login-subtitle{color:#8c8c8c;margin-bottom:32px;text-align:center}.login-input{border:1px solid #d9d9d9;border-radius:6px;font-size:18px;margin-bottom:16px;padding:14px 16px;width:100%}.login-input:focus{border-color:#1890ff;outline:none}.password-row{display:flex;gap:8px}.password-input{flex:1 1;margin-bottom:0}.btn-send-code{background:#52c41a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:12px 16px;white-space:nowrap}.btn-send-code:hover{background:#73d13d}.btn-send-code:disabled{background:#ccc;cursor:not-allowed}.btn-login{background:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;margin-top:8px;padding:14px;width:100%}.btn-login:hover{background:#40a9ff}.btn-login:disabled{background:#ccc;cursor:not-allowed}.login-message{color:#ff4d4f;font-size:14px;margin-top:16px;text-align:center}.login-tip{border-top:1px solid #f0f0f0;color:#8c8c8c;font-size:13px;margin-top:24px;padding-top:16px;text-align:center}.page-header{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 1px 4px #0000000d;display:flex;justify-content:space-between;padding:16px 24px}.page-header.sticky{position:sticky;top:0;z-index:100}.page-header h1,.page-header h2{color:#333;font-size:20px;margin:0}.header-right,.page-actions{align-items:center;display:flex;gap:12px}.header-left{display:flex;gap:12px}.owner-notice{background:#fff2e8;border-left:4px solid #fa8c16;color:#fa8c16;font-size:14px;padding:10px 20px}.btn-back{background:#f5f5f5}.btn-back:hover{background:#e8e8e8}.btn-logout{background:#ff4d4f;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-logout:hover{background:#ff7875}.btn-dashboard{background:#722ed1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-dashboard:hover{background:#9254de}.btn-logout-small{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.btn-logout-small:hover{background:#ff7875}.btn-mode{background:#faad14;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-mode:hover{background:#ffc53d}.btn-delete{background:#ff4d4f;border:none;color:#fff}.btn-delete:hover{background:#ff7875}.btn-delete-small{align-items:center;background:#ff4d4f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.btn-export{padding:8px 14px;white-space:nowrap}.search-input{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:8px 12px;width:240px}.search-input:focus{border-color:#1890ff;outline:none}.notes-page{flex:1 1;margin:0 auto;max-width:100%;padding:0 12px 24px;width:100%}.note-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.note-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.note-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.note-card h3{color:#262626;font-size:18px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview{color:#8c8c8c;font-size:14px;height:44px;line-height:1.6;margin-bottom:12px;overflow:hidden}.note-meta{align-items:center;color:#bfbfbf;display:flex;font-size:12px;justify-content:space-between}.empty-state{color:#8c8c8c;padding:80px 20px}.empty-state p{font-size:18px;margin-bottom:16px}.loading{color:#8c8c8c;padding:80px}.note-type-badge{background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#1890ff;display:inline-block;font-size:13px;margin-bottom:8px;padding:4px 10px}.new-note-page{flex:1 1;margin:0 auto;max-width:100%;padding:24px 12px;width:100%}.template-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:32px}.template-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;cursor:pointer;padding:40px 24px;text-align:center;transition:transform .2s,box-shadow .2s}.template-card:hover{border:2px solid #1890ff;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.template-icon{font-size:48px;margin-bottom:16px}.template-name{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.template-desc{color:#8c8c8c;font-size:13px;line-height:1.5}.editor-page{display:flex;flex:1 1;flex-direction:column}.editor-container{flex:1 1;max-width:100%;overflow-y:auto;padding:12px;width:100%}.template-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-bottom:16px;padding:6px 14px}.section-block{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;padding:20px}.section-block h2{color:#333;font-size:16px;margin-bottom:16px}.section-hint{color:#999;font-size:13px;margin-bottom:12px;margin-top:-8px}.migration-info{color:#999;font-size:13px;font-weight:400}.edit-mode{background:#fff;border-radius:8px;padding:24px}.section-block{margin-bottom:24px}.field-row{align-items:center;display:flex;margin-bottom:16px}.field-row label{color:#333;flex-shrink:0;font-weight:500;width:120px}.field-row input{border:1px solid #d9d9d9;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.field-row input:focus{border-color:#1890ff;outline:none}.field-row input.readonly{background:#f5f5f5;color:#999}.field-block{margin-bottom:16px}.field-block label{color:#333;display:block;font-weight:500;margin-bottom:8px}.field-block textarea{border:1px solid #d9d9d9;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.6;min-height:100px;padding:12px;resize:vertical;width:100%}.field-block textarea:focus{border-color:#1890ff;outline:none}.field-block textarea.readonly{background:#f5f5f5;color:#999}.editable-table{margin-bottom:16px}.editable-table.readonly{opacity:.8}.table-label{color:#333;font-weight:500;margin-bottom:12px}.editable-table table{border-collapse:collapse;margin-bottom:12px;table-layout:fixed;width:100%}.custom-width-table col{min-width:0}.custom-width-table td:first-child,.custom-width-table th:first-child{padding:10px 4px;text-align:center}.editable-table td,.editable-table th{border:1px solid #e8e8e8;padding:0}.editable-table th{background:#fafafa;border-bottom:2px solid #e8e8e8;color:#595959;font-size:13px;font-weight:500;padding:10px 12px;text-align:left}.editable-table td{position:relative}.editable-table td:first-child{width:28px}.editable-table input{border:none;font-size:14px;outline:none;padding:10px;width:100%}.editable-table input:focus{background:#f0f7ff}.editable-table input.cell-auto-no{background:#f5f5f5;color:#999;text-align:center}.btn-delete-row{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.btn-delete-row:hover{background:#ff7875}.btn-add-row{background:#f0f0f0;border:1px dashed #d9d9d9;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 16px;width:100%}.btn-add-row:hover{background:#e8e8e8}.content-textarea{border:1px solid #d9d9d9;border-radius:6px;font-family:inherit;font-size:15px;line-height:1.8;min-height:400px;padding:24px;resize:vertical;width:100%}.content-textarea:read-only{background:#f5f5f5;color:#999}.preview-mode{background:#fff;border-radius:8px;padding:24px}.preview-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.preview-label{color:#333;font-weight:500;margin-right:8px}.preview-value{color:#666}.preview-section{margin-top:20px}.preview-section-title{border-bottom:1px solid #e8e8e8;color:#333;font-size:18px;font-weight:500;margin-bottom:12px;padding-bottom:8px}.preview-text{color:#666;line-height:1.8;white-space:pre-wrap}.preview-table{border-collapse:collapse;margin-top:12px;table-layout:fixed;width:100%}.preview-table col:first-child{width:28px}.preview-table td,.preview-table th{border:1px solid #e8e8e8;font-size:14px;padding:10px 12px;text-align:left}.preview-table th{background:#fafafa;border-bottom:2px solid #e8e8e8;color:#595959;font-size:13px;font-weight:500}.preview-table td:first-child,.preview-table th:first-child{color:#999;font-size:12px;padding:10px 4px;text-align:center}.preview-table td{color:#333;line-height:1.7;vertical-align:top}.preview-table tr:last-child td{border-bottom:2px solid #e8e8e8}.dropzone{background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;cursor:pointer;margin-top:20px;padding:40px;text-align:center;transition:border-color .2s,background .2s}.dropzone:hover{background:#f0f7ff;border-color:#1890ff}.dropzone p{color:#8c8c8c;font-size:14px}.attachments{background:#fafafa;border-radius:8px;margin-top:24px;padding:24px}.attachments h4{color:#595959;font-size:14px;margin-bottom:12px}.attachment-list{flex-wrap:wrap;gap:12px}.attachment-item{border-radius:6px;box-shadow:0 1px 4px #00000014;padding:8px 12px;position:relative}.attachment-item a{color:#1890ff;font-size:13px;text-decoration:none}.attachment-item a:hover{text-decoration:underline}.attachment-image{align-items:center;display:flex;flex-direction:column;gap:8px}.attachment-image img{border-radius:4px;max-height:150px;max-width:150px;object-fit:cover}.attachment-image span{color:#595959;font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.template-grid{grid-template-columns:1fr}.page-header{flex-wrap:wrap;gap:12px}.header-right,.page-actions{flex-wrap:wrap;width:100%}.search-input{flex:1 1}.field-row{align-items:flex-start;flex-direction:column}.field-row label{margin-bottom:4px;width:100%}}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.btn-filter{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-filter:hover{background:#e8e8e8}.btn-filter.active{background:#1890ff;border-color:#1890ff;color:#fff}.editable-table textarea{border:none;font-family:inherit;font-size:14px;line-height:1.5;min-height:40px;padding:8px;resize:vertical;width:100%}.editable-table textarea:focus{background:#f0f7ff;outline:none}.editable-table textarea.cell-auto-no{background:#f5f5f5;color:#999;resize:none;text-align:center}.save-status{animation:fadeIn .3s ease;color:#52c41a;font-size:13px;margin-right:12px}.smart-import-bar{align-items:center;background:linear-gradient(135deg,#f0f5ff,#e6f7ff);border:1px solid #91d5ff;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.btn-smart-import{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 18px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn-smart-import:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.smart-import-hint{color:#595959;font-size:13px}.modal-overlay{animation:fadeIn .2s ease}.modal-content{border-radius:12px;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:100%;width:90%}.edit-modal-box{border:1px solid #e8e8e8;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;max-width:480px;overflow:hidden;padding:0}.edit-modal-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.edit-modal-header h3{color:#333;font-size:16px;margin:0}.edit-modal-info{background:#fafafa;border-bottom:1px solid #f0f0f0;color:#666;display:flex;font-size:13px;gap:16px;padding:12px 20px}.edit-modal-info span{align-items:center;display:inline-flex;gap:4px}.edit-modal-body{padding:20px}.edit-modal-body .form-group{margin-bottom:16px}.edit-modal-body .form-group:last-child{margin-bottom:0}.edit-modal-body label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.edit-modal-body input{border:1px solid #d9d9d9;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.edit-modal-body input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.edit-modal-footer{background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.modal-header{padding:20px 24px}.modal-header h3{color:#333;font-size:18px}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.modal-close:hover{background:#f5f5f5;color:#333}.modal-body{padding:24px}.modal-footer{border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:20px}.form-group label{font-size:14px;margin-bottom:8px}.import-textarea{border:1px solid #d9d9d9;border-radius:6px;font-family:inherit;font-size:14px;line-height:1.6;min-height:180px;padding:12px;resize:vertical;width:100%}.import-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.file-input{color:#595959;font-size:13px}.file-input::file-selector-button{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:13px;margin-right:8px;padding:8px 16px}.file-input::file-selector-button:hover{background:#e8e8e8}.mode-options{display:flex;flex-direction:column;gap:10px}.mode-option{border:2px solid #f0f0f0;border-radius:8px;cursor:pointer;padding:14px 16px;transition:all .2s}.mode-option:hover{background:#f0f7ff;border-color:#91d5ff}.mode-option.active{background:#e6f7ff;border-color:#1890ff}.mode-label{color:#333;font-size:14px;font-weight:500;margin-bottom:4px}.mode-desc{color:#8c8c8c;font-size:12px}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e8e8e8}.error-message{background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;color:#ff4d4f;font-size:14px;padding:10px 16px}.preview-section{background:#fafafa;border-radius:8px;padding:24px}.preview-section h4{color:#333;font-size:15px;margin-bottom:12px}.preview-content{max-height:350px;overflow-y:auto}.preview-content p{color:#595959;font-size:14px;line-height:1.6;margin-bottom:8px}.preview-content pre{background:#fff;border:1px solid #f0f0f0;border-radius:4px;color:#666;font-size:13px;margin-bottom:8px;padding:10px;white-space:pre-wrap;word-break:break-all}.preview-item{margin-bottom:4px}.app-layout{background:#f0f2f5;display:flex;min-height:100vh}.sidebar{background:#eef0f4;border-right:1px solid #dce0e6;bottom:0;color:#374151;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s ease,width .25s ease;width:210px;z-index:100}.sidebar-collapsed .sidebar{width:72px}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-collapsed .sidebar{width:260px}.app-main{margin-left:0!important}}.portal-sidebar-overlay{background:#0006;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:99}@media (max-width:768px){.portal-sidebar-overlay.visible{display:block}}.sidebar-header{background:#eef0f4;border-bottom:1px solid #dce0e6;min-height:64px;padding:20px 16px}.sidebar-logo{color:#111827;font-size:18px;font-weight:700;letter-spacing:.3px;overflow:hidden;white-space:nowrap}.sidebar-toggle{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .15s;width:28px}.sidebar-toggle:hover{background:#e5e7eb;color:#374151}@media (max-width:768px){.sidebar-toggle{display:none}}.sidebar-nav{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:16px 12px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;gap:12px;margin-bottom:2px;overflow:hidden;padding:10px 12px;transition:all .15s ease;white-space:nowrap}.sidebar-item:hover{background:#dce0e6;color:#111827}.sidebar-item.active{background:#eff6ff;box-shadow:inset 3px 0 0 #3b82f6;color:#2563eb;font-weight:500}.sidebar-icon{color:inherit;font-size:17px;min-width:20px;text-align:center}.sidebar-label{font-size:13px;font-weight:400}.sidebar-arrow{color:#999;font-size:10px;margin-left:auto}.sidebar-children{border-left:2px solid #e8e8e8;margin-left:16px}.sidebar-child{font-size:12px;padding:8px 12px 8px 16px!important}.sidebar-child .sidebar-icon{font-size:12px}.sidebar-collapsed .sidebar-label{display:none}.sidebar-footer{background:#eef0f4;border-top:1px solid #dce0e6;padding:24px}.sidebar-user{margin-bottom:10px}.user-avatar{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);border-radius:50%;color:#374151;display:flex;font-size:15px;font-weight:600;height:36px;justify-content:center;min-width:36px;width:36px}.user-name{color:#374151;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .user-name{display:none}.sidebar-logout{background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:500;padding:8px;transition:all .15s;width:100%}.sidebar-logout:hover{background:#fecaca}.app-main{background:#f5f7fa;flex:1 1;margin-left:210px;min-height:100vh;transition:margin-left .25s ease}.desktop-notification-bell{position:fixed;right:24px;top:16px;z-index:100}.desktop-notification-bell .notification-bell-btn{font-size:24px;padding:8px 12px}.desktop-notification-bell .notification-badge{font-size:12px;height:20px;min-width:20px}@media (max-width:768px){.desktop-notification-bell{display:none}}.sidebar-collapsed .app-main{margin-left:72px}.home-container{min-height:100vh;padding:24px 12px}.home-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.home-greeting{align-items:center;display:flex;gap:18px}.home-emoji{font-size:48px}.home-title h1{color:#1a1a2e;font-size:26px;font-weight:700;letter-spacing:-.3px;margin:0}.home-title p{color:#8c8c8c;font-size:15px;margin:6px 0 0}.home-weather-inline{background:#f5f7fa;border-radius:12px;color:#1890ff;cursor:pointer;display:inline-block;font-size:13px;margin-left:8px;padding:3px 10px;text-decoration:none;transition:all .2s;white-space:nowrap}.home-weather-inline:hover{background:#e6f7ff;color:#096dd9;text-decoration:none}.home-time{background:#fff;border-radius:20px;box-shadow:0 1px 4px #0000000f;color:#8c8c8c;font-size:13px;padding:8px 18px;white-space:nowrap}.home-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:48px}.home-card{background:#fff;border:1px solid #0000000a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:28px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-card:after{background:var(--card-color);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.home-card:hover{border-color:#00000005;box-shadow:0 20px 40px -12px #0000001a;transform:translateY(-6px)}.home-card:hover:after{transform:scaleX(1)}.home-card:active{box-shadow:0 8px 20px -8px #0000001a;transform:translateY(-2px)}.card-top{align-items:flex-start;display:flex;justify-content:space-between}.card-icon{border-radius:14px;box-shadow:0 4px 12px #00000014;font-size:24px;height:52px;width:52px}.card-arrow,.card-icon{align-items:center;display:flex;justify-content:center}.card-arrow{background:#f5f5f5;border-radius:50%;color:#ccc;font-size:14px;height:32px;transition:all .3s;width:32px}.home-card:hover .card-arrow{background:var(--card-color);color:#374151;transform:translateX(2px)}.card-content h3{color:#1a1a2e;font-size:17px;font-weight:600;margin:0 0 8px}.card-content p{color:#8c8c8c;font-size:13px;line-height:1.6;margin:0}.home-footer{border-top:1px solid #0000000a;padding-top:24px;text-align:center}.home-stats{align-items:center;color:#bfbfbf;display:flex;font-size:12px;gap:16px;justify-content:center}.stat-divider{background:#d9d9d9;border-radius:50%;height:3px;width:3px}.ism-container{margin:0 auto;max-width:100%;padding:32px 16px 24px}.ism-header{margin-bottom:32px}.ism-header h2{color:#1a1a2e;font-size:22px;font-weight:600;margin:0 0 8px}.ism-desc{color:#8c8c8c;font-size:14px;margin:0}.ism-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a;padding:32px 16px}.ism-icon-wrap{margin-bottom:16px;text-align:center}.ism-big-icon{font-size:56px}.ism-card h3{color:#1a1a2e;font-size:18px;font-weight:600;margin:0 0 8px;text-align:center}.ism-card>p{color:#8c8c8c;font-size:14px;margin:0 0 24px;text-align:center}.ism-input-group{margin-bottom:20px}.ism-input-group label{color:#595959;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.ism-input-row{align-items:center;display:flex;gap:8px}.ism-input-row input{border:1px solid #d9d9d9;border-radius:10px;flex:1 1;font-size:18px;padding:14px 16px;transition:all .2s}.ism-input-row input:focus{border-color:#1890ff;box-shadow:0 0 0 3px #1890ff1a;outline:none}.ism-input-suffix{color:#8c8c8c;font-size:14px}.ism-hint{color:#bfbfbf;display:block;font-size:12px;margin-top:6px}.ism-error{background:#fff2f0;border-left:3px solid #ff4d4f;border-radius:8px;color:#ff4d4f;font-size:13px;margin-bottom:20px;padding:10px 14px}.btn-ism-start{background:linear-gradient(135deg,#1890ff,#40a9ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:16px;transition:all .2s;width:100%}.btn-ism-start:hover{box-shadow:0 4px 12px #1890ff4d;transform:translateY(-1px)}.btn-ism-cancel{background:#0000;border:1px solid #d9d9d9;border-radius:10px;color:#8c8c8c;cursor:pointer;font-size:16px;margin-top:16px;padding:16px;transition:all .2s;width:100%}.btn-ism-cancel:hover{border-color:#ff4d4f;color:#ff4d4f}.ism-login-card,.ism-qr-section h3,.ism-qr-section>p{text-align:center}.ism-qr-wrap{background:#f5f5f5;border-radius:12px;display:inline-block;margin:20px 0;padding:24px}.ism-qr-img{border-radius:8px;height:400px;width:400px}.ism-login-hint{align-items:center;color:#1890ff;display:flex;font-size:14px;gap:8px;justify-content:center}.ism-pulse-dot{animation:ism-pulse 1.5s infinite;background:#1890ff;border-radius:50%;height:8px;width:8px}@keyframes ism-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.ism-progress-section{margin:24px 0}.ism-progress-bar-wrap{background:#f0f0f0;border-radius:5px;height:10px;overflow:hidden}.ism-progress-bar{background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:5px;height:100%;transition:width .3s ease}.ism-progress-text{color:#8c8c8c;display:flex;font-size:13px;justify-content:space-between;margin-top:8px}.ism-extract-info{background:#fafafa;border-radius:10px;margin:20px 0;padding:24px}.ism-info-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.ism-info-row:last-child{border-bottom:none}.ism-info-label{color:#8c8c8c;font-size:13px}.ism-info-value{color:#1a1a2e;font-size:13px;font-weight:500}.ism-extracting-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.ism-extracting-header h3{margin:0;text-align:left}.ism-sub-message{color:#8c8c8c;font-size:13px;margin:4px 0 0}.ism-spinner{animation:ism-spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#1890ff;flex-shrink:0;height:32px;width:32px}@keyframes ism-spin{to{transform:rotate(1turn)}}.ism-done-card{text-align:center}.ism-done-icon{font-size:56px;margin-bottom:12px}.ism-done-card h3{color:#52c41a}.ism-error-card{text-align:center}.ism-error-icon{font-size:56px;margin-bottom:12px}.ism-error-card h3{color:#ff4d4f}.mobile-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #0000000f;display:none;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:50}.mobile-header-left{align-items:center;display:flex;gap:12px}.hamburger-btn{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.hamburger-btn:active{background:#e0e0e0}.mobile-header-title{color:#1a1a2e;font-size:18px;font-weight:600}.mobile-header-right,.mobile-user-badge{align-items:center;display:flex}.mobile-user-badge{background:linear-gradient(135deg,#40a9ff,#1890ff);border-radius:50%;color:#374151;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}@media (max-width:768px){.mobile-header{display:flex}.home-container{padding:24px 16px 16px}.home-header{flex-direction:column;gap:16px;margin-bottom:28px}.home-greeting{gap:14px}.home-emoji{font-size:40px}.home-title h1{font-size:22px}.home-title p{font-size:13px}.home-weather-inline{font-size:12px;padding:2px 8px}.home-time{align-self:flex-start}.home-grid{gap:14px;grid-template-columns:1fr}.home-card{padding:20px 18px}.card-icon{border-radius:12px;font-size:20px;height:44px;width:44px}.card-content h3{font-size:15px}.card-content p{font-size:12px}}.notes-list-page{background:#f0f2f5;display:flex;flex-direction:column;min-height:100vh}@media (max-width:768px){.notes-list-page .page-header{padding:12px 16px!important}.notes-list-page .page-header h1{font-size:18px!important}.notes-list-page .notes-page{padding:12px 16px!important}.notes-list-page .search-input{font-size:14px!important}.notes-list-page .filter-buttons{flex-wrap:wrap!important;gap:6px!important;padding:0 16px!important}.notes-list-page .note-card{border-radius:12px!important;margin:0 16px 10px!important}.notes-list-page .empty-state{padding:40px 16px!important}.notes-list-page .page-actions{gap:8px!important}}.sidebar-bottom-nav{border-top:1px solid #ffffff14}.sidebar-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin:-8px -8px 10px;padding:8px;transition:background .2s}.sidebar-user:active,.sidebar-user:hover{background:#0000000d}.sidebar-user:active{background:#00000014}.dashboard-controls,.dashboard-header{flex-wrap:wrap;gap:12px}.control-group label{color:#4b5563;white-space:nowrap}.filter-input,.filter-select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#333;font-size:14px;max-width:300px;min-width:180px;outline:none;padding:8px 12px;transition:border-color .2s}.filter-input:hover,.filter-select:hover{border-color:#1890ff}.filter-input:focus,.filter-select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff26}.filter-input{min-width:160px}.dictionary-page{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.kpi-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:24px}.kpi-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden;padding:0;transition:all .2s ease}.kpi-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.kpi-header{justify-content:space-between;padding:14px 18px 0}.kpi-header,.kpi-title{align-items:center;display:flex}.kpi-title{gap:8px}.kpi-icon{align-items:center;border-radius:6px;display:inline-flex;font-size:16px;height:28px;justify-content:center;width:28px}.kpi-name{color:#1f2937;font-size:14px;font-weight:600}.kpi-status{background:#f5f5f5;border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.kpi-body{padding:10px 18px 14px}.kpi-value{color:#1f2937;font-size:28px;font-weight:700;line-height:1.2}.kpi-value .kpi-unit{color:#9ca3af;font-size:14px;font-weight:400;margin-left:4px}.kpi-meta{display:flex;gap:16px;margin-top:6px}.kpi-meta .meta-item{color:#9ca3af;font-size:12px}.kpi-trend{align-items:center;border-top:1px solid #f3f4f6;display:flex;font-size:12px;gap:6px;padding:8px 18px}.kpi-trend.up{color:#059669}.kpi-trend.down{color:#dc2626}.kpi-trend .baseline{color:#9ca3af}.section-header{gap:12px}.section-header .section-title{color:#1f2937;font-size:16px;font-weight:600;margin:0}.section-badge{background:#f0f5ff;border-radius:10px;color:#3b82f6;display:inline-block;font-size:12px;font-weight:500;padding:2px 10px}.section-badge.info{background:#f5f3ff;color:#7c3aed}.section-hint{color:#9ca3af;font-size:12px}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #f3f4f6;padding:10px 14px;text-align:left}.data-table th{color:#4b5563;font-weight:600;white-space:nowrap}.data-table tbody tr:hover,.data-table th{background:#f9fafb}.cell-bold{color:#1f2937;font-weight:500}.trend-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}.trend-badge.success{background:#ecfdf5;color:#059669}.trend-badge.danger{background:#fef2f2;color:#dc2626}.chart-container{background:#fff;border-radius:8px;padding:16px}.grid-table-wrapper{overflow-x:auto}.traffic-grid-table{background:#fff;border-collapse:initial;border-radius:8px;border-spacing:0;font-size:12px;overflow:hidden;width:100%}.traffic-grid-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;color:#4b5563;font-weight:600;padding:8px 6px;text-align:center;white-space:nowrap}.traffic-grid-table th:last-child{border-right:none}.traffic-grid-table .scenario-header{border-right:2px solid #e5e7eb;min-width:80px;padding-left:12px;text-align:left}.traffic-grid-table .date-header{border-bottom:none;font-size:11px}.traffic-grid-table .timepoint-header{color:#9ca3af;font-size:10px;font-weight:400;padding:4px 6px}.traffic-grid-table td{border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;padding:6px 4px;text-align:center}.traffic-grid-table td:last-child{border-right:none}.traffic-grid-table tbody tr:hover td:not(.empty){background:#f9fafb}.grid-cell{border-left:none;cursor:default;transition:background .15s;white-space:nowrap}.grid-cell.empty{background:#fafafa}.grid-cell .cell-emoji{font-size:18px;line-height:1}.grid-cell .cell-time{color:#6b7280;display:none;font-size:9px;margin-left:2px}.grid-cell:hover .cell-time{display:inline}.traffic-grid-table td:first-child{border-left:none}.loading-overlay{align-items:center;color:#6b7280;display:flex;gap:12px;justify-content:center;padding:40px 24px}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;width:24px}.input-hint{color:#999;font-size:11px;margin-left:4px}.monitor-config{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.config-form{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:24px}.form-section{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:24px}.form-section:last-child{border-bottom:none}.form-section h3{color:#333}.form-group,.form-section h3{margin-bottom:12px}.form-group label{margin-bottom:4px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;max-width:400px;padding:6px 10px;width:100%}.scenario-row,.timepoint-row,.upgrade-node-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.input-flex{flex:1 1}.input-small{width:100px}.btn-danger-small{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.btn-danger-small:hover{background:#ff7875}.scenarios-list,.timepoints-list,.upgrade-nodes-list{margin-top:12px}.empty-hint{color:#999;font-size:13px;padding:12px;text-align:center}.monitor-data-entry{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.entry-form{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;padding:24px}.records-table{border:1px solid #f0f0f0;border-radius:4px}.records-header{background:#fafafa;color:#555;font-size:13px;font-weight:600;padding:10px 16px}.records-header,.records-row{grid-gap:0;border-bottom:1px solid #f0f0f0;display:grid;gap:0;grid-template-columns:2fr 1fr 1fr}.records-row{align-items:center;padding:8px 16px}.records-row:last-child{border-bottom:none}.col-scenario{color:#333;font-size:14px}.col-online input,.col-response input{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:6px 10px;width:100%}.col-online input:focus,.col-response input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.link-btn{background:none;border:none;color:#1890ff;cursor:pointer;font-size:inherit;padding:0 4px;text-decoration:underline}@media (max-width:768px){.stats-cards{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.monitor-dashboard .filter-bar{align-items:stretch;flex-direction:column}.form-row{flex-direction:column}.scenario-row,.upgrade-node-row{align-items:stretch;flex-direction:column}.kpi-cards-grid{grid-template-columns:repeat(2,1fr)}.section-header{flex-wrap:wrap}.bid-container,.dashboard-container,.dictionary-page,.home-container,.ism-container,.knowledge-container,.manuals-page,.monitor-config,.monitor-data-entry,.new-note-page,.notes-page,.page-container,.patch-manager,.permission-manager,.profile-page,.qa-stats-page,.workorder-import-page{max-width:100%!important;padding:12px 16px 24px!important}.modal-content{max-width:95vw!important;width:95vw!important}.woi-layout{grid-template-columns:1fr!important}.bid-body,.manuals-layout{flex-direction:column!important}.manuals-sidebar{width:100%!important}.manuals-project-list{max-height:200px!important}.chapter-row,.chapters-header{grid-template-columns:60px 1fr 70px!important}.chapter-module-col{display:none!important}.kpi-cards-grid,.report-stats,.summary-cards{grid-template-columns:repeat(2,1fr)!important}.dashboard-controls{align-items:stretch!important;flex-direction:column!important;gap:8px!important}.control-group{flex-wrap:wrap!important}.filter-input,.filter-select,.project-select-wrapper{max-width:100%!important;min-width:100%!important;width:100%!important}.page-header{padding:12px 16px!important}.page-header h1,.page-header h2{font-size:17px!important}.search-input{width:100%!important}.knowledge-grid,.note-grid,.project-grid,.todo-grid{grid-template-columns:1fr!important}.form-row{flex-direction:column!important}.woi-order-body{grid-template-columns:1fr!important}.report-modal .modal-container{border-radius:0!important;height:100vh!important;max-width:100vw!important;width:100vw!important}.chart-container{height:300px!important}.report-bar-label{font-size:11px!important;min-width:100px!important;width:100px!important}.grid-table-wrapper,.patch-table-wrapper,.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.kb-browse-header{flex-wrap:wrap!important}.kb-search-box{flex-direction:column!important}.kb-manual-grid{grid-template-columns:1fr!important}.kanban-container,.project-header{flex-direction:column!important}.kanban-column{max-width:none!important;min-width:auto!important}.wbs-node-content,.wbs-node-main{flex-wrap:wrap!important}.perm-table-header,.perm-table-row{flex-wrap:wrap!important;gap:8px!important}.email-parse-card{max-width:100%!important;padding:20px 16px!important}.email-parse-steps{flex-wrap:wrap!important}.step-line{width:30px!important}.woi-config{flex-direction:column!important;gap:8px!important}.filter-buttons{flex-wrap:wrap!important}.filter-row{flex-direction:column!important}}@media (max-width:480px){.kpi-cards-grid,.report-stats,.summary-cards{grid-template-columns:1fr!important}.home-emoji{font-size:32px!important}.home-title h1{font-size:20px!important}}.app-layout-new{background:#f0f2f5;min-height:100vh}.app-main-new{background:#f5f7fa;min-height:100vh;padding-top:44px;width:100%}.app-layout-new .app-main-new{margin-left:0}.home-container{margin:0 auto;max-width:100%;padding:24px 16px}.dashboard-container{padding:0 16px 24px}:root{--primary-blue:#2563eb;--primary-light:#3b82f6;--accent-cyan:#06b6d4;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#94a3b826;--card-bg:#1e293b99;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}.cockpit-container{background:linear-gradient(180deg,#0f172a,#1e293b);color:#f1f5f9;color:var(--text-primary);font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;min-height:100vh;overflow:hidden;padding:12px 16px;position:relative}.cockpit-container>*{position:relative;z-index:1}.cockpit-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;background:var(--card-bg);border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;overflow:visible;padding:14px 24px;position:relative;z-index:10}.header-left,.header-right{flex:1 1}.header-right{align-items:center;display:flex;gap:12px;justify-content:flex-end}.header-center{flex:0 0 auto}.cockpit-title{color:#f1f5f9;color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:2px;margin:0}.title-icon{color:#3b82f6;color:var(--primary-light);margin:0 6px;opacity:.6}.cockpit-clock{align-items:center;display:flex;font-size:13px;gap:12px}.clock-date{color:#64748b;color:var(--text-muted)}.clock-weekday{color:#3b82f6;color:var(--primary-light);font-weight:500}.clock-time{color:#f1f5f9;color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:16px;font-weight:600;letter-spacing:1px}.cockpit-select{min-width:140px;position:relative;z-index:200}.cockpit-select-trigger{align-items:center;background:#33415580;border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:6px;color:#f1f5f9;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:7px 12px;transition:all .2s}.cockpit-select-trigger:hover{background:#334155cc;border-color:#3b82f6;border-color:var(--primary-light)}.select-arrow{color:#64748b;color:var(--text-muted);font-size:10px}.cockpit-select-dropdown{background:#1e293b;border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:6px;box-shadow:0 10px 40px #0000004d;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}.cockpit-select-dropdown input{background:#33415566;border:none;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--border-color);color:#f1f5f9;color:var(--text-primary);font-size:12px;outline:none;padding:10px 12px;width:100%}.cockpit-select-dropdown input::placeholder{color:#64748b;color:var(--text-muted)}.cockpit-select-list{max-height:200px;overflow-y:auto}.cockpit-select-option{color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:10px 12px;transition:all .15s}.cockpit-select-option.active,.cockpit-select-option:hover{background:#2563eb26;color:#3b82f6;color:var(--primary-light)}.cockpit-period-btns{background:#3341554d;border-radius:6px;display:flex;gap:2px;padding:3px}.period-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.period-btn:hover{color:#94a3b8;color:var(--text-secondary)}.period-btn.active{background:#2563eb;background:var(--primary-blue);color:#fff;font-weight:500}.fullscreen-btn{align-items:center;background:#33415580;border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:6px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s;width:34px}.fullscreen-btn:hover{background:#2563eb33;border-color:#3b82f6;border-color:var(--primary-light);color:#3b82f6;color:var(--primary-light)}.kpi-dashboard-panel{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.kpi-square-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;background:var(--card-bg);border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:24px;text-align:center;transition:all .2s}.kpi-square-card:hover{border-color:#94a3b84d}.kpi-clickable{cursor:pointer;transition:all .2s}.kpi-clickable:hover{border-color:#3b82f6;border-color:var(--primary-light);box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.kpi-click-hint{color:#64748b;color:var(--text-muted);font-size:11px;margin-top:8px;opacity:.7}.kpi-compare-card{align-items:stretch;justify-content:flex-start;padding:20px 24px}.kpi-compare-card .kpi-label{margin-bottom:12px}.kpi-value-large{font-feature-settings:"tnum";color:#f1f5f9;color:var(--text-primary);font-family:SF Mono,Monaco,DIN Alternate,monospace;font-size:36px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;margin-top:10px}.kpi-label{color:#64748b;color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px}.flip-number{font-feature-settings:"tnum";font-family:SF Mono,Monaco,DIN Alternate,monospace;font-variant-numeric:tabular-nums}.kpi-trend-inline{border-radius:4px;display:inline-block;font-size:12px;margin-top:10px;padding:2px 8px}.kpi-trend-inline.up{background:#ef44441a;color:#ef4444;color:var(--danger)}.kpi-trend-inline.down{background:#10b9811a;color:#10b981;color:var(--success)}.kpi-year-compare{display:flex;flex-direction:column;gap:8px;width:100%}.year-row{align-items:center;display:flex;font-size:12px;gap:10px}.year-label{color:#64748b;color:var(--text-muted);flex-shrink:0;font-weight:500;width:32px}.year-bar-wrapper{background:#3341554d;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.year-bar{border-radius:4px;height:100%;transition:width .5s ease}.year-bar.current{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--primary-blue),var(--primary-light))}.year-bar.lastyear{background:linear-gradient(90deg,#475569,#64748b)}.year-num{color:#94a3b8;color:var(--text-secondary);flex-shrink:0;font-family:SF Mono,monospace;font-weight:500;text-align:right;width:50px}.cockpit-charts-row{grid-gap:12px;display:grid;gap:12px;margin-bottom:12px}.cockpit-row-2-1{grid-template-columns:2fr 1fr}.chart-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b99;background:var(--card-bg);border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:10px;padding:18px;position:relative;transition:all .2s}.chart-panel:hover{border-color:#94a3b84d}.panel-title{align-items:center;border-left:3px solid #2563eb;border-left:3px solid var(--primary-blue);color:#94a3b8;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px;padding-left:12px}.service-tabs{background:#3341554d;border-radius:6px;display:flex;gap:2px;padding:3px}.service-tab{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:11px;padding:4px 10px;transition:all .2s}.service-tab:hover{color:#94a3b8;color:var(--text-secondary)}.service-tab.active{background:#2563eb;background:var(--primary-blue);color:#fff}.cockpit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cockpit-modal{background:#1e293b;border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 25px 50px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:1000px;overflow:hidden;width:90%}.modal-header{background:#2563eb0d;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--border-color);padding:18px 24px}.modal-header h3{color:#f1f5f9;color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s}.export-btn{background:#2563eb;background:var(--primary-blue);color:#fff}.export-btn:hover{background:#3b82f6;background:var(--primary-light)}.close-btn{background:#ef444426;border:1px solid #ef44444d;color:#ef4444;color:var(--danger)}.close-btn:hover{background:#ef444440}.modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.loading{color:#64748b;color:var(--text-muted);padding:40px;text-align:center}.drill-table-wrapper{overflow-x:auto}.drill-table{border-collapse:collapse;font-size:13px;width:100%}.drill-table th{background:#2563eb14;border-bottom:1px solid #94a3b826;border-bottom:1px solid var(--border-color);font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.drill-table td,.drill-table th{color:#94a3b8;color:var(--text-secondary)}.drill-table td{border-bottom:1px solid #3341554d;padding:10px 14px}.drill-table tr:hover td{background:#2563eb0d}.desc-cell{cursor:help;max-width:300px}.desc-cell:hover{background:#2563eb0d;overflow:visible;white-space:normal}.status-badge{border-radius:12px;font-size:11px;font-weight:500;padding:3px 10px}.status-badge.closed{background:#10b98126;color:#10b981;color:var(--success)}.status-badge.open{background:#ef444426;color:#ef4444;color:var(--danger)}.cockpit-empty{align-items:center;color:#64748b;color:var(--text-muted);font-size:15px;min-height:60vh}.cockpit-empty,.cockpit-footer{display:flex;justify-content:center}.cockpit-footer{margin-top:8px;padding:12px 0}.qa-entry-btn{background:#0000;border:1px solid #94a3b826;border:1px solid var(--border-color);border-radius:6px;color:#64748b;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 16px;transition:all .2s}.qa-entry-btn:hover{background:#2563eb1a;border-color:#3b82f6;border-color:var(--primary-light);color:#3b82f6;color:var(--primary-light)}@media (max-width:1200px){.cockpit-charts-row{grid-template-columns:1fr 1fr}}@media (max-width:768px){.cockpit-header{flex-direction:column;gap:12px;text-align:center}.header-right{flex-wrap:wrap;justify-content:center}.cockpit-charts-row,.kpi-dashboard-panel{grid-template-columns:1fr}.cockpit-title{font-size:18px}}.cockpit-container ::-webkit-scrollbar{height:6px;width:6px}.cockpit-container ::-webkit-scrollbar-track{background:#1e293b80}.cockpit-container ::-webkit-scrollbar-thumb{background:#64748b66;border-radius:3px}.cockpit-container ::-webkit-scrollbar-thumb:hover{background:#64748b99}.dashboard-container{flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:100%;padding:0 12px 24px;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 0}.dashboard-header h2{text-shadow:0 1px 2px #0000001a}.dashboard-header h1{color:#1a1a1a;font-size:24px;margin:0}.dashboard-controls{align-items:center;display:flex;gap:24px}.control-group{align-items:center;display:flex;gap:8px}.control-group label{color:#666;font-size:14px;font-weight:500}.control-group select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:14px;min-width:200px;padding:8px 12px}.project-select-wrapper{min-width:260px}.project-select-trigger{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none}.project-select-trigger:hover{border-color:#40a9ff}.project-select-trigger-active{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.project-select-text{color:#333;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-select-arrow{color:#999;flex-shrink:0;font-size:10px;margin-left:8px}.project-select-dropdown{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 6px 16px #00000014,0 2px 4px #0000000a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.project-select-search{border-bottom:1px solid #f0f0f0;padding:8px}.project-select-search input{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;box-sizing:border-box;font-size:13px;outline:none;padding:8px 12px;width:100%}.project-select-search input:focus{background:#fff;border-color:#1890ff}.project-select-list{max-height:280px;overflow-y:auto;padding:4px 0}.project-select-option{color:#333;cursor:pointer;font-size:13px;overflow:hidden;padding:8px 14px;text-overflow:ellipsis;transition:background .1s;white-space:nowrap}.project-select-option.highlight,.project-select-option:hover{background:#e6f7ff}.project-select-option.selected{background:#f0f5ff;color:#1890ff;font-weight:500}.project-select-empty{color:#999;font-size:13px;padding:16px 14px;text-align:center}.btn-report{background:linear-gradient(135deg,#1890ff,#40a9ff)}.btn-qa,.btn-report{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:transform .1s,box-shadow .2s}.btn-qa{background:linear-gradient(135deg,#52c41a,#73d13d);margin-left:10px}.btn-qa:hover{box-shadow:0 4px 12px #52c41a4d;transform:translateY(-1px)}.btn-report:hover{box-shadow:0 4px 12px #1890ff4d;transform:translateY(-1px)}.report-modal .modal-container{max-height:90vh;max-width:800px}.report-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.report-subtitle{color:#666;font-size:14px;margin-bottom:24px;text-align:center}.report-section{background:#fafafa;border-radius:8px;margin:24px 0;padding:20px}.report-section h3{border-left:3px solid #1890ff;color:#1890ff;font-size:16px;margin:0 0 12px;padding-left:8px}.report-section-summary{background:#fff;border-left:2px solid #52c41a;border-radius:6px;color:#555;font-size:13px;line-height:1.7;margin-bottom:16px;padding:12px 16px}.report-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.report-stat{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:16px;text-align:center}.report-stat-value{color:#1890ff;font-size:28px;font-weight:600}.report-stat-label{color:#666;font-size:12px;margin-top:4px}.report-summary-box{background:#f0f7ff;border-radius:8px;color:#333;font-size:14px;line-height:1.8;padding:16px 20px;white-space:pre-line}.report-pie-chart{align-items:flex-end;display:flex;flex-wrap:wrap;gap:30px}.report-pie-legend{flex:1 1;max-height:280px;min-width:240px;overflow-y:auto}.report-legend-item{align-items:center;border-radius:4px;display:flex;font-size:13px;margin:2px 0;padding:5px 8px}.report-legend-item:hover{background:#e6f7ff}.report-legend-dot{border-radius:2px;flex-shrink:0;height:12px;margin-right:8px;width:12px}.report-legend-name{color:#333;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-legend-val{color:#666;margin-left:12px}.report-legend-pct{color:#999;font-size:12px;min-width:50px;text-align:right}.report-bar-chart{display:flex;flex-direction:column;gap:10px}.report-bar-row{align-items:center;display:flex;gap:12px}.report-bar-label{color:#333;flex-shrink:0;font-size:13px;min-width:200px;overflow:visible;text-align:left;white-space:nowrap;width:200px}.report-bar-wrapper{background:#e8e8e8;border-radius:3px;flex:1 1;height:20px;overflow:hidden}.report-bar-fill{border-radius:3px;height:100%;transition:width .3s ease}.report-bar-value{color:#333;flex-shrink:0;font-size:13px;font-weight:500;text-align:right;width:50px}.report-footer{border-top:1px solid #e8e8e8;color:#999;font-size:12px;margin-top:40px;padding-top:20px;text-align:center}.qa-manual-content{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.qa-summary{background:#f6ffed;border-left:3px solid #52c41a;border-radius:8px;color:#666;font-size:14px;margin-bottom:24px;padding:12px;text-align:center}.qa-category{margin-bottom:28px}.qa-category-header{align-items:center;background:#f0f7ff;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.qa-category-index{align-items:center;background:#1890ff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.qa-category-name{color:#333;flex:1 1;font-size:16px;font-weight:600}.qa-category-count{background:#e6f7ff;border-radius:10px;color:#1890ff;font-size:12px;padding:2px 10px}.qa-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin:0 0 2px;padding:12px 16px;transition:box-shadow .2s}.qa-item:hover{box-shadow:0 2px 8px #0000000f}.qa-question{margin-bottom:10px}.qa-answer,.qa-question{align-items:flex-start;display:flex;gap:10px}.qa-answer{border-left:2px solid #e8e8e8;padding-left:8px}.qa-tag{align-items:center;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:24px;justify-content:center;width:24px}.qa-tag.q{background:#e6f7ff;color:#1890ff}.qa-tag.a{background:#f6ffed;color:#52c41a}.qa-text{color:#333;font-size:13px;line-height:1.7}.qa-answer .qa-text{color:#555}.qa-footer{border-top:1px solid #e8e8e8;color:#bbb;font-size:12px;margin-top:32px;padding-top:16px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:2px solid #e8e8e8;border-radius:50%;border-top-color:#1890ff;display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.hotspot-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;margin-bottom:8px;padding:12px 16px;transition:all .2s}.hotspot-card:hover{border-color:#1890ff;box-shadow:0 2px 12px #1890ff26}.hotspot-card-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.hotspot-rank{background:#1890ff;color:#fff;flex-shrink:0;font-size:12px;height:22px;width:22px}.hotspot-rank:first-child{background:#ff4d4f}.hotspot-card:nth-child(2) .hotspot-rank{background:#fa8c16}.hotspot-card:nth-child(3) .hotspot-rank{background:#faad14}.hotspot-name{color:#333;flex:1 1}.hotspot-count{color:#1890ff;font-size:13px;font-weight:600}.hotspot-tags{display:flex;flex-wrap:wrap;gap:6px;margin-left:32px}.hotspot-tag{border-radius:10px;font-size:11px;line-height:1.6;padding:1px 8px}.type-tag{background:#e6f7ff;color:#1890ff}.service-tag{background:#f6ffed;color:#52c41a}.period-buttons{background:#f0f0f0;border-radius:6px;display:flex;gap:4px;padding:4px}.period-buttons button{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s}.period-buttons button.active{background:#fff;box-shadow:0 1px 2px #0000000d;color:#1890ff;font-weight:500}.custom-dates{align-items:center;display:flex;gap:8px}.custom-dates input[type=date]{border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;padding:6px 10px}.date-separator{color:#999;font-size:14px}.error,.loading{color:#666;padding:40px;text-align:center}.error{color:#ff4d4f}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 2px #0000000f;padding:20px}.card.success{border-left:4px solid #52c41a}.card.warning{border-left:4px solid #faad14}.card.info{border-left:4px solid #1890ff}.card-title{color:#666;font-size:14px}.card-value{color:#1a1a1a;font-size:32px;font-weight:600}.card-sub{color:#999;font-size:12px;margin-top:4px}.yoy-tag{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;margin-left:8px;padding:2px 8px}.yoy-up{background:#f6ffed;color:#52c41a}.yoy-down{background:#fff2f0;color:#ff4d4f}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:24px}.chart-card{background:#ffffffd9;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 2px 4px #00000014;padding:24px}.chart-card.full-width{grid-column:1/-1;margin-bottom:24px}.chart-card h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 18px}.chart-content{display:flex;flex-direction:column;gap:12px}.bar-item{align-items:center;display:flex;gap:12px}.bar-label{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100px}.bar-wrapper{background:#f5f5f5;border-radius:4px;flex:1 1;height:20px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#1890ff,#40a9ff);border-radius:4px;height:100%;transition:width .3s ease}.bar-fill.module{background:linear-gradient(90deg,#52c41a,#73d13d)}.bar-fill.service{background:linear-gradient(90deg,#722ed1,#9254de)}.bar-fill.hotspot{background:linear-gradient(90deg,#fa541c,#ff7a45)}.bar-value{color:#1a1a1a;font-size:13px;font-weight:500;text-align:right;width:40px}.hotspots{gap:16px}.hotspot-item{gap:16px}.hotspot-item,.hotspot-rank{align-items:center;display:flex}.hotspot-rank{background:#f0f0f0;border-radius:50%;color:#666;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.hotspot-item:first-child .hotspot-rank{background:#fff2f0;color:#ff4d4f}.hotspot-item:nth-child(2) .hotspot-rank{background:#fff7e6;color:#fa8c16}.hotspot-item:nth-child(3) .hotspot-rank{background:#f6ffed;color:#52c41a}.hotspot-bar-wrapper{display:flex;flex:1 1;flex-direction:column;gap:4px}.hotspot-name{color:#1a1a1a;font-size:14px;font-weight:500}.hotspot-value{color:#ff4d4f;font-size:14px;font-weight:600;text-align:right;width:60px}.trend-legend{display:flex;float:right;font-size:13px;font-weight:400;gap:16px}.legend-item{align-items:center;color:#666;display:flex;gap:6px}.legend-dot{border-radius:2px;height:12px;width:12px}.legend-dot.current{background:#1890ff}.legend-dot.lastyear{background:#d9d9d9}.monthly-trend{gap:0;padding:8px 0}.trend-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background .15s}.trend-row:hover{background:#f0f5ff}.trend-month-label{color:#333;flex-shrink:0;font-size:14px;font-weight:600;text-align:center;width:40px}.trend-bars-container{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.trend-bar-row{align-items:center;display:flex;gap:8px}.trend-bar-bg{background:#f0f0f0;border-radius:3px;flex:1 1;height:16px;min-width:0;overflow:hidden}.trend-bar-fill{border-radius:3px;height:100%;min-width:2px;transition:width .4s ease}.trend-bar-fill.current{background:linear-gradient(90deg,#1890ff,#40a9ff)}.trend-bar-fill.lastyear{background:linear-gradient(90deg,#d9d9d9,#bfbfbf)}.trend-value{flex-shrink:0;font-size:13px;font-weight:500;text-align:right;width:50px}.trend-value.current{color:#1890ff}.trend-value.lastyear{color:#999}.trend-diff{border-radius:4px;flex-shrink:0;font-size:13px;font-weight:600;padding:2px 6px;text-align:center;width:70px}.trend-diff.up{background:#f6ffed;color:#52c41a}.trend-diff.down{background:#fff2f0;color:#ff4d4f}.dashboard-footer{align-items:center;border-top:1px solid #f0f0f0;color:#999;display:flex;font-size:13px;justify-content:space-between;padding:16px 0}.refresh-btn{background:#1890ff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .2s}.refresh-btn:hover{background:#40a9ff}.clickable{cursor:pointer;transition:background .2s}.clickable:hover{background:#f5f5f5;border-radius:4px}.modal-overlay{padding:20px}.modal-container{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;height:90vh;width:95vw}.modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 24px}.modal-header h2{font-size:18px;font-weight:500;margin:0}.modal-count{color:#666;font-size:14px;font-weight:400;margin-left:8px}.modal-actions{gap:12px}.btn-export{padding:8px 16px}.btn-export:hover{background:#73d13d}.btn-close{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;font-size:16px;padding:8px 12px}.btn-close:hover{background:#e8e8e8}.empty-detail{color:#999;padding:40px;text-align:center}.table-container{flex:1 1;overflow:auto;padding:16px 24px 24px}.detail-table{border-collapse:collapse;font-size:12px;width:100%}.detail-table th{background:#fafafa;border-bottom:1px solid #e8e8e8;color:#333;font-weight:500;padding:10px 8px;position:sticky;text-align:left;top:0;white-space:nowrap}.detail-table td{border-bottom:1px solid #f0f0f0;max-width:200px;overflow:hidden;padding:8px;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.detail-table tr:hover{background:#f5f5f5}.row-unclosed{background:#fff7e6}.row-unclosed:hover{background:#fff2d9}.col-expand{text-align:center;width:40px}.col-seq{color:#666;font-weight:600;text-align:center;width:60px}.btn-expand{background:#0000;border:none;color:#666;cursor:pointer;font-size:12px;padding:2px 6px}.btn-expand:hover{color:#1890ff}.col-id{color:#666;font-family:monospace;font-size:11px}.col-project{max-width:180px}.col-unit{max-width:120px}.col-date{color:#666;font-size:11px;white-space:nowrap}.col-desc{cursor:help;max-width:200px}.status-tag{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px}.status-tag.closed{background:#f6ffed;color:#52c41a}.status-tag.open{background:#fff2f0;color:#ff4d4f}.row-expanded td{background:#fafafa;padding:0}.expanded-content{padding:16px 24px}.expanded-section{margin-bottom:12px}.expanded-section:last-child{margin-bottom:0}.expanded-label{color:#333;font-size:13px;font-weight:500;margin-bottom:6px}.expanded-text{color:#666;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all}@media (max-width:1024px){.modal-container{border-radius:0;height:100vh;width:100vw}.detail-table td,.detail-table th{font-size:11px;padding:6px 4px}.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr;min-width:0}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}}@media (max-width:640px){.summary-cards{grid-template-columns:1fr}.dashboard-controls{align-items:flex-start;flex-direction:column;width:100%}}.bid-container{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.bid-header{display:flex;flex-direction:column;margin-bottom:24px}.bid-header h2{color:#333;font-size:22px;margin:0}.bid-subtitle{color:#999;font-size:13px;margin-top:4px}.bid-body{display:flex;gap:24px}.bid-input-section,.bid-result-section{flex:1 1;min-width:0}.bid-field{margin-bottom:16px}.bid-field label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.bid-textarea{border:1px solid #d9d9d9;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.6;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.bid-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.format-textarea{color:#666;font-size:13px}.bid-row{display:flex;gap:16px}.bid-select{background:#fff;border:1px solid #d9d9d9;border-radius:8px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.bid-select:focus{border-color:#1890ff;outline:none}.bid-error{background:#fff2f0;border-left:3px solid #ff4d4f;border-radius:6px;color:#ff4d4f;font-size:13px;margin-bottom:16px;padding:8px 12px}.bid-actions{margin-top:8px}.btn-bid-generate{align-items:center;background:linear-gradient(135deg,#722ed1,#9254de);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 32px;transition:all .2s}.btn-bid-generate:hover:not(:disabled){box-shadow:0 4px 12px #722ed14d;transform:translateY(-1px)}.btn-bid-generate:disabled{cursor:not-allowed;opacity:.6}.btn-bid{background:linear-gradient(135deg,#722ed1,#9254de);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-right:8px;padding:8px 16px;transition:transform .1s,box-shadow .2s}.btn-bid:hover{box-shadow:0 4px 12px #722ed14d;transform:translateY(-1px)}.bid-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bid-result-header h3{color:#333;font-size:16px;margin:0}.btn-bid-export{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;transition:all .2s}.btn-bid-export:hover{box-shadow:0 4px 12px #52c41a4d}.bid-result-content{background:#fff;border:1px solid #f0f0f0;border-radius:8px;line-height:1.8;max-height:600px;overflow-y:auto;padding:24px}.bid-result-title{border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;font-weight:600;margin:16px 0 8px;padding-bottom:6px}.bid-result-title:first-child{margin-top:0}.bid-result-para{color:#555;font-size:14px;margin:6px 0;text-indent:2em}.bid-no-permission{color:#999;padding:80px 20px;text-align:center}.no-permission-icon{display:block;font-size:48px;margin-bottom:16px}.bid-no-permission h2{color:#666;font-size:18px;margin-bottom:8px}.bid-no-permission p{color:#999;font-size:14px}.bid-hint{color:#999;font-size:12px;font-weight:400}.bid-product-list{display:flex;flex-wrap:wrap;gap:8px}.bid-product-item{align-items:center;border:1px solid #d9d9d9;border-radius:20px;color:#666;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 14px;transition:all .2s;-webkit-user-select:none;user-select:none}.bid-product-item.checked,.bid-product-item:hover{border-color:#722ed1;color:#722ed1}.bid-product-item.checked{background:#f9f0ff}.bid-product-item input[type=checkbox]{display:none}.bid-product-name{white-space:nowrap}.knowledge-container{animation:fadeIn .3s ease;flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.knowledge-header{margin-bottom:28px}.knowledge-header h2{color:#1a1a2e;font-size:22px;font-weight:600;margin-bottom:6px}.knowledge-desc{color:#888;font-size:14px}.knowledge-stats{display:flex;gap:16px;margin-bottom:28px}.knowledge-stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;color:#fff;display:flex;flex-direction:column;gap:4px;min-width:130px;padding:18px 28px}.knowledge-stat-card .stat-value{font-size:26px;font-weight:700}.knowledge-stat-card .stat-label{font-size:13px;opacity:.85}.knowledge-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));margin-bottom:32px}.knowledge-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:14px;cursor:default;display:flex;gap:16px;padding:20px;transition:all .2s}.knowledge-card:hover{border-color:#1890ff;border-color:var(--kb-color,#1890ff);box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.kb-icon{align-items:center;background:#f8f9ff;border-radius:14px;display:flex;flex-shrink:0;font-size:36px;height:56px;justify-content:center;width:56px}.kb-info{flex:1 1;min-width:0}.kb-info h3{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:4px}.kb-meta{color:#999;display:flex;font-size:13px;gap:6px}.kb-updated{color:#bbb;font-size:12px;margin-top:2px}.kb-actions{display:flex;flex-shrink:0;gap:8px}.kb-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:7px 18px;transition:all .2s}.kb-btn-primary{background:#1890ff;background:var(--kb-color,#1890ff);color:#fff}.kb-btn-primary:hover{opacity:.85}.kb-btn-special{background:#f0f5ff;border:1px solid #1890ff;border:1px solid var(--kb-color,#1890ff);color:#1890ff;color:var(--kb-color,#1890ff)}.knowledge-features h3{color:#1a1a2e;font-size:16px;font-weight:600;margin-bottom:14px}.feature-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.feature-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:18px;transition:all .2s}.feature-card:hover{border-color:#722ed1;box-shadow:0 4px 12px #722ed114}.feature-card.featured{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #722ed1;box-shadow:0 4px 16px #722ed126;padding:24px}.feature-card.featured:hover{box-shadow:0 8px 24px #722ed140;transform:translateY(-2px)}.feature-card.featured .feature-icon{font-size:36px}.feature-card.featured .feature-title{color:#fff;font-size:16px}.feature-card.featured .feature-desc{color:#ffffffe6;font-size:13px}.feature-icon{font-size:28px}.feature-title{color:#333;font-size:14px;font-weight:600}.feature-desc{color:#999;font-size:12px}.kb-browse-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.kb-back-btn{background:none;border:none;border-radius:6px;color:#722ed1;cursor:pointer;font-size:14px;padding:6px 12px;transition:background .2s}.kb-back-btn:hover{background:#f5f0ff}.kb-browse-header h2{font-size:20px;font-weight:600;margin:0}.kb-count{color:#999;font-size:13px}.kb-search-bar{margin-bottom:20px;position:relative}.kb-search-input{border:1.5px solid #e8e8e8;border-radius:10px;box-sizing:border-box;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.kb-search-input:focus{border-color:#722ed1}.kb-search-input-lg{font-size:16px;padding:14px 18px}.kb-search-clear{background:#e8e8e8;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:12px;height:24px;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px}.kb-result-count{color:#999;font-size:13px;margin-bottom:16px}.kb-stats-summary{display:flex;gap:12px;margin-bottom:20px}.kb-stat-pill{background:#f5f5f5;border-radius:8px;color:#666;font-size:13px;padding:8px 16px}.kb-stat-pill strong{color:#333}.kb-items-list{display:flex;flex-direction:column;gap:12px}.kb-item-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:16px 20px;transition:all .2s}.kb-item-card:hover{border-color:#e0d4f5;box-shadow:0 2px 8px #0000000a}.kb-item-source{color:#722ed1;font-size:12px;font-weight:500;margin-bottom:6px}.kb-item-q{color:#333;font-size:14px;font-weight:600;line-height:1.6;margin-bottom:6px}.kb-item-a{color:#666;font-size:13px;line-height:1.7;margin-bottom:8px;white-space:pre-wrap}.kb-item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.kb-tag{background:#f0f5ff;border-radius:12px;color:#2f54eb;font-size:12px;padding:3px 10px}.kb-tag-module{background:#f6ffed;color:#52c41a}.kb-tag-time{color:#bbb;font-size:12px}.kb-more{color:#bbb;font-size:13px;padding:12px;text-align:center}.kb-empty{color:#ccc;font-size:15px;padding:60px 20px;text-align:center}.kb-search-box{display:flex;gap:10px;margin-bottom:24px}.kb-search-btn{background:#722ed1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 28px;transition:opacity .2s;white-space:nowrap}.kb-search-btn:hover{opacity:.85}.kb-search-btn:disabled{cursor:default;opacity:.5}.kb-search-tips{color:#999;font-size:14px;padding:40px 20px;text-align:center}.kb-search-hints{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.kb-hint{background:#f5f0ff;border-radius:16px;color:#722ed1;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s}.kb-hint:hover{background:#722ed1;color:#fff}.kb-files-grid{display:flex;flex-direction:column;gap:8px}.kb-file-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.kb-file-icon{font-size:18px}.kb-file-name{color:#333;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-file-size{color:#bbb;font-size:12px}.knowledge-loading{align-items:center;color:#ccc;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.knowledge-spinner{animation:spin .8s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#722ed1;height:36px;width:36px}@media (max-width:768px){.knowledge-grid{grid-template-columns:1fr}.knowledge-stats{flex-wrap:wrap}.knowledge-stat-card{flex:1 1;min-width:100px;padding:14px 18px}.knowledge-stat-card .stat-value{font-size:20px}.kb-item-card{padding:14px}.kb-search-box{flex-direction:column}}.qa-intro{background:#f5f0ff;border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.qa-intro p{color:#666;font-size:14px;margin-bottom:12px}.qa-sources-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.qa-source-tag{background:#fff;border:1px solid #d9d9d9;border-radius:16px;color:#666;font-size:12px;padding:4px 12px}.qa-input-box{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.qa-input{border:1.5px solid #e8e8e8;border-radius:12px;font-size:14px;line-height:1.6;outline:none;padding:16px;resize:none;transition:border-color .2s;width:100%}.qa-input:focus{border-color:#722ed1}.qa-submit-btn{align-self:flex-end;background:#722ed1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:14px 28px;transition:opacity .2s}.qa-submit-btn:hover{opacity:.85}.qa-submit-btn:disabled{cursor:default;opacity:.5}.qa-loading{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px;padding:40px}.qa-answer-box{background:#fff;border:1px solid #f0f0f0;border-radius:14px;margin-bottom:24px}.qa-answer-header{color:#333;font-size:14px;font-weight:600;margin-bottom:12px}.qa-answer-content{color:#666;font-size:14px;white-space:pre-wrap}.qa-sources{border-top:1px solid #f0f0f0}.qa-sources-header{font-size:13px;justify-content:space-between}.qa-sources-count{background:#f5f5f5;border-radius:10px}.qa-sources-list-detail{display:flex;flex-direction:column;gap:10px}.qa-source-item{background:#f8f9fa;border-radius:10px}.qa-source-q{font-size:13px;font-weight:600;margin-bottom:4px}.qa-source-a{font-size:12px;margin-bottom:8px}.qa-source-meta{align-items:center}.qa-source-from{color:#722ed1;font-size:12px}.qa-history{margin-bottom:24px}.qa-history-header{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.qa-clear-btn{background:none;border:none;color:#999;cursor:pointer;font-size:12px;padding:4px 8px}.qa-clear-btn:hover{color:#ff4d4f}.qa-history-list{display:flex;flex-direction:column;gap:8px}.qa-history-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s}.qa-history-item:hover{background:#f5f0ff;border-color:#722ed1}.qa-history-q{color:#333;font-size:13px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qa-history-time{color:#bbb;font-size:12px}.qa-suggestions{background:#f8f9fa;border-radius:12px;padding:16px}.qa-suggestions h4{color:#666;font-size:13px;margin-bottom:12px}.qa-suggestion-list{display:flex;flex-wrap:wrap;gap:10px}.kb-source-filter{border-bottom:1px solid #f0f0f0;margin-bottom:20px;padding-bottom:16px}.kb-filter-label{color:#666;display:block;font-size:13px;margin-bottom:8px}.kb-filter-tags{display:flex;flex-wrap:wrap;gap:8px}.kb-filter-tag{background:#fff;border:1px solid #e8e8e8;border-radius:16px;color:#666;cursor:pointer;font-size:12px;padding:5px 14px;transition:all .2s}.kb-filter-tag:hover{border-color:#722ed1;color:#722ed1}.kb-filter-tag.active{background:#722ed1;border-color:#722ed1;color:#fff}.kb-filter-more{color:#bbb;font-size:12px;padding:5px 8px}.kb-source-list{margin-top:8px}.kb-source-list h4{color:#666;font-size:14px;margin-bottom:12px}.kb-source-items{display:flex;flex-direction:column;gap:6px}.kb-source-stat-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s}.kb-source-stat-item:hover{background:#f5f0ff;border-color:#722ed1}.kb-source-stat-name{color:#333;font-size:13px}.kb-source-stat-count{color:#999;font-size:12px}.kb-product-filter{margin-bottom:16px}.kb-manual-info{padding:40px 20px;text-align:center}.kb-manual-icon{font-size:48px;margin-bottom:16px}.kb-manual-info h3{color:#333;font-size:18px;margin-bottom:12px}.kb-manual-info p{color:#666;font-size:14px;margin-bottom:8px}.kb-manual-files{color:#999;font-size:13px}.kb-manual-list{margin:20px auto;max-width:600px;text-align:left}.kb-manual-file{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;gap:8px;margin-bottom:6px;padding:8px 12px}.kb-manual-tip{background:#f5f0ff;border-radius:8px;color:#722ed1;font-size:13px;margin-top:20px;padding:12px 20px}.kb-btn-disabled{background:#f5f5f5;border:1px solid #e8e8e8;color:#999;cursor:default}.qa-answer-box{background:linear-gradient(135deg,#f8f9ff,#f5f0ff);border:1px solid #e8e0ff;border-radius:12px;box-shadow:0 2px 8px #722ed114;margin:16px 0;padding:20px}.qa-answer-header{align-items:center;border-bottom:1px solid #e8e0ff;display:flex;gap:8px;margin-bottom:16px;padding-bottom:12px}.qa-answer-icon{font-size:20px}.qa-answer-badge{background:#722ed1;border-radius:10px;color:#fff;font-size:12px;margin-left:auto;padding:3px 10px}.qa-answer-content{color:#333;font-size:15px;line-height:1.8}.qa-answer-line{margin-bottom:6px}.qa-answer-step{background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;padding:10px 12px}.qa-step-num{align-items:center;background:#722ed1;border-radius:6px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;height:24px;justify-content:center;width:24px}.qa-step-text{flex:1 1}.qa-answer-note{background:#fff7e6;border:1px solid #ffd591;border-radius:8px;color:#d46b08;margin:12px 0;padding:10px 14px}.qa-answer-reference{background:#f0f5ff;border-radius:6px;color:#1d39c4;font-size:13px;padding:8px 12px}.qa-sources{border-top:1px dashed #e8e0ff;margin-top:20px;padding-top:16px}.qa-sources-header{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.qa-sources-count{background:#f0f0f0;border-radius:8px;font-size:12px;padding:2px 8px}.qa-source-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.qa-source-num{align-items:center;background:#f5f5f5;border-radius:6px;color:#999;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;width:28px}.qa-source-content{flex:1 1}.qa-source-q{color:#333;font-size:14px;margin-bottom:6px}.qa-source-a{color:#666;font-size:13px;line-height:1.6}.qa-source-meta{display:flex;font-size:12px;gap:8px;margin-top:8px}.qa-source-from{color:#999}.qa-tag{background:#e6f7ff;border-radius:4px;color:#1890ff;padding:2px 8px}.kb-module-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.kb-module-tab{background:#fff;border:1px solid #e8e8e8;border-radius:18px;color:#666;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.kb-module-tab:hover{border-color:#722ed1;color:#722ed1}.kb-module-tab.active{background:#722ed1;border-color:#722ed1;color:#fff}.kb-manual-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.kb-manual-card{align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;position:relative;transition:all .2s}.kb-manual-card:hover{border-color:#722ed1;box-shadow:0 2px 8px #722ed11a}.kb-file-type{align-items:center;background:#f5f0ff;border-radius:8px;color:#722ed1;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:44px;justify-content:center;width:44px}.kb-file-info{flex:1 1;min-width:0}.kb-file-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.kb-file-meta{color:#999;font-size:12px;margin-top:2px}.kb-file-badge{background:#f6ffed;border:1px solid #b7eb8f;border-radius:8px;color:#52c41a;font-size:10px;padding:2px 8px;position:absolute;right:10px;top:-6px}.kb-manual-content{border:1px solid #f0f0f0;border-radius:10px;overflow:hidden}.kb-manual-toolbar{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 16px}.kb-manual-toolbar h3{flex:1 1;font-size:15px;margin:0}.kb-manual-actions{display:flex;gap:8px}.kb-action-btn{background:#722ed1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s}.kb-action-btn:hover{background:#531dab}.kb-action-btn:disabled{background:#d9d9d9;cursor:not-allowed}.kb-manual-body{max-height:75vh;overflow-y:auto;padding:20px}.kb-md-content{color:#333;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}.kb-error{color:#ff4d4f;padding:40px;text-align:center}.qa-badge-ai{background:#fa8c16!important}.qa-disclaimer{background:#fff7e6;border:1px solid #ffd591;border-radius:6px;color:#d46b08;font-size:13px;margin-top:12px;padding:10px 14px}.login-title{color:#333;margin-bottom:20px;text-align:center}.login-tabs{background:#f5f5f5;border-radius:8px;display:flex;margin-bottom:15px;overflow:hidden}.login-tab{background:#0000;border:none;color:#666;cursor:pointer;flex:1 1;font-size:14px;padding:10px;transition:all .2s}.login-tab.active{background:#722ed1;color:#fff}.login-tab:hover:not(.active){background:#e0e0e0}.register-link{color:#666;font-size:13px;margin-top:15px;text-align:center}.register-link span{color:#722ed1;cursor:pointer;font-weight:500}.btn-resend{background:#fff;border:1px solid #722ed1;border-radius:8px;color:#722ed1;cursor:pointer;font-size:13px;margin-top:10px;padding:10px;width:100%}.btn-resend:disabled{cursor:not-allowed;opacity:.5}.profile-page{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-header h2{font-size:20px;margin:0}.profile-message{background:#e6f7ff;border-radius:8px;color:#1890ff;margin-bottom:15px;padding:10px;text-align:center}.profile-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px}.profile-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:15px 0}.profile-item:last-of-type{border-bottom:none}.profile-item label{color:#666;font-size:14px;width:100px}.profile-item span{color:#333;flex:1 1}.profile-input{border:1px solid #d9d9d9;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.webhook-item{align-items:flex-start;flex-direction:column}.webhook-value{color:#999;font-size:12px;word-break:break-all}.profile-actions{display:flex;gap:10px;margin-top:20px}.profile-actions .btn-primary,.profile-actions .btn-secondary{flex:1 1}.modal-box{max-width:400px;padding:30px;width:90%}.modal-box h3{margin:0 0 20px;text-align:center}.modal-box .login-input{margin-bottom:10px}.modal-message{color:#f5222d;font-size:13px;margin:10px 0;text-align:center}.modal-actions{gap:10px;margin-top:15px}.modal-actions button{flex:1 1}.sidebar-bottom-nav{border-top:1px solid #e8e8e8;margin-top:auto;padding-top:8px}.home-actions{align-items:center;display:flex;gap:8px}.btn-profile{background:#fff;border:1px solid #d9d9d9;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:6px 14px}.btn-profile:active{background:#f5f5f5}.qa-stats-link{color:#ccc;cursor:pointer;font-size:11px;margin-top:10px;opacity:.3;padding:8px;text-align:center;transition:opacity .2s}.qa-stats-link:hover{opacity:.8}.qa-stats-page{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.qa-stats-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.qa-stats-header h2{margin:0}.qa-stats-grid{display:flex;gap:15px;margin-bottom:20px}.qa-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;flex:1 1;padding:20px;text-align:center}.qa-stat-card h3{color:#666;font-size:14px;margin:0 0 10px}.qa-stat-num{color:#722ed1;font-size:28px;font-weight:700}.qa-stats-section{margin-bottom:20px}.qa-stats-section h3{font-size:16px;margin:0 0 10px}.qa-recent-list,.qa-user-list{display:flex;flex-direction:column;gap:8px}.qa-user-row{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;display:flex;justify-content:space-between;padding:10px 15px}.qa-count{color:#722ed1;font-weight:500}.qa-recent-item{background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000f;padding:12px 15px}.qa-recent-q{font-size:14px;margin-bottom:4px}.qa-recent-meta{color:#999;display:flex;font-size:12px;justify-content:space-between}.qa-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.qa-filters input,.qa-filters select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;padding:8px 12px}.qa-filters input{flex:1 1;min-width:120px}.btn-clear-filter{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#999;cursor:pointer;font-size:13px;padding:8px 12px}.detail-charts-section{margin-top:28px}.detail-charts-section .section-title{border-bottom:2px solid #4e79a7;color:#1a1a1a;font-size:18px;margin:0 0 16px;padding-bottom:12px}.chart-container{height:400px;padding:12px 16px;position:relative;width:100%}.chart-container.pie-chart{height:350px}.charts-grid .chart-card{background:#fafafa;border:none;border-radius:8px;box-shadow:none;padding:20px}.charts-grid .chart-card h3{border-bottom:none;border-left:3px solid #7c8b9e;color:#7c8b9e;font-size:16px;font-weight:600;margin:0 0 16px;padding-left:10px}.charts-grid .chart-card .report-bar-chart,.charts-grid .chart-card .report-pie-chart{background:#fff;border-radius:6px;padding:16px}.charts-grid .chart-card .chart-content{padding:16px 12px 12px}.report-legend-item.clickable{border-radius:4px;cursor:pointer}.report-legend-item.clickable:hover{background:#e6f7ff}.report-bar-row.clickable{border-radius:4px;cursor:pointer;padding:4px;transition:background .15s}.report-bar-row.clickable:hover{background:#f0f7ff}.patch-manager{margin:0 auto;max-width:100%;padding:24px 32px}.patch-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.patch-header h2{margin:0}.patch-filter-card,.patch-form-card,.patch-list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:20px}.patch-form-card h3,.patch-list-card h3{font-size:16px;margin:0 0 15px}.patch-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#666}.form-input,.form-select,.form-textarea{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:10px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#1890ff;outline:none}.project-select-wrapper{position:relative}.project-dropdown{background:#fff;border:1px solid #d9d9d9;border-radius:6px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.project-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px}.project-option:hover{background:#e6f7ff}.project-option:last-child{border-bottom:none}.project-empty{color:#999;padding:10px;text-align:center}.module-select-wrapper{position:relative}.module-dropdown{background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:2px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.module-option{border-bottom:1px solid #f5f5f5;cursor:pointer;font-size:13px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.module-option:hover{background:#e6f7ff}.form-actions{gap:10px;margin-top:20px}.btn-primary,.btn-secondary{padding:10px 20px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-item{display:flex;flex-direction:column;gap:5px}.btn-export{background:#52c41a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.patch-table-wrapper{overflow-x:auto}.patch-table{border-collapse:collapse;font-size:13px;width:100%}.patch-table td,.patch-table th{border:1px solid #e8e8e8;padding:10px;text-align:left}.patch-table th{background:#f5f5f5;font-weight:600}.patch-table tr:hover{background:#f9f9f9}.desc-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachments-cell{display:flex;flex-direction:column;gap:5px}.attachment-link{color:#1890ff;cursor:pointer;font-size:12px}.attachment-link:hover{text-decoration:underline}.action-btns{display:flex;gap:5px}.btn-delete,.btn-edit{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:4px 8px}.btn-edit:hover{border-color:#1890ff;color:#1890ff}.btn-delete:hover{border-color:#ff4d4f;color:#ff4d4f}.btn-upload{background:#fff;border:1px solid #52c41a;border-radius:4px;color:#52c41a;cursor:pointer;font-size:12px;padding:4px 8px}.empty-text,.loading-text{color:#999;padding:20px;text-align:center}.patch-table tr.expanded-row{background:#e6f7ff}.patch-table tr.attachment-row td{border-top:none;padding:0}.attachment-detail{background:#f9f9f9;padding:12px 20px}.attachment-header{align-items:center;display:flex;font-weight:500;justify-content:space-between;margin-bottom:10px}.btn-add-att{background:#1890ff;border:1px solid #1890ff;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 10px}.attachment-list{display:flex;flex-direction:column;gap:6px}.attachment-item{align-items:center;background:#fff;border-radius:4px;display:flex;gap:10px;padding:6px 10px}.att-icon{font-size:14px}.att-name{color:#1890ff;cursor:pointer;flex:1 1}.att-name:hover{text-decoration:underline}.att-size{color:#999;font-size:12px}.att-download{color:#52c41a}.att-delete,.att-download{cursor:pointer;font-size:12px}.att-delete{color:#ff4d4f}.no-attachment{color:#999;font-size:13px}.btn-upload-btn{background:#1890ff;border:1px solid #1890ff;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.form-attachments{background:#fafafa;border:1px solid #e8e8e8;border-radius:8px;margin:16px 0;padding:16px}.form-tip{background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;color:#8c6e00;font-size:13px;margin:12px 0;padding:10px 16px}.modal-overlay{background:#0006}.modal-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;max-width:90%;padding:24px 28px;width:360px}.modal-title{font-size:18px;margin:0 0 8px;text-align:center}.modal-desc{color:#666;font-size:13px;margin:0 0 16px;text-align:center}.btn-modal-close{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:6px;color:#666;cursor:pointer;font-size:14px;margin-top:12px;padding:10px;width:100%}.btn-modal-close:hover{background:#e8e8e8}.login-message.success{color:#52c41a}.page-container{flex:1 1;margin:0 auto;max-width:100%;min-height:calc(100vh - 60px);padding:16px 12px 24px;width:100%}.page-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.page-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.filter-bar{flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;border:1px solid #d9d9d9;border-radius:16px;color:#666;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s}.filter-btn:hover{border-color:#1890ff;color:#1890ff}.filter-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.project-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-card{background:#ffffffd9;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;padding:16px;transition:all .2s}.project-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.btn-email-parse{background:linear-gradient(135deg,#52c41a,#73d13d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 16px;transition:all .2s}.btn-email-parse:hover{box-shadow:0 4px 12px #52c41a4d;transform:translateY(-1px)}.email-parse-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:560px;padding:32px}.email-parse-steps{gap:0;justify-content:center;margin-bottom:32px}.email-parse-steps,.step{align-items:center;display:flex}.step{flex-direction:column;gap:6px}.step-num{align-items:center;background:#f0f0f0;border-radius:50%;color:#999;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;transition:all .3s;width:32px}.step.active .step-num{background:#1890ff;box-shadow:0 2px 8px #1890ff4d;color:#fff}.step.done .step-num{background:#52c41a;color:#fff}.step-text{color:#999;font-size:12px}.step.active .step-text,.step.done .step-text{color:#333;font-weight:500}.step-line{background:#f0f0f0;height:2px;margin:0 12px 20px;width:60px}.email-upload-zone{background:#fafbfc;border:2px dashed #d9d9d9;border-radius:10px;cursor:pointer;padding:36px 24px;text-align:center;transition:all .3s}.email-upload-zone:hover{background:#f0f7ff;border-color:#1890ff}.email-upload-zone .upload-icon{font-size:40px;margin-bottom:10px}.email-upload-zone .upload-text{color:#333;font-size:15px;font-weight:500}.email-upload-zone .upload-hint{color:#bbb;font-size:12px;margin-top:6px}.file-selected{align-items:center;display:flex;gap:14px;padding:8px 0}.file-selected .file-icon{font-size:28px}.file-selected .file-info{flex:1 1;text-align:left}.file-selected .file-name{color:#333;font-size:14px;font-weight:500}.file-selected .file-size{color:#999;font-size:12px;margin-top:2px}.file-selected .file-status{background:#f6ffed;border-radius:12px;color:#52c41a;font-size:13px;font-weight:500;padding:4px 12px}.parse-result-card{background:#f6ffed;border:1px solid #b7eb8f;border-radius:10px;margin-top:20px;overflow:hidden}.result-header{background:#52c41a0f;border-bottom:1px solid #d9f7be;color:#389e0d;font-size:14px;font-weight:500;padding:12px 16px}.result-icon{margin-right:6px}.result-grid{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.result-grid .result-item{display:flex;font-size:13px;gap:8px}.result-label{color:#8c8c8c;flex-shrink:0;min-width:70px}.result-value{color:#333;word-break:break-all}.email-parse-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.btn-parse{align-items:center;display:flex;gap:8px;padding:10px 24px}.btn-parse:disabled{background:#d9d9d9;cursor:not-allowed}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.files-list{width:100%}.files-header{align-items:center;color:#52c41a;display:flex;font-size:13px;font-weight:500;justify-content:space-between;margin-bottom:10px}.btn-clear-files{background:none;border:1px solid #d9d9d9;border-radius:4px;color:#999;cursor:pointer;font-size:12px;padding:2px 8px}.btn-clear-files:hover{border-color:#ff4d4f;color:#ff4d4f}.file-item{background:#f6ffed;gap:8px;margin-top:4px;padding:6px 10px}.file-icon-small{font-size:14px}.file-name-small{color:#333;flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis}.file-size-small{color:#999;font-size:11px}.btn-remove-file{background:none;border:none;color:#999;cursor:pointer;font-size:12px;padding:0 4px}.btn-remove-file:hover{color:#ff4d4f}.result-list{max-height:200px;overflow-y:auto;padding:8px 16px}.result-item-batch{align-items:center;border-radius:4px;display:flex;font-size:12px;gap:10px;margin-top:4px;padding:6px 8px}.result-item-batch.success{background:#f6ffed}.result-item-batch.error{background:#fff2f0}.result-file{color:#666;min-width:120px;overflow:hidden;text-overflow:ellipsis}.result-patch{color:#52c41a;font-weight:500}.result-error{color:#ff4d4f}.project-card-header{display:flex;gap:8px;margin-bottom:12px}.project-status-tag,.project-type-tag{border-radius:4px;font-size:12px;padding:2px 8px}.project-card-name{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.project-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;margin:0 0 12px;overflow:hidden}.project-card-meta{color:#999;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.project-progress-bar{background:#f0f0f0;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.project-progress-fill{background:linear-gradient(90deg,#1890ff,#52c41a);border-radius:3px;height:100%;transition:width .3s}.project-progress-text{color:#666;font-size:12px}.project-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:16px}.project-header,.project-header-left{align-items:flex-start;display:flex;gap:12px}.project-info{display:flex;flex-direction:column;gap:8px}.project-title{font-size:24px;font-weight:600;margin:0}.project-tags{display:flex;gap:8px}.tag{border-radius:4px;font-size:12px;padding:2px 8px}.tag-type{background:#e6f7ff;color:#1890ff}.project-header-right{align-items:center;display:flex;gap:16px}.project-progress{color:#1890ff;font-size:24px;font-weight:600}.project-actions{display:flex;gap:8px}.project-progress-bar-lg{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:16px;overflow:hidden}.project-meta-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:20px}.project-desc{color:#666;font-size:14px;margin:0}.project-meta-info{color:#999;display:flex;font-size:13px;gap:16px}.tab-bar{border-bottom:1px solid #e8e8e8;display:flex;gap:0;margin-bottom:20px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;margin-bottom:-1px;padding:12px 24px;transition:all .2s}.tab-btn:hover{color:#1890ff}.tab-btn.active{border-bottom-color:#1890ff;color:#1890ff}.wbs-container{background:#fff;border-radius:8px;padding:16px}.wbs-toolbar{margin-bottom:16px}.wbs-tree{min-height:200px}.wbs-node{border-left:2px solid #e8e8e8;padding:4px 0}.wbs-section{border:1px solid #e8e8e8;margin-top:16px}.wbs-header{border-bottom:1px solid #f0f0f0;padding-bottom:12px}.wbs-header h2{color:#333}.wbs-node-content{align-items:center;display:flex;padding:8px 0}.wbs-expand{color:#999;cursor:pointer;font-size:12px;text-align:center;width:20px}.wbs-expand.empty{cursor:default}.wbs-node-main{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 1px 3px #0000000d;display:flex;flex:1 1;gap:8px;padding:10px 14px;transition:all .2s}.wbs-node-main:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff1a}.wbs-level-tag{background:#f0f0f0;border-radius:3px;color:#666;font-size:10px;padding:1px 4px}.wbs-node-name{flex:1 1;font-weight:500;min-width:120px}.wbs-node-assignee{font-size:12px;min-width:60px}.wbs-node-priority,.wbs-node-status{border-radius:3px;font-size:11px;padding:1px 6px}.wbs-node-progress{align-items:center;display:flex;gap:4px;min-width:80px}.wbs-progress-bar{background:#f0f0f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.wbs-progress-fill{background:#1890ff;border-radius:2px;height:100%}.wbs-node-date{font-size:11px;min-width:80px}.wbs-node-actions{display:flex;gap:6px;opacity:1;transition:opacity .2s}.wbs-node-main:hover .wbs-node-actions{opacity:1}.btn-link{border-radius:4px;font-size:12px;transition:all .2s}.btn-link:hover{background:#e6f7ff}.btn-icon{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;font-size:14px;justify-content:center}.btn-icon:hover{background:#1890ff;color:#fff}.btn-icon-danger:hover{background:#ff4d4f}.wbs-children{margin-left:20px}.empty-state-sm{color:#999;padding:40px 20px;text-align:center}.gantt-container{background:#fff;border-radius:8px;overflow:auto;padding:16px}.gantt-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:16px}.gantt-scroll{max-height:calc(100vh - 350px);overflow:auto}.kanban-container{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px}.kanban-column{background:#f5f5f5;border-radius:8px;flex:1 1;max-width:320px;min-width:280px;overflow:hidden}.kanban-header{font-size:14px;font-weight:600;padding:12px 16px}.kanban-body{min-height:200px;padding:8px}.kanban-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.kanban-card:hover{box-shadow:0 2px 8px #00000026}.kanban-card-name{font-weight:500;margin-bottom:8px}.kanban-card-meta{color:#666;display:flex;font-size:12px;justify-content:space-between;margin-bottom:8px}.kanban-card-progress{align-items:center;display:flex;gap:8px}.kanban-progress-bar{background:#f0f0f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.kanban-progress-fill{background:#1890ff;border-radius:2px;height:100%}.form-group{margin-bottom:16px}.form-group label{color:#333;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-input{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.form-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.form-row{gap:16px}.form-row .form-group{flex:1 1}.modal-box-md{width:480px}.modal-actions{margin-top:20px}.my-todos-section{background:#ffffffb3;border-radius:12px;margin-bottom:24px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-title{color:#1a1a1a;font-size:18px;font-weight:600;margin:0}.todo-count{background:#f0f0f0;border-radius:10px;color:#999;font-size:13px;padding:2px 8px}.todo-empty,.todo-loading{color:#999;padding:32px;text-align:center}.todo-empty{align-items:center;display:flex;gap:8px;justify-content:center}.todo-empty-icon{font-size:20px}.todo-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.todo-card{background:#ffffffd9;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .2s}.todo-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #0000001a}.todo-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.todo-project{color:#999;font-size:12px}.todo-status{border-radius:3px;font-size:11px;padding:1px 6px}.todo-card-name{font-size:14px;font-weight:500;margin-bottom:8px}.todo-card-footer{align-items:center;display:flex;justify-content:space-between}.todo-deadline,.todo-progress{color:#666;font-size:12px}.todo-progress{align-items:center;display:flex;gap:8px}.todo-progress-bar{background:#f0f0f0;border-radius:2px;height:4px;overflow:hidden;width:40px}.todo-progress-fill{background:#1890ff;border-radius:2px;height:100%}.todo-card-more{align-items:center;color:#1890ff;display:flex;font-size:14px;justify-content:space-between}.btn-primary{transition:background .2s}.btn-danger,.btn-primary,.btn-secondary{font-size:14px;padding:8px 16px}.btn-danger{background:#fff;border:1px solid #ff4d4f;color:#ff4d4f;transition:all .2s}.btn-danger:hover{background:#ff4d4f;color:#fff}.btn-sm{font-size:13px;padding:4px 12px}.btn-back{background:#3b82f614;border:none;border-radius:6px;color:#3b82f6;font-size:14px;transition:all .15s}.btn-back:hover{background:#3b82f626;color:#2563eb}.loading-state{color:#999;text-align:center}.empty-state,.loading-state{padding:60px 20px}.empty-state p{margin:0 0 16px}@media (max-width:768px){.page-container{padding:16px}.page-top-bar{align-items:flex-start;flex-direction:column;gap:12px}.project-grid{grid-template-columns:1fr}.project-header{flex-direction:column}.wbs-node-main{flex-wrap:wrap}.wbs-node-date,.wbs-node-progress{order:1}.form-row,.kanban-container{flex-direction:column}.kanban-column{max-width:none;min-width:auto}}.announcements-section{background:#ffffffb3;border-radius:12px;margin-top:24px;padding:20px}.announcement-empty{color:#999;padding:32px}.announcement-list{display:flex;flex-direction:column;gap:12px}.announcement-card{background:#ffffffd9;border:1px solid #e8e8e8;border-radius:8px;padding:16px;transition:all .2s}.announcement-card:hover{box-shadow:0 2px 8px #0000001a}.announcement-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.announcement-title{color:#1a1a2e;font-size:15px;font-weight:600}.announcement-date{color:#999;font-size:12px}.announcement-content{color:#555;font-size:14px;line-height:1.6;margin-bottom:12px;white-space:pre-wrap}.announcement-download{align-items:center;background:#e6f7ff;border-radius:6px;color:#1890ff;display:inline-flex;font-size:13px;gap:6px;margin-right:8px;padding:6px 12px;text-decoration:none;transition:all .2s}.announcement-download:hover{background:#1890ff;color:#fff}.announcement-attachments{margin-top:10px}.permission-manager{margin:0 auto;max-width:100%;padding:24px 32px}.perm-header{margin-bottom:24px}.perm-header h2{color:#1a1a2e;font-size:18px;margin:0 0 8px}.perm-desc{color:#888;font-size:12px;margin:0}.perm-loading{color:#999;padding:48px;text-align:center}.perm-message{background:#e6f7ff;border:1px solid #91d5ff;border-radius:6px;color:#1890ff;font-size:14px;margin-bottom:16px;padding:12px 16px}.perm-table{background:#fff;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden}.perm-table-header,.perm-table-row{align-items:center;display:flex;padding:8px 12px}.perm-table-header{background:#fafafa;border-bottom:1px solid #e8e8e8;color:#666;font-size:12px;font-weight:600}.perm-table-row{border-bottom:1px solid #f0f0f0}.perm-table-row:last-child{border-bottom:none}.perm-table-row:hover{background:#fafafa}.perm-cell{flex:1 1;min-width:80px}.perm-cell-user{display:flex;flex-direction:column;gap:2px;min-width:120px}.perm-username{color:#333;font-size:13px;font-weight:500}.perm-realname{color:#999;font-size:11px}.perm-cell-item{align-items:center;display:flex;font-size:12px;gap:4px}.perm-item-icon{font-size:14px}.perm-cell-check{display:flex;justify-content:center}.perm-toggle{background:#fff;border:2px solid #d9d9d9;border-radius:6px;color:#1890ff;cursor:pointer;font-size:16px;font-weight:600;height:32px;transition:all .2s;width:32px}.perm-toggle.active,.perm-toggle:hover{border-color:#1890ff}.perm-toggle.active{background:#1890ff;color:#fff}.perm-toggle:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.todo-grid{grid-template-columns:1fr}}.project-tabs{border-bottom:1px solid #e8e8e8;display:flex;gap:0;margin-bottom:16px}.tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .2s}.tab.active,.tab:hover{color:#1890ff}.tab.active{border-bottom-color:#1890ff;font-weight:500}.wbs-section{background:#fff;border-radius:8px;padding:20px}.wbs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.wbs-header h2{font-size:16px;margin:0}.wbs-node-left{align-items:center;display:flex;flex:1 1;gap:12px}.wbs-node-priority,.wbs-node-status{border-radius:4px;font-size:12px;padding:2px 8px}.wbs-node-assignee{color:#666;font-size:13px}.wbs-node-date{color:#999;font-size:12px}.gantt-section{background:#fff;border-radius:8px;padding:20px}.gantt-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.gantt-header h2{font-size:16px;margin:0}.gantt-controls{align-items:center;display:flex;gap:12px}.gantt-controls button{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:4px 12px}.gantt-controls button:hover{border-color:#1890ff;color:#1890ff}.btn-link{background:none;border:none;color:#1890ff;cursor:pointer;font-size:13px;padding:4px 8px}.btn-link:hover{text-decoration:underline}.btn-icon{background:#0000;border:none;color:#666;cursor:pointer;font-size:12px;height:24px;width:24px}.workorder-import-page{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.woi-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.woi-header h2{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.woi-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.woi-input-section{background:#fff;border:1px solid #eef0f4;border-radius:12px;box-shadow:0 1px 4px #0000000a;padding:20px}.woi-config{display:flex;gap:15px;margin-bottom:15px}.woi-config .form-group{flex:1 1}.woi-config label{color:#666;display:block;font-size:13px;margin-bottom:4px}.woi-config .form-input,.woi-config .form-select{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;padding:8px 10px;width:100%}.woi-input-section{margin-bottom:16px}.woi-mode-tabs{display:flex;gap:8px;margin-bottom:12px}.woi-tab{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.woi-tab:hover{background:#e5e7eb}.woi-tab.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.woi-image-mode{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;min-height:200px;outline:none}.woi-image-mode:focus{border-color:#4f46e5}.woi-image-dropzone{cursor:pointer;padding:60px 20px;text-align:center}.woi-dropzone-icon{font-size:48px;margin-bottom:12px}.woi-dropzone-text{color:#6b7280;font-size:14px}.woi-image-preview-box{padding:20px;text-align:center}.woi-image-thumb{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;max-height:160px;max-width:100%}.woi-image-actions-box{background:#eef2ff;border:2px solid #c7d2fe;border-radius:12px;margin-top:16px;padding:16px}.woi-image-actions{background:#f3f4f6;border-radius:8px;display:flex;gap:12px;justify-content:center;padding:12px}.btn-ocr{font-size:15px!important;font-weight:600!important;padding:12px 24px!important}.btn-ocr-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px}.btn-ocr-cancel:hover{background:#f3f4f6}.woi-input-header{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:8px}.woi-source-tabs{align-items:center;display:flex;gap:6px}.woi-source-label{color:#64748b;font-size:13px;font-weight:500}.woi-source-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.woi-source-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.woi-source-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.woi-mode-pills{display:flex;gap:4px}.woi-pill{background:#e2e8f0;border:none;border-radius:20px;color:#475569;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.woi-pill:hover{background:#cbd5e1}.woi-pill.active{background:#10b981;color:#fff}.feishu-unit-modal{max-width:520px;padding:20px}.feishu-modal-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.feishu-modal-header h3{color:#1e293b;font-size:16px;margin:0 0 6px}.feishu-batch-row{align-items:center;background:#eff6ff;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px}.feishu-batch-label{color:#3b82f6;font-size:13px;font-weight:500}.feishu-batch-select{flex:1 1}.btn-apply-batch{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 14px}.btn-apply-batch:hover{background:#2563eb}.feishu-persons-list{max-height:300px}.feishu-person-item{border-radius:6px;padding:8px;transition:background .2s}.feishu-person-item:hover{background:#f1f5f9}.feishu-person-name{color:#334155;font-size:13px;min-width:80px}.feishu-unit-input{font-size:13px;padding:8px 10px}.woi-chat-type-tabs{display:flex;gap:6px;margin-bottom:8px}.woi-chat-type{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;padding:5px 12px;transition:all .2s}.woi-chat-type:hover{background:#e5e7eb}.woi-chat-type.active{background:#059669;border-color:#059669;color:#fff}.feishu-unit-modal{max-width:480px;width:90%}.feishu-persons-list{max-height:400px;overflow-y:auto}.feishu-person-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:10px 0}.feishu-person-name{color:#374151;font-weight:500;min-width:100px}.feishu-person-item .fuzzy-select-wrapper{flex:1 1}.fuzzy-select-wrapper{position:relative}.fuzzy-select-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.fuzzy-select-option{color:#374151;cursor:pointer;font-size:13px;padding:8px 12px}.fuzzy-select-option:hover{background:#eef2ff;color:#4f46e5}.woi-ocr-section{margin-bottom:16px}.woi-ocr-section label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.woi-ocr-upload{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:border-color .2s}.woi-ocr-upload:hover{border-color:#4f46e5}.woi-ocr-placeholder{color:#6b7280;font-size:13px}.woi-ocr-preview{align-items:center;color:#4f46e5;display:flex;gap:8px}.woi-ocr-preview span{font-size:12px}.btn-ocr{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;margin-top:8px;padding:6px 16px}.btn-ocr:hover{background:#059669}.btn-ocr:disabled{background:#9ca3af;cursor:not-allowed}.woi-chat-input{margin-bottom:15px}.woi-chat-input label{color:#666;display:block;font-size:13px;margin-bottom:6px}.woi-chat-input textarea{border:1px solid #e0e0e0;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.6;padding:10px;resize:vertical;width:100%}.woi-chat-input textarea::placeholder{color:#bbb}.btn-parse{font-size:15px;padding:10px;width:100%}.woi-pending-section{background:#fff;border:1px solid #eef0f4;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;flex-direction:column;max-height:calc(100vh - 160px);padding:20px}.woi-pending-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.woi-pending-header h3{font-size:15px;margin:0}.woi-empty{color:#999;font-size:14px;padding:40px 0;text-align:center}.woi-order-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto}.woi-order-card{background:#fafafa;border:1px solid #eee;border-radius:8px;padding:12px}.woi-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.woi-order-num{color:#722ed1;font-size:13px;font-weight:700}.btn-remove{background:none;border:none;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:16px;padding:2px 6px}.btn-remove:hover{background:#fff1f0}.woi-order-body{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.woi-field{display:flex;flex-direction:column}.woi-field.full{grid-column:1/-1}.woi-field label{color:#999;font-size:12px;margin-bottom:2px}.woi-field input,.woi-field select,.woi-field textarea{border:1px solid #e0e0e0;border-radius:6px;font-size:13px;padding:6px 8px}.woi-field textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;resize:vertical}.nickname-modal{background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:20px}.nickname-modal h3{color:#111827;font-size:18px;margin:0 0 10px}.nickname-modal .modal-hint{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:14px;margin:0 0 18px;padding-bottom:12px}.nickname-modal .form-group{margin-bottom:14px}.nickname-modal .form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.nickname-modal .form-group .form-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.nickname-modal .form-group .form-input:focus{border-color:#3b82f6;outline:none}.nickname-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:15px}.checkbox-group{margin-top:8px}.checkbox-label{color:#333;display:flex!important;font-size:14px;gap:6px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.polish-toggle{margin-bottom:10px;padding:8px 0}.btn-mapping-manager{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:13px;margin-left:auto;padding:6px 12px}.btn-mapping-manager:hover{background:#e8e8e8}.mapping-manager-modal{background:#fff;border:2px solid #cbd5e1;border-radius:14px;box-shadow:0 8px 30px #0000002e,0 0 0 1px #3b82f614;max-height:75vh;max-width:580px;overflow-y:auto;padding:24px}.mapping-search-bar{margin-bottom:16px;position:relative}.mapping-search-input{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;outline:none;padding:10px 36px 10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.mapping-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.mapping-search-input::placeholder{color:#9ca3af}.mapping-search-clear{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:20px;padding:0;position:absolute;right:8px;text-align:center;top:50%;transform:translateY(-50%);width:20px}.mapping-search-clear:hover{background:#d1d5db;color:#374151}.mapping-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.mapping-header h3{color:#111827;font-size:20px;font-weight:700;letter-spacing:.3px;margin:0}.btn-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;padding:0}.btn-close:hover{color:#333}.mapping-empty{color:#999;padding:30px;text-align:center}.mapping-list{display:flex;flex-direction:column;gap:10px}.mapping-item{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;justify-content:space-between;padding:12px 14px}.mapping-info,.mapping-item{align-items:center;display:flex}.mapping-info{flex:1 1;gap:10px;overflow:hidden}.mapping-nick{color:#111827;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mapping-arrow{color:#9ca3af;font-size:14px}.mapping-realname{color:#1d4ed8;font-size:14px;font-weight:500}.mapping-unit{color:#6b7280;font-size:13px;margin-left:4px}.badge-solver{background:#dbeafe;border-radius:4px;color:#1d4ed8;font-size:11px;padding:2px 6px}.mapping-actions{display:flex;gap:6px}.btn-edit{background:#fff;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;font-size:12px;padding:4px 10px}.btn-edit:hover{background:#f0f0f0}.btn-delete{background:#fff;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;font-size:12px;padding:4px 10px}.btn-delete:hover{background:#fef2f2}.btn-download{background:#fff;border:1px solid #bfdbfe;border-radius:4px;color:#2563eb;cursor:pointer;font-size:12px;padding:4px 10px}.btn-download:hover{background:#eff6ff}.manuals-page{flex:1 1;margin:0 auto;max-width:100%;min-height:calc(100vh - 80px);padding:16px 12px 24px;width:100%}.manuals-layout{display:flex;gap:20px;margin-top:15px}.manuals-sidebar{flex-shrink:0;width:280px}.manuals-sidebar-title{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:10px 10px 0 0;color:#6b7280;display:flex;font-size:13px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:12px 14px}.manuals-project-search{background:#fff;border:1px solid #d1d5db;border-radius:5px;font-size:12px;outline:none;padding:4px 8px;width:120px}.manuals-project-search:focus{border-color:#3b82f6}.manuals-no-results{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.manuals-project-list{background:#fff;border:1px solid #e5e7eb;border-radius:0 0 10px 10px;border-top:none;max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:none}.manuals-project-list::-webkit-scrollbar{display:none}.manuals-project-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;justify-content:space-between;padding:11px 14px;transition:all .15s}.manuals-project-item:last-child{border-bottom:none}.manuals-project-item:hover{background:#f9fafb}.manuals-project-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:3px solid #3b82f6;padding-left:11px}.manuals-project-item .project-name{color:#111827;font-size:13px;font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manuals-project-item .project-code{background:#f3f4f6;border-radius:4px;color:#9ca3af;font-size:11px;padding:2px 6px}.manuals-content{flex:1 1;min-width:0}.manuals-toolbar{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.manuals-current-project{color:#374151;font-size:14px;font-weight:500}.manuals-current-project:before{content:"📁 "}.upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;font-size:13px;padding:8px 16px}.upload-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.manuals-empty,.manuals-loading{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#9ca3af;padding:80px 20px;text-align:center}.manuals-empty-icon{font-size:56px;margin-bottom:16px;opacity:.6}.manuals-empty div:nth-child(2){color:#6b7280;font-size:15px;margin-bottom:8px}.manuals-empty-hint{color:#9ca3af;font-size:13px}.manuals-list{display:flex;flex-direction:column;gap:12px}.manuals-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:box-shadow .2s}.manuals-card:hover{box-shadow:0 4px 12px #00000014}.manuals-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 18px;transition:background .15s}.manuals-card-header:hover{background:#f9fafb}.manuals-card-info{align-items:center;display:flex;gap:14px}.manuals-card-icon{font-size:28px}.manuals-card-name{color:#111827;font-size:15px;font-weight:600}.manuals-card-meta{color:#9ca3af;font-size:12px;margin-top:3px}.manuals-card-actions{align-items:center;display:flex;gap:10px}.expand-icon{color:#9ca3af;font-size:11px;text-align:center;transition:transform .2s;width:20px}.manuals-card-header:hover .expand-icon{color:#6b7280}.manuals-chapters{background:#fafbfc;border-top:1px solid #f3f4f6;padding:14px 18px}.chapters-header{border-bottom:1px solid #e5e7eb;color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.chapter-row,.chapters-header{grid-gap:12px;display:grid;gap:12px;grid-template-columns:70px 1fr 90px 100px;padding:10px 0}.chapter-row{align-items:center;border-bottom:1px solid #f3f4f6;font-size:13px}.chapter-row:last-child{border-bottom:none}.chapter-num{color:#3b82f6;font-size:12px;font-weight:600}.chapter-title{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-pages{background:#f3f4f6;border-radius:4px;color:#9ca3af;padding:3px 8px}.chapter-module,.chapter-pages{font-size:12px;text-align:center}.chapter-module{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-block;min-width:60px;padding:4px 10px;transition:all .15s}.chapter-module:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.chapter-module.editing{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;gap:12px;left:50%;min-width:280px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.chapter-module.editing .chapter-edit-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.chapter-module.editing .chapter-edit-input:focus{border-color:#3b82f6;outline:none}.chapter-module.editing .fuzzy-select-wrapper{width:100%}.chapter-module.editing .fuzzy-select-dropdown{min-width:200px}.edit-overlay{z-index:999}.chapter-module.editing:before,.edit-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0}.chapter-module.editing:before{content:"";z-index:-1}.chapter-module.editing .btn-cancel,.chapter-module.editing .btn-save{border-radius:8px;font-size:14px;padding:10px 16px}.chapter-module.editing .btn-save{background:#3b82f6;order:-1}.chapter-module.editing .btn-cancel{background:#f3f4f6}.module-empty{color:#d1d5db}.chapter-edit{display:flex;gap:4px}.chapter-edit-input{border:1px solid #3b82f6;border-radius:6px;flex:1 1;font-size:12px;outline:none;padding:4px 8px}.btn-save{background:#3b82f6;color:#fff;font-weight:500}.btn-cancel,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 10px}.btn-cancel{background:#f3f4f6;color:#6b7280}.monitor-dashboard{flex:1 1;margin:0 auto;max-width:100%;padding:0 12px 24px;width:100%}.monitor-dashboard .page-header{align-items:center;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.monitor-dashboard .page-header h1{color:#1a1a1a;font-size:24px;margin:0}.monitor-dashboard .page-actions{display:flex;gap:8px}.monitor-dashboard .filter-bar{align-items:center;background:#fafafa;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px 20px}.monitor-dashboard .filter-group{align-items:center;display:flex;gap:8px}.monitor-dashboard .filter-group label{color:#666;font-size:14px;font-weight:500}.monitor-dashboard .filter-group input[type=date],.monitor-dashboard .filter-group select{background:#fff;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px}.monitor-dashboard .stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.monitor-dashboard .stat-card{border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px;text-align:center}.monitor-dashboard .stat-card-1{background:linear-gradient(135deg,#667eea,#764ba2)}.monitor-dashboard .stat-card-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.monitor-dashboard .stat-card-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.monitor-dashboard .stat-card-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.monitor-dashboard .stat-label{font-size:14px;margin-bottom:8px;opacity:.9}.monitor-dashboard .stat-value{font-size:32px;font-weight:700}.monitor-dashboard .comparison-section{background:#fafafa;border-radius:12px;margin:30px 0;padding:24px}.monitor-dashboard .comparison-section h2{color:#1a1a1a;font-size:20px;margin:0 0 8px}.monitor-dashboard .section-hint{color:#999;font-size:13px;margin:0 0 20px}.monitor-dashboard .comparison-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.monitor-dashboard .comparison-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s,box-shadow .2s}.monitor-dashboard .comparison-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.monitor-dashboard .card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.monitor-dashboard .card-header h3{color:#333;font-size:16px;margin:0}.monitor-dashboard .card-date{background:#f5f5f5;border-radius:10px;color:#999;font-size:12px;padding:2px 8px}.monitor-dashboard .card-scenarios{display:flex;flex-direction:column;gap:10px}.monitor-dashboard .scenario-compare{background:#fafafa;border-radius:8px;padding:8px 12px}.monitor-dashboard .scenario-name{color:#333;font-size:13px;font-weight:600;margin-bottom:6px}.monitor-dashboard .compare-row{align-items:center;display:flex;font-size:13px;gap:10px}.monitor-dashboard .before{color:#999}.monitor-dashboard .arrow{color:#d9d9d9;font-size:16px}.monitor-dashboard .after{color:#333;font-weight:500}.monitor-dashboard .change{border-radius:4px;font-size:14px;font-weight:700;padding:2px 6px}.monitor-dashboard .change.improved{background:#f6ffed;color:#52c41a}.monitor-dashboard .change.degraded{background:#fff2f0;color:#f5222d}.monitor-dashboard .charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:24px}.monitor-dashboard .chart-container{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:20px}.monitor-dashboard .comparison-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-top:30px;padding:24px}.monitor-dashboard .comparison-table h3{color:#1a1a1a;font-size:18px;margin:0 0 16px}.monitor-dashboard .comparison-table table{border-collapse:collapse;font-size:13px;width:100%}.monitor-dashboard .comparison-table th{background:#fafafa;border-bottom:2px solid #e8e8e8;color:#333;font-weight:600;padding:10px 12px;text-align:left}.monitor-dashboard .comparison-table td{border-bottom:1px solid #f0f0f0;padding:10px 12px}.monitor-dashboard .comparison-table tr:hover{background:#f5f5f5}.monitor-dashboard .loading{color:#999;font-size:15px;padding:60px 20px;text-align:center}@media (max-width:1024px){.monitor-dashboard .stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.monitor-dashboard .stats-cards{grid-template-columns:1fr}.monitor-dashboard .filter-bar,.monitor-dashboard .page-header{align-items:flex-start;flex-direction:column}.monitor-dashboard .page-header{gap:12px}}.ai-summary-content h1,.ai-summary-content h2,.ai-summary-content h3,.ai-summary-content h4{color:#262626;font-weight:600;margin-bottom:12px;margin-top:16px}.ai-summary-content h1{font-size:20px}.ai-summary-content h2{font-size:18px}.ai-summary-content h3{font-size:16px}.ai-summary-content h4{font-size:14px}.ai-summary-content p{color:#595959;margin-bottom:12px}.ai-summary-content ol,.ai-summary-content ul{margin-bottom:12px;padding-left:24px}.ai-summary-content li{color:#595959;margin-bottom:6px}.ai-summary-content strong{color:#262626;font-weight:600}.ai-summary-content code{background:#f5f5f5;border-radius:4px;color:#d4380d;font-size:13px;padding:2px 6px}.ai-summary-content pre{background:#f5f5f5;border-radius:6px;margin-bottom:12px;overflow-x:auto;padding:12px}.ai-summary-content pre code{background:#0000;color:inherit;padding:0}.ai-summary-content blockquote{border-left:4px solid #d9d9d9;color:#8c8c8c;margin:12px 0;padding-left:12px}.ai-summary-content table{border-collapse:collapse;margin-bottom:12px;width:100%}.ai-summary-content td,.ai-summary-content th{border:1px solid #e8e8e8;padding:8px 12px;text-align:left}.ai-summary-content th{background:#fafafa;font-weight:600}.notification-bell-wrapper{display:inline-block;position:relative}.notification-bell-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:20px;padding:6px 10px;position:relative;transition:background .2s}.notification-bell-btn:hover{background:#0000000d}.notification-badge{align-items:center;animation:badge-pulse 2s infinite;background:#ff4d4f;border-radius:9px;display:flex;font-size:11px;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-panel{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:-10px;top:calc(100% + 8px);width:360px;z-index:1000}.notification-panel-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.notification-panel-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.mark-all-read-btn{background:none;border:none;border-radius:4px;color:#1890ff;cursor:pointer;font-size:13px;padding:4px 8px;transition:background .2s}.mark-all-read-btn:hover{background:#e6f7ff}.notification-list{flex:1 1;max-height:400px;overflow-y:auto}.notification-empty{color:#999;font-size:14px;padding:40px 20px;text-align:center}.notification-item{align-items:flex-start;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;gap:12px;padding:14px 20px;position:relative;transition:background .15s}.notification-item:hover{background:#fafafa}.notification-item.unread{background:#f0f7ff}.notification-item.unread:hover{background:#e6f0ff}.notification-item.unread:before{background:#1890ff;border-radius:50%;content:"";height:6px;left:8px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.notification-icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;width:36px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#333;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.notification-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}.notification-time{color:#999;font-size:12px;margin-top:4px}.notification-delete-btn{background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:18px;opacity:0;padding:2px 6px;position:absolute;right:8px;top:8px;transition:opacity .2s,color .2s}.notification-item:hover .notification-delete-btn{opacity:1}.notification-delete-btn:hover{background:#fff2f0;color:#ff4d4f}@media (max-width:768px){.notification-panel{left:16px;max-height:calc(100vh - 80px);position:fixed;right:16px;top:60px;width:auto}}.notification-dot{align-items:center;background:#ff4d4f;border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;line-height:1;margin-left:6px;min-width:18px;padding:0 4px}.notification-dot.pulse{animation:dot-pulse .6s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.sidebar-notification-dot{align-items:center;display:inline-flex}.notification-bell-wrapper.compact .notification-panel{bottom:auto;left:auto;position:absolute;right:0;top:calc(100% + 8px)}.notification-bell-wrapper.compact .notification-bell-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:4px 6px;position:relative;transition:background .2s}.notification-bell-wrapper.compact .notification-bell-btn:hover{background:#0000000d}.notification-bell-wrapper.compact .notification-bell-btn.pulse{animation:bell-pulse .8s ease-in-out infinite}@keyframes bell-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.notification-bell-wrapper.compact .notification-badge{font-size:10px;height:16px;min-width:16px;padding:0 3px;position:absolute;right:-2px;top:-2px}.top-navbar{height:40px;padding:0 12px;z-index:200}.navbar-title{font-size:14px}.navbar-right{gap:12px}.user-dropdown{margin-top:4px}.sidebar-drawer{animation:slideInLeft .2s ease-out}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-drawer-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.sidebar-drawer-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.sidebar-drawer-menu{flex:1 1;overflow-y:auto;padding:8px 0}.drawer-menu-item{border-left:3px solid #0000;color:#475569;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .15s}.drawer-menu-item:hover{background:#f8fafc;color:#1e293b}.drawer-menu-item.active{background:#eff6ff;border-left-color:#3b82f6;color:#3b82f6;font-weight:500}.drawer-menu-divider{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px 20px 6px;text-transform:uppercase}.quality-modal-overlay{z-index:1100}.password-modal-body .form-group input{box-sizing:border-box}@media (max-width:768px){.navbar-title{font-size:13px}.user-name{font-size:12px}.sidebar-drawer{width:260px}}.portal-container{background:#f5f7fa;display:flex;flex-direction:column;height:calc(100vh - 40px);overflow:hidden}.portal-loading-screen{align-items:center;background:#f5f7fa;display:flex;height:100vh;justify-content:center}.portal-loading{color:#64748b;font-size:18px}.portal-header{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;gap:32px;justify-content:flex-start;margin-bottom:12px;padding:10px 24px}.portal-header,.portal-logo{align-items:center;display:flex;flex-shrink:0}.portal-logo{gap:8px}.logo-icon{font-size:24px}.logo-text{color:#1e293b;font-size:18px;font-weight:600}.portal-nav{display:flex;flex:1 1;gap:24px}.nav-link{color:#64748b;font-size:14px;text-decoration:none;transition:color .2s}.nav-link:hover{color:#4f46e5}.portal-user{align-items:center;display:flex;flex-shrink:0;gap:12px}.notification-bell{cursor:pointer;padding:6px;position:relative}.bell-icon{font-size:20px}.notification-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:16px;padding:2px 5px;position:absolute;right:0;text-align:center;top:0}.user-name{color:#1e293b;font-size:14px}.logout-btn{background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;padding:6px 16px;transition:all .2s}.logout-btn:hover{background:#e2e8f0;color:#ef4444}.portal-welcome{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;flex-shrink:0;justify-content:space-between;padding:6px 16px}.welcome-left h1{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:1px}.welcome-left p{color:#94a3b8;font-size:11px}.welcome-weather-inline{color:#0891b2;font-weight:500}.welcome-weather-icon{font-size:14px;vertical-align:middle}.welcome-stats{display:flex;gap:16px}.w-stat{background:#f8fafc;border:1px solid #e8ecf1;border-radius:6px;padding:4px 14px;text-align:center}.w-stat-val{color:#4f46e5;font-size:18px;font-weight:700}.w-stat-label{color:#94a3b8;font-size:9px;margin-top:1px}.portal-main-grid{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 280px;min-height:0;overflow:hidden}.portal-left-col,.portal-right-col{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.portal-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:10px 12px}.card-title{align-items:center;color:#1e293b;display:flex;flex-shrink:0;font-size:15px;font-weight:600;gap:6px;margin-bottom:8px}.card-title:before{background:linear-gradient(180deg,#4f46e5,#06b6d4);border-radius:2px;content:"";height:14px;width:3px}.portal-dashboard{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.dashboard-head{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px}.dashboard-time{color:#94a3b8;font-size:11px}.charts-row{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:0}.chart-box{background:#fafbfc;border:1px solid #f0f2f5;border-radius:8px;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:8px}.chart-label{color:#64748b;flex-shrink:0;font-size:13px;font-weight:500;margin-bottom:4px}.portal-row2{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:1fr 1fr;min-height:0}.portal-row2-right{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.portal-announcements,.portal-todo-compact{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.portal-todo-compact .card-title:before{background:linear-gradient(180deg,#8b5cf6,#4f46e5)}.portal-announcements .card-title:before{background:linear-gradient(180deg,#f59e0b,#ef4444)}.portal-todo-compact .todo-list{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto}.portal-todo-compact .todo{padding:8px 10px}.portal-todo-compact .todo-text{font-size:12px}.portal-todo-compact .todo-info{font-size:10px}.portal-todo-compact .todo-tag{font-size:9px;padding:1px 6px}.announcement-list-compact{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto}.announcement-item{align-items:center;background:#fafbfc;border:1px solid #f0f2f5;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:all .15s}.announcement-item:hover{background:#fff7ed;border-color:#fed7aa}.announcement-item-title{color:#1e293b;flex:1 1;font-size:12px;font-weight:500;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.announcement-item-date{color:#94a3b8;flex-shrink:0;font-size:10px}.announcement-empty{font-size:12px;padding:16px}.portal-yesterday{display:flex;flex-direction:column;overflow:hidden}.portal-yesterday .yesterday-grid{flex:1 1;overflow-y:auto}.portal-yesterday .card-title:before{background:linear-gradient(180deg,#10b981,#06b6d4)}.yesterday-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.y-item{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:6px 4px;text-align:center}.y-item.total{background:#ecfdf5;border-color:#6ee7b7}.y-project{color:#64748b;font-size:11px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.y-count{color:#1e293b;font-size:20px;font-weight:700}.y-trend{font-size:9px;margin-top:1px}.y-trend.up{color:#10b981}.y-trend.down{color:#ef4444}.portal-announcements-large{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.portal-announcements-large .card-title:before{background:linear-gradient(180deg,#f59e0b,#ef4444)}.announcement-list-large{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}.announcement-item-large{background:#fafbfc;border:1px solid #f0f2f5;border-radius:6px;padding:8px 10px;transition:all .15s}.announcement-item-large:hover{background:#fff7ed;border-color:#fed7aa;box-shadow:0 2px 8px #f59e0b1a}.announcement-header-large{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.announcement-title-large{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;line-height:1.3}.announcement-date-large{color:#94a3b8;flex-shrink:0;font-size:11px;margin-top:1px}.announcement-content-large{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:13px;line-height:1.4;overflow:hidden;white-space:pre-wrap;word-break:break-word}.announcement-attachments{display:flex;flex-direction:column;gap:4px;margin-top:8px}.attachment-link{background:#f0f2ff;border-radius:4px;color:#4f46e5;font-size:11px;padding:4px 8px;text-decoration:none;transition:all .15s}.attachment-link:hover{background:#e0e7ff;color:#3730a3}.announcement-empty{color:#94a3b8;font-size:13px;padding:40px 20px;text-align:center}.portal-quality{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.portal-quality .card-title:before{background:linear-gradient(180deg,#ef4444,#f97316)}.portal-quality .quality-cards{flex:1 1;overflow-y:auto}.quality-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quality-badge{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:11px;padding:3px 8px}.quality-cards{display:flex;flex-direction:column;gap:4px}.q-card{align-items:center;background:#fafbfc;border:1px solid #f0f2f5;border-radius:4px;display:flex;justify-content:space-between;padding:4px 8px}.q-card.alert{background:#fef2f2;border-color:#fecaca}.q-card-head{align-items:center;display:flex;flex:1 1;gap:8px}.q-card-name{color:#1e293b;font-size:13px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.q-card-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.q-card-dot.ok{background:#10b981}.q-card-dot.bad{background:#ef4444}.q-card-stats{display:flex;flex-shrink:0;gap:12px}.q-stat{align-items:center;display:flex;gap:4px}.q-stat-label{color:#94a3b8;font-size:10px}.q-stat-val{color:#1e293b;font-size:13px;font-weight:600}.q-stat-val.bad{color:#ef4444}.quality-empty{color:#94a3b8;font-size:13px;grid-column:1/-1;padding:20px;text-align:center}.portal-func .card-title:before{background:linear-gradient(180deg,#10b981,#06b6d4)}.func-list{display:flex;flex-direction:column;gap:4px}.func-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .15s}.func-btn:hover{box-shadow:0 2px 6px #0000000f;transform:translateX(2px)}.func-btn:first-child{background:linear-gradient(90deg,#eef2ff,#e0e7ff)}.func-btn:nth-child(2){background:linear-gradient(90deg,#ecfdf5,#d1fae5)}.func-btn:nth-child(3){background:linear-gradient(90deg,#fffbeb,#fef3c7)}.func-btn:nth-child(4){background:linear-gradient(90deg,#faf5ff,#ede9fe)}.func-btn:nth-child(5){background:linear-gradient(90deg,#f0f9ff,#e0f2fe)}.func-btn-icon{flex-shrink:0;font-size:16px}.func-btn-text{color:#475569;font-size:14px;font-weight:500}.portal-todo{display:flex;flex:1 1;flex-direction:column;min-height:0}.portal-todo .card-title:before{background:linear-gradient(180deg,#8b5cf6,#4f46e5)}.portal-todo .todo-filters{display:flex;gap:4px;margin-left:auto}.portal-todo .todo-filter-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;color:#64748b;cursor:pointer;font-size:10px;padding:2px 8px;transition:all .15s}.portal-todo .todo-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.portal-todo .todo-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.todo-head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.todo-filters{display:flex;gap:6px;margin-left:auto}.todo-filter-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:11px;padding:3px 10px;transition:all .15s}.todo-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.todo-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.todo-more{color:#4f46e5;cursor:pointer;font-size:11px}.todo-list{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto}.todo{align-items:center;background:#fafbfc;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;transition:all .15s}.todo:hover{background:#f0f0ff;border-color:#e0e7ff}.todo.urgent{background:#fef2f2;border-color:#fecaca}.todo.high{background:#fffbeb;border-color:#fde68a}.todo-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.todo-dot.red{background:#ef4444}.todo-dot.orange{background:#f59e0b}.todo-dot.gray{background:#cbd5e1}.todo-body{flex:1 1;min-width:0}.todo-text{color:#1e293b;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-info{color:#94a3b8;display:flex;font-size:12px;gap:6px;margin-top:1px}.todo-info .proj{color:#4f46e5}.todo-tag{border-radius:4px;flex-shrink:0;font-size:10px;padding:2px 8px}.todo-tag.delayed{background:#fef2f2;color:#ef4444}.todo-tag.pending{background:#fffbeb;color:#f59e0b}.todo-tag.doing{background:#eef2ff;color:#4f46e5}.todo-empty{color:#94a3b8;font-size:13px;padding:20px;text-align:center}.portal-links{display:flex;flex:1 1;flex-direction:column;min-height:0}.portal-links .card-title{justify-content:space-between}.portal-links .card-title:before{background:linear-gradient(180deg,#06b6d4,#4f46e5)}.links-edit{color:#4f46e5;cursor:pointer;font-size:11px;font-weight:400}.links-grid{grid-gap:6px;align-content:start;display:grid;flex:1 1;gap:6px;grid-template-columns:repeat(3,1fr)}.link-item{align-items:center;background:#f8fafc;border:1px solid #f0f2f5;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px 6px;transition:all .15s}.link-item:hover{background:#f0f0ff;border-color:#c7d2fe;transform:translateY(-1px)}.link-icon{font-size:18px;margin-bottom:4px}.link-name{color:#475569;font-size:12px;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.quality-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.quality-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:1000px;width:90%}.quality-modal-header{align-items:center;border-bottom:1px solid #e8ecf1;display:flex;justify-content:space-between;padding:16px 20px}.quality-modal-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.quality-modal-actions{display:flex;gap:8px}.quality-export-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .15s}.quality-export-btn:hover{background:#059669}.quality-close-btn{background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;padding:6px 10px}.quality-close-btn:hover{background:#e2e8f0}.quality-modal-body{flex:1 1;overflow:auto;padding:16px 20px}.quality-modal-empty{color:#94a3b8;font-size:14px;padding:40px;text-align:center}.quality-detail-table{border-collapse:collapse;font-size:12px;width:100%}.quality-detail-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:10px 12px;position:sticky;text-align:left;top:0}.quality-detail-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:10px 12px}.quality-detail-table tr:hover{background:#f8fafc}.quality-issue-tag{background:#fef2f2;border-radius:4px;color:#ef4444;display:inline-block;font-size:11px;padding:2px 8px}.quality-approve-btn{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;color:#16a34a;cursor:pointer;font-size:12px;padding:3px 10px;transition:all .15s;white-space:nowrap}.quality-approve-btn:hover{background:#dcfce7;border-color:#86efac}.q-card.clickable{cursor:pointer;transition:all .15s}.q-card.clickable:hover{background:#fef2f2;border-color:#fecaca;transform:translateX(2px)}.links-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.links-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:960px;width:92%}.links-modal-header{align-items:center;border-bottom:1px solid #e8ecf1;display:flex;justify-content:space-between;padding:16px 20px}.links-modal-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.links-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.links-edit-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:8px;margin-bottom:10px;padding:8px}.links-edit-icon{border:1px solid #e2e8f0;border-radius:4px;font-size:16px;padding:6px;text-align:center;width:40px}.links-edit-name{flex:1 1;min-width:80px}.links-edit-name,.links-edit-url{border:1px solid #e2e8f0;border-radius:4px;font-size:13px;padding:6px 10px}.links-edit-url{flex:2 1;min-width:150px}.links-edit-external{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;white-space:nowrap}.links-edit-delete{background:#fee2e2;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:4px 10px}.links-edit-delete:hover{background:#fecaca}.links-edit-add{background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;margin-top:8px;padding:10px;width:100%}.links-edit-add:hover{background:#e2e8f0}.links-modal-footer{border-top:1px solid #e8ecf1;display:flex;gap:10px;justify-content:flex-end;padding:12px 20px}.links-edit-cancel{background:#f1f5f9;color:#64748b;padding:8px 16px}.links-edit-cancel,.links-edit-save{border:none;border-radius:6px;cursor:pointer;font-size:13px}.links-edit-save{background:#4f46e5;color:#fff;font-weight:500;padding:8px 20px}.links-edit-save:hover{background:#4338ca}.top-navbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;height:36px;justify-content:space-between;left:0;padding:0 10px;position:fixed;right:0;top:0;z-index:100}.navbar-left,.top-navbar{align-items:center;display:flex}.navbar-left{gap:10px}.hamburger-btn{background:none;border:none;border-radius:4px;color:#475569;cursor:pointer;font-size:18px;padding:2px 6px;transition:background .15s}.hamburger-btn:hover{background:#f1f5f9}.navbar-title{color:#1e293b;font-size:13px;font-weight:600}.navbar-right{align-items:center;display:flex;gap:10px}.user-name{border-radius:4px;color:#64748b;cursor:pointer;font-size:13px;padding:4px 8px;transition:background .15s}.user-name:hover{background:#f1f5f9}.sidebar-overlay{background:#0000004d;cursor:pointer;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}.sidebar-overlay.visible{display:block}.sidebar-drawer{animation:slideIn .2s ease-out;background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:280px;z-index:1000}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px}.sidebar-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:20px;padding:4px 8px}.close-btn:hover{background:#f1f5f9}.sidebar-menu{flex:1 1;overflow-y:auto;padding:8px 0}.menu-item{border-left:3px solid #0000;color:#475569;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .15s}.menu-item:hover{background:#f8fafc;color:#1e293b}.menu-item.active{background:#eff6ff;border-left-color:#3b82f6;color:#3b82f6;font-weight:500}.user-menu-wrapper{position:relative}.user-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;margin-top:8px;min-width:120px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{color:#475569;cursor:pointer;font-size:13px;padding:8px 16px;transition:background .15s}.dropdown-item:hover{background:#f1f5f9}.dropdown-item:first-child{border-radius:6px 6px 0 0}.dropdown-item:last-child{border-radius:0 0 6px 6px}.password-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:400px;width:90%}.password-modal-body{padding:20px}.password-modal-body .form-group{margin-bottom:16px}.password-modal-body .form-group label{color:#475569;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.password-modal-body .form-group input{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.password-modal-body .form-group input:focus{border-color:#3b82f6;outline:none}.password-modal-body .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.password-modal-body .form-actions button{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 16px}.password-modal-body .form-actions button[type=button]{background:#f1f5f9;color:#64748b}.password-modal-body .form-actions button[type=submit]{background:#3b82f6;color:#fff}.portal-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:0 20px 8px}@media (max-width:768px){.portal-container{height:auto;max-width:100vw;min-height:100vh;overflow-x:hidden;overflow-y:auto}.portal-content{min-height:auto;overflow-y:auto}.portal-content,.portal-main-grid{flex:none;max-width:100%;overflow-x:hidden}.portal-main-grid{grid-template-columns:1fr}.portal-left-col,.portal-right-col{gap:8px;max-width:100%;overflow-x:hidden}.portal-card{padding:12px}.portal-dashboard{flex:none;min-height:400px}.portal-row2{flex:none}.portal-row2,.portal-row2-right{grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.portal-welcome{align-items:flex-start;flex-direction:column;gap:12px}.welcome-stats{justify-content:space-around;width:100%}.w-stat{flex:1 1;text-align:center}.charts-row{grid-template-columns:1fr;min-height:auto}.chart-box{height:220px;min-height:220px}.portal-announcements-large,.portal-func,.portal-links,.portal-quality,.portal-todo,.portal-yesterday{flex:none;max-width:100%;min-height:auto;overflow-x:hidden}.announcement-list-large,.quality-cards,.todo-list,.yesterday-grid{max-width:100%;overflow-x:hidden}.navbar-title{font-size:14px}.user-name{font-size:12px}.sidebar-drawer{width:240px}}.links-edit-color{border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;height:32px;padding:2px;width:32px}.links-edit-color::-webkit-color-swatch-wrapper{padding:0}.links-edit-color::-webkit-color-swatch{border:none;border-radius:2px}.links-icon-picker-wrapper{position:relative}.links-edit-icon-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.links-edit-icon-btn:hover{background:#e2e8f0;border-color:#3b82f6}.links-icon-picker{grid-gap:4px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 6px 20px #0000002e;display:grid;gap:4px;grid-template-columns:repeat(10,1fr);left:0;max-height:320px;overflow-y:auto;padding:10px;position:absolute;top:42px;width:380px;z-index:100}.links-icon-option{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;transition:all .15s;width:34px}.links-icon-option:hover{background:#f0f5ff;transform:scale(1.2)}@media (max-width:768px){.links-icon-picker{grid-template-columns:repeat(8,1fr);width:320px}}.chart-loading{align-items:center;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f8fafc 25%,#e2e8f0 50%,#f8fafc 75%);background-size:200% 100%;border-radius:6px;color:#94a3b8;display:flex;font-size:13px;height:100%;justify-content:center;min-height:150px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.handover-container{flex:1 1;margin:0 auto;max-width:100%;padding:16px 12px 24px;width:100%}.handover-container.loading{color:#666;padding:100px;text-align:center}.tab-header{border-bottom:2px solid #e8e8e8;display:flex;gap:0;margin-bottom:24px}.tab-header button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:16px;margin-bottom:-2px;padding:12px 24px}.tab-header button.active{border-bottom-color:#1890ff;color:#1890ff;font-weight:500}.warning-box{background:linear-gradient(135deg,#fff2f0,#fff1f0);border:1px solid #ffccc7;border-radius:8px;box-shadow:0 2px 8px #ff4d4f1a;color:#cf1322;font-weight:500;margin-bottom:20px;padding:16px 20px}.hint-box,.warning-box{font-size:14px;line-height:1.6}.hint-box{background:linear-gradient(135deg,#fff7e6,#fffbe6);border:1px solid #ffd591;border-radius:8px;color:#ad6800}.hint-box,.info-box{margin-bottom:16px;padding:14px 18px}.info-box{background:linear-gradient(135deg,#e6f7ff,#f0f9ff);border:1px solid #91d5ff;border-radius:8px;color:#096dd9;font-size:14px;line-height:1.6}.handover-form{background:#0000;border-radius:0}.form-sticky-header{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;margin:0 0 16px;padding:10px 12px;position:sticky;top:0;z-index:100}.form-sticky-header .warning-box{flex:1 1;font-size:13px;margin:0;padding:8px 12px}.form-actions-top{display:flex;flex-shrink:0;gap:8px}.form-actions-top .btn-primary,.form-actions-top .btn-secondary{font-size:14px;padding:6px 16px}.form-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px;padding:20px 24px}.form-section:last-child{margin-bottom:0}.form-section h3{align-items:center;border-bottom:1px solid #f0f0f0;color:#1a1a1a;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.form-section h3:before{background:#1890ff;border-radius:2px;content:"";display:inline-block;height:16px;width:4px}.form-section h3 .required{color:#ff4d4f;font-size:14px}.form-row{display:flex;gap:20px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-field{flex:1 1}.form-field label{color:#444;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-field .required{color:#ff4d4f}.form-field input,.form-field select{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.form-field input:focus,.form-field select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.form-field input:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.form-field textarea{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:10px 14px;resize:vertical;transition:all .2s;width:100%}.form-field textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.subsection{background:#fafbfc;border:1px solid #f0f0f0;border-radius:6px;margin-top:20px;padding:16px}.subsection:first-of-type{margin-top:0}.subsection>label{color:#444;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{margin:0;width:auto}.bold-label{font-weight:600}.hint-text{background:#fffbe6;border-left:3px solid #faad14;border-radius:6px;color:#666;font-size:13px;line-height:1.6;margin-bottom:12px;padding:10px 14px}.full-width-textarea{border:1px solid #d9d9d9;border-radius:6px;font-size:14px;margin-top:10px;padding:10px 14px;resize:vertical;transition:all .2s;width:100%}.full-width-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}.file-upload{margin-bottom:12px}.upload-btn{align-items:center;background:#fff;border:1px dashed #1890ff;border-radius:6px;color:#1890ff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.upload-btn:hover{background:#e6f7ff;border-color:#40a9ff;color:#40a9ff}.file-list{margin-top:12px}.file-item{align-items:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px 12px}.file-item .file-name{color:#333;font-size:14px}.file-item .remove-btn,.file-item button{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:16px;padding:4px 8px}.file-item button{color:#1890ff;font-size:14px}.dynamic-table{margin-top:10px}.dynamic-table table{border:1px solid #e8e8e8;border-collapse:collapse;border-radius:6px;overflow:hidden;table-layout:fixed;width:100%}.dynamic-table td,.dynamic-table th{border:1px solid #e8e8e8;padding:10px 12px;text-align:left;vertical-align:top}.dynamic-table th{background:#f5f7fa;color:#333;font-size:14px;font-weight:500}.dynamic-table td{color:#555}.dynamic-table textarea{background:#0000;border:none;font-family:inherit;font-size:14px;resize:none;width:100%}.dynamic-table textarea:focus{outline:none}.remove-row-btn{background:none;border:none;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s}.remove-row-btn:hover{background:#fff2f0}.add-row-btn{background:#fff;border:1px dashed #1890ff;border-radius:6px;color:#1890ff;cursor:pointer;font-size:14px;margin-top:10px;padding:8px 16px;transition:all .2s}.add-row-btn:hover{background:#e6f7ff;border-color:#40a9ff;color:#40a9ff}.form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-top:24px;padding-top:20px}.btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border-radius:6px;box-shadow:0 2px 8px #1890ff4d;font-size:15px;font-weight:500;padding:10px 32px;transition:all .3s}.btn-primary:hover{background:linear-gradient(135deg,#40a9ff,#1890ff);box-shadow:0 4px 12px #1890ff66;transform:translateY(-1px)}.btn-secondary{border-radius:6px;color:#666;transition:all .2s}.btn-danger,.btn-secondary{font-size:15px;padding:10px 32px}.btn-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);border:none;border-radius:6px;box-shadow:0 2px 8px #ff4d4f4d;color:#fff;cursor:pointer;font-weight:500;transition:all .3s}.btn-danger:hover{background:linear-gradient(135deg,#ff7875,#ff4d4f);box-shadow:0 4px 12px #ff4d4f66;transform:translateY(-1px)}.filter-bar{display:flex;gap:12px;margin-bottom:20px}.filter-bar input,.filter-bar select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:8px 12px}.filter-bar input{flex:1 1}.handover-list{display:flex;flex-direction:column;gap:12px}.handover-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;padding:16px 20px;transition:all .2s}.handover-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff26}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.card-header h4{color:#333;font-size:16px;font-weight:500;margin:0}.card-meta{align-items:center;color:#999;display:flex;font-size:13px;gap:20px}.card-meta .delete-btn{background:#fff;border:1px solid #ff4d4f;border-radius:4px;color:#ff4d4f;cursor:pointer;font-size:13px;margin-left:auto;padding:4px 12px;transition:all .2s}.card-meta .delete-btn:hover{background:#ff4d4f;color:#fff}.status-badge{border-radius:4px;display:inline-block;font-size:12px;padding:2px 8px}.status-submitted{background:#e6f7ff;color:#1890ff}.status-accepted{background:#f6ffed;color:#52c41a}.status-rejected{background:#fff2f0;color:#ff4d4f}.handover-detail{background:#0000;border-radius:0;padding:0}.back-btn{background:none;border:none;color:#1890ff;cursor:pointer;font-size:14px;margin-bottom:16px;padding:0}.back-btn:hover{text-decoration:underline}.reject-notice{background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;color:#cf1322;font-size:14px;line-height:1.6;margin-bottom:20px;padding:12px 16px}.detail-header{background:linear-gradient(135deg,#f0f7ff,#e6f4ff);border:1px solid #bae0ff;border-radius:8px;margin-bottom:24px;padding:20px 24px}.detail-header h2{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:14px}.meta-info{color:#555;display:flex;flex-wrap:wrap;font-size:14px;gap:12px 24px}.meta-info span{align-items:center;display:inline-flex;gap:4px}.meta-info .status-badge{margin-left:4px}.detail-section{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:16px;padding:20px 24px}.detail-section:last-of-type{margin-bottom:0}.detail-section h3{align-items:center;border-bottom:1px solid #f0f0f0;color:#1a1a1a;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px;padding-bottom:12px}.detail-section h3:before{background:#1890ff;border-radius:2px;content:"";display:inline-block;height:16px;width:4px}.detail-section h4{color:#333;font-size:14px;font-weight:500;margin-bottom:10px}.detail-section .subsection{background:#fafbfc;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:20px;padding:12px 16px}.detail-section .subsection:last-child{margin-bottom:0}.detail-section .subsection>h4{color:#444;font-size:14px;font-weight:600;margin-bottom:10px}.handover-detail .subsection .detail-table{background:#fff;border:2px solid #d9d9d9;border-collapse:collapse;border-radius:6px;box-shadow:0 1px 4px #00000014;overflow:hidden;width:100%}.handover-detail .subsection .detail-table td,.handover-detail .subsection .detail-table th{border:1px solid #e0e0e0;font-size:14px;line-height:1.6;max-width:none;overflow:visible;padding:12px 16px;text-align:left;text-overflow:clip;white-space:normal}.handover-detail .subsection .detail-table th{background:#f0f5ff!important;border-bottom:2px solid #d9d9d9;color:#1a1a1a;font-weight:600}.handover-detail .subsection .detail-table td{background:#fff;color:#333}.handover-detail .subsection .detail-table tr:hover td{background:#fafbfc}.empty-text{color:#999;font-size:14px;padding:8px 0}.info-text{background:#e6f7ff;border:1px solid #bae7ff;border-radius:6px;color:#096dd9;padding:12px 16px}.info-text,.note-text{font-size:14px;line-height:1.6}.note-text{background:#fffbe6;border:1px solid #ffe58f;border-radius:6px;color:#666;margin-top:10px;padding:10px 14px}.detail-section .file-list{margin-top:0}.detail-section .file-item{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 14px;transition:all .2s}.detail-section .file-item:hover{border-color:#1890ff;box-shadow:0 1px 4px #1890ff1a}.detail-section .file-item:last-child{margin-bottom:0}.detail-section .file-item span{color:#333;font-size:14px}.detail-section .file-item button{background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#1890ff;cursor:pointer;font-size:13px;padding:4px 12px;transition:all .2s}.detail-section .file-item button:hover{background:#1890ff;color:#fff}.detail-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-top:24px;padding-top:20px}.detail-actions .btn-danger,.detail-actions .btn-primary{font-size:15px;padding:10px 32px}.rejected-section{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;margin-bottom:24px;padding:16px}.rejected-section h4{color:#cf1322;font-size:14px;margin-bottom:12px}.rejected-card{align-items:center;background:#fff;border:1px solid #ffccc7;border-radius:4px;display:flex;gap:16px;margin-bottom:8px;padding:12px}.rejected-card .project-name{color:#333;font-weight:500}.rejected-card .reject-reason{color:#ff4d4f}.rejected-card button{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;margin-left:auto;padding:4px 12px}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.list-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.empty-state{color:#999;font-size:14px;padding:60px;text-align:center}.diagram-list-page{flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:100%;padding:0 12px 24px;width:100%}.diagram-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.diagram-header h2{font-size:1.5rem;margin:0}.diagram-actions{display:flex;gap:10px}.diagram-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin-bottom:16px}.diagram-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.diagram-tabs button.active{border-bottom-color:#1890ff;color:#1890ff}.diagram-tabs button:hover{color:#1890ff}.diagram-breadcrumb{color:#666;font-size:14px;margin-bottom:16px}.diagram-breadcrumb .clickable{color:#1890ff;cursor:pointer}.diagram-breadcrumb .clickable:hover{text-decoration:underline}.diagram-empty,.diagram-loading{color:#999;font-size:14px;padding:60px 20px;text-align:center}.folder-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px}.folder-card{align-items:center;background:#fafafa;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:12px;position:relative;transition:background .2s}.folder-card:hover{background:#f0f0f0}.folder-icon{font-size:36px;margin-bottom:4px}.folder-name{font-size:12px;text-align:center;word-break:break-all}.folder-delete{background:none;border:none;color:#ccc;cursor:pointer;display:none;font-size:12px;position:absolute;right:4px;top:4px}.folder-card:hover .folder-delete{color:#ff4d4f;display:block}.diagram-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.diagram-card{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:8px;display:flex;padding:16px;transition:box-shadow .2s}.diagram-card:hover{box-shadow:0 2px 8px #0000001a}.diagram-icon{cursor:pointer;font-size:32px;margin-right:12px}.diagram-info{flex:1 1;min-width:0}.diagram-name{cursor:pointer;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagram-name:hover{color:#1890ff}.diagram-meta{color:#999;font-size:12px;margin-top:4px}.share-count{color:#1890ff;margin-left:8px}.diagram-card-actions{display:flex;gap:4px;margin-left:8px}.diagram-card-actions button{background:none;border:1px solid #d9d9d9;border-radius:4px;color:#333;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .2s}.diagram-card-actions button:hover{background:#f0f0f0}.diagram-card-actions .btn-share{border-color:#1890ff;color:#1890ff}.diagram-card-actions .btn-share:hover{background:#e6f7ff}.diagram-card-actions .btn-rename{border-color:#faad14;color:#faad14}.diagram-card-actions .btn-rename:hover{background:#fffbe6}.diagram-card-actions .btn-delete{border-color:#ff4d4f;color:#ff4d4f}.diagram-card-actions .btn-delete:hover{background:#fff1f0}.diagram-card-actions .btn-copy{border-color:#52c41a;color:#52c41a}.diagram-card-actions .btn-copy:hover{background:#f6ffed}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:500px;min-width:400px;padding:24px}.modal-content h3{margin:0 0 16px}.modal-content input,.modal-content select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.modal-actions button{border-radius:4px;cursor:pointer;padding:8px 16px}.share-list{margin-bottom:16px}.share-add label,.share-list label{color:#666;display:block;font-size:13px;margin-bottom:6px}.share-item{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;font-size:13px;justify-content:space-between;margin-bottom:4px;padding:6px 10px}.share-item button{background:none;border:none;color:#ff4d4f;cursor:pointer}.share-add{display:flex;flex-direction:column;gap:6px}.share-add>div{display:flex;gap:8px}.diagram-editor-page{display:flex;flex-direction:column;height:calc(100vh - 60px)}.diagram-editor-loading{align-items:center;color:#999;display:flex;height:100vh;justify-content:center}.diagram-editor-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;gap:12px;padding:8px 16px}.diagram-title{flex:1 1;font-size:14px;font-weight:500}.toolbar-actions{display:flex;gap:8px}.btn-back{background:none;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 12px}.btn-back:hover{border-color:#1890ff;color:#1890ff}.btn-primary{background:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 16px}.btn-primary:hover{background:#40a9ff}.btn-primary:disabled{background:#d9d9d9;cursor:not-allowed}.btn-primary.saving{opacity:.7}.btn-secondary{background:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:13px;padding:6px 16px}.btn-secondary:hover{border-color:#1890ff;color:#1890ff}.diagram-editor-container{flex:1 1;position:relative}.drawio-iframe{border:none;height:100%;width:100%}.annotation-overlay{align-items:center;animation:fadeIn .2s ease;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.annotation-panel-modal{animation:slideUp .25s ease;background:#fff;border-radius:16px;box-shadow:0 12px 48px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:420px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.annotation-panel-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.annotation-panel-header h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.annotation-close-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:22px;padding:4px 8px;transition:background .2s}.annotation-close-btn:hover{background:#f5f5f5;color:#333}.annotation-list-area{flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:16px 20px}.annotation-empty,.annotation-loading{color:#999;font-size:14px;padding:40px 20px;text-align:center}.annotation-conversation{display:flex;flex-direction:column;gap:16px}.annotation-bubble-row{align-items:flex-start;display:flex;gap:10px}.annotation-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.annotation-bubble{background:#f0f7ff;border-radius:12px;border-top-left-radius:4px;flex:1 1;max-width:calc(100% - 50px);padding:10px 14px}.annotation-bubble-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.annotation-author{color:#333;font-size:13px;font-weight:600}.annotation-time{color:#999;font-size:11px}.annotation-del-btn{background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;margin-left:auto;padding:2px 6px;transition:color .2s}.annotation-del-btn:hover{color:#ff4d4f}.annotation-bubble-content{color:#333;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.annotation-input-area{align-items:flex-end;border-top:1px solid #f0f0f0;display:flex;gap:10px;padding:16px 20px}.annotation-input-area textarea{border:1px solid #d9d9d9;border-radius:8px;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:10px 12px;resize:none;transition:border-color .2s}.annotation-input-area textarea:focus{border-color:#1890ff}.annotation-submit-btn{background:#1890ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background .2s;white-space:nowrap}.annotation-submit-btn:hover:not(:disabled){background:#40a9ff}.annotation-submit-btn:disabled{background:#d9d9d9;cursor:not-allowed}.log-annotation-badge{align-items:center;background:#1890ff26;border:1.5px solid #1890ff66;border-radius:16px;cursor:pointer;display:flex;gap:6px;min-height:32px;padding:6px 12px;position:absolute;right:8px;top:8px;transition:all .2s;z-index:10}.log-annotation-badge:hover{background:#1890ff40;border-color:#1890ff99;transform:scale(1.05)}.log-annotation-badge .badge-icon{font-size:18px}.log-annotation-badge .badge-count{color:#1890ff;font-size:15px;font-weight:700;min-width:16px;text-align:center}.log-annotation-badge.has-new:after{animation:badge-pulse 2s infinite;background:#1890ff;border-radius:50%;content:"";height:6px;width:6px}.log-annotation-badge.has-annotations{background:#1890ff40;border-color:#1890ff99;box-shadow:0 2px 8px #1890ff4d}@media (max-width:768px){.log-annotation-badge{min-height:36px;padding:8px 14px}.log-annotation-badge .badge-icon{font-size:20px}.log-annotation-badge .badge-count{font-size:17px}.annotation-panel-modal{max-height:85vh;width:95vw}.annotation-list-area{max-height:50vh}}
/*# sourceMappingURL=main.ba9c8c35.css.map*/