*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #e0e7ff;--color-bg: #f8f7f4;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-danger: #ef4444;--color-danger-light: #fef2f2;--color-success: #10b981;--color-success-light: #d1fae5;--sidebar-width: 260px;--right-panel-width: 320px;--toolbar-height: 48px;--radius: 6px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.04);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace}html,body,#root{height:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.loading-screen{display:flex;align-items:center;justify-content:center;height:100%;background:var(--color-bg)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--radius)}@keyframes shimmer{to{background-position:-200% 0}}.badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.badge-admin{background:#fef3c7;color:#92400e}.badge-default{background:var(--color-primary-light);color:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-ghost{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-border-light)}.btn-ghost.active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:4px 10px;font-size:13px}.btn-full{width:100%;justify-content:center}.btn-back{background:none;border:none;color:var(--color-text-secondary);font-size:13px;cursor:pointer;padding:4px 0;display:flex;align-items:center;gap:4px}.btn-back:hover{color:var(--color-text)}.btn-icon{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:var(--radius)}.btn-icon:hover{background:var(--color-danger-light);color:var(--color-danger)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;font-family:inherit;background:var(--color-surface);color:var(--color-text);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11f}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.checkbox-label input{width:14px;height:14px;cursor:pointer}.label-hint{color:var(--color-text-muted);font-size:11px;font-weight:400}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:12px}.alert-error{background:var(--color-danger-light);color:var(--color-danger)}.alert-success{background:var(--color-success-light);color:#065f46}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--color-surface);border-radius:10px;box-shadow:var(--shadow-md);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h3{font-size:16px;font-weight:600}.modal-close{background:none;border:none;font-size:22px;cursor:pointer;color:var(--color-text-muted);line-height:1;padding:2px 6px}.modal-close:hover{color:var(--color-text)}.modal-body{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--color-surface);border-radius:12px;box-shadow:var(--shadow-md);padding:40px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{color:var(--color-primary);line-height:0}.auth-subtitle{color:var(--color-text-secondary);margin-top:4px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form h2{font-size:18px;font-weight:600;margin-bottom:4px}.auth-footer{text-align:center;margin-top:20px;font-size:13px;color:var(--color-text-secondary)}.dashboard{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.dashboard-header-left{display:flex;align-items:center;gap:12px}.dashboard-header-right{display:flex;align-items:center;gap:8px}.app-logo{color:var(--color-primary);line-height:0;display:flex;align-items:center}.user-name{font-size:14px;color:var(--color-text-secondary)}.dashboard-main{padding:32px;max-width:1100px;margin:0 auto;width:100%}.dashboard-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dashboard-title-row h2{font-size:22px;font-weight:600}.projects-grid,.projects-grid-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.projects-grid-loading .skeleton{height:200px}.project-card{background:var(--color-surface);border-radius:10px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;border:1px solid var(--color-border)}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card-cover{height:6px}.project-card-body{padding:16px}.project-card-title{font-size:15px;font-weight:600;margin-bottom:4px}.project-card-desc{font-size:13px;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}.project-card-owner{font-size:12px;color:var(--color-primary);margin-bottom:4px}.project-card-date{font-size:12px;color:var(--color-text-muted)}.project-card-delete{position:absolute;top:14px;right:10px;background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .15s;line-height:1;padding:2px 6px;border-radius:var(--radius)}.project-card:hover .project-card-delete{opacity:1}.project-card-delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:16px}.color-picker{display:flex;gap:8px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 3px currentColor;transform:scale(1.1)}.create-project-form{display:flex;flex-direction:column;gap:16px}.project-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:16px;border-bottom:1px solid var(--color-border)}.sidebar-project-title{font-size:14px;font-weight:600;margin-top:8px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-document{border-bottom:1px solid var(--color-border-light)}.sidebar-document-header{display:flex;align-items:center;gap:6px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.sidebar-document-header:hover{background:var(--color-border-light)}.sidebar-document-header.active{background:var(--color-primary-light)}.sidebar-doc-toggle{color:var(--color-text-muted);font-size:12px;min-width:12px}.sidebar-doc-info{flex:1;min-width:0}.sidebar-doc-title{display:block;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-doc-type{font-size:11px;color:var(--color-text-muted)}.sidebar-chapters{padding-left:24px}.sidebar-chapter{display:flex;align-items:center;justify-content:space-between;padding:6px 12px 6px 8px;font-size:13px;cursor:pointer;border-radius:var(--radius);margin:1px 4px;transition:background .1s}.sidebar-chapter:hover{background:var(--color-border-light)}.sidebar-chapter.active{background:var(--color-primary-light);color:var(--color-primary-dark);font-weight:500}.sidebar-chapter-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-action-btn{background:none;border:none;cursor:pointer;color:var(--color-text-muted);opacity:0;font-size:16px;line-height:1;padding:2px 4px;border-radius:3px;transition:opacity .1s}.sidebar-chapter:hover .sidebar-action-btn,.sidebar-document-header:hover .sidebar-action-btn{opacity:1}.sidebar-action-btn:hover{background:var(--color-danger-light);color:var(--color-danger)}.sidebar-create-form{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.sidebar-create-form input,.sidebar-create-form select{padding:5px 8px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;width:100%}.sidebar-create-form input:focus,.sidebar-create-form select:focus{outline:none;border-color:var(--color-primary)}.sidebar-create-actions{display:flex;gap:6px}.sidebar-add-btn{display:block;width:100%;text-align:left;background:none;border:none;padding:5px 8px 5px 16px;font-size:12px;color:var(--color-text-muted);cursor:pointer;transition:color .1s}.sidebar-add-btn:hover{color:var(--color-primary)}.sidebar-add-doc-btn{display:block;width:100%;text-align:left;background:none;border:none;padding:10px 16px;font-size:13px;color:var(--color-primary);cursor:pointer;font-weight:500}.sidebar-create-doc{background:var(--color-border-light);margin:4px 8px;border-radius:var(--radius)}.project-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.project-toolbar{display:flex;align-items:center;justify-content:flex-end;padding:8px 16px;border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:8px}.project-toolbar-actions{display:flex;gap:6px}.project-content{flex:1;display:flex;overflow:hidden}.editor-area{flex:1;overflow-y:auto;background:var(--color-bg);display:flex;flex-direction:column}.editor-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted);font-size:15px}.right-panel{width:var(--right-panel-width);min-width:var(--right-panel-width);border-left:1px solid var(--color-border);background:var(--color-surface);overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.panel-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.panel-subtitle{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.panel-empty,.panel-desc{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.rich-editor{display:flex;flex-direction:column;flex:1;background:var(--color-surface);margin:16px;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--color-border);overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 12px;border-bottom:1px solid var(--color-border-light)}.editor-chapter-title{font-size:17px;font-weight:600}.save-status{font-size:12px;color:var(--color-text-muted);transition:color .2s}.save-status-saving{color:var(--color-primary)}.save-status-saved{color:var(--color-success)}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:6px 12px;border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.toolbar-group{display:flex;align-items:center;gap:1px}.toolbar-separator{width:1px;height:20px;background:var(--color-border);margin:0 4px}.toolbar-btn{background:none;border:1px solid transparent;border-radius:4px;padding:3px 7px;font-size:13px;cursor:pointer;color:var(--color-text);transition:background .1s,border-color .1s;min-width:28px;text-align:center;font-family:inherit}.toolbar-btn:hover:not(:disabled){background:var(--color-border-light);border-color:var(--color-border)}.toolbar-btn.active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.editor-content-wrapper{flex:1;overflow-y:auto;padding:24px}.editor-content .ProseMirror{outline:none;min-height:400px;font-size:16px;line-height:1.7;color:var(--color-text);max-width:720px;margin:0 auto}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none;float:left;height:0}.editor-content .ProseMirror h1{font-size:28px;font-weight:700;margin:1em 0 .5em;line-height:1.3}.editor-content .ProseMirror h2{font-size:22px;font-weight:600;margin:.8em 0 .4em}.editor-content .ProseMirror h3{font-size:18px;font-weight:600;margin:.6em 0 .3em}.editor-content .ProseMirror p{margin-bottom:.6em}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{padding-left:1.5em;margin-bottom:.6em}.editor-content .ProseMirror li{margin-bottom:.2em}.editor-content .ProseMirror blockquote{border-left:3px solid var(--color-primary);padding-left:16px;margin:.8em 0;color:var(--color-text-secondary);font-style:italic}.editor-content .ProseMirror pre{background:#1e1e2e;color:#cdd6f4;border-radius:var(--radius);padding:16px;font-family:var(--font-mono);font-size:14px;overflow-x:auto;margin:.6em 0}.editor-content .ProseMirror code{background:var(--color-border-light);border-radius:3px;padding:1px 5px;font-family:var(--font-mono);font-size:.88em}.editor-content .ProseMirror pre code{background:none;padding:0}.editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius);margin:.6em 0;display:block}.editor-content .ProseMirror hr{border:none;border-top:2px solid var(--color-border);margin:1.5em 0}.editor-content .ProseMirror table{border-collapse:collapse;width:100%;margin:.8em 0}.editor-content .ProseMirror th,.editor-content .ProseMirror td{border:1px solid var(--color-border);padding:6px 12px;text-align:left;font-size:14px}.editor-content .ProseMirror th{background:var(--color-border-light);font-weight:600}.editor-content .ProseMirror a{color:var(--color-primary);text-decoration:underline}.export-list{display:flex;flex-direction:column;gap:8px}.export-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);gap:8px}.export-item-quick{border-style:dashed;opacity:.7}.export-item-quick:hover{opacity:1}.export-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.export-format-label{font-size:13px;font-weight:500}.export-template-name{font-size:11px;color:var(--color-text-muted)}.output-config-item{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.output-config-header{display:flex;align-items:center;justify-content:space-between;font-size:13px}.output-settings{display:flex;flex-direction:column;gap:6px}.add-output-section{margin-top:8px}.add-output-buttons{display:flex;flex-wrap:wrap;gap:6px}.add-output-form{padding:12px;background:var(--color-border-light);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px}.add-output-label{font-size:13px}.add-output-actions{display:flex;gap:6px}.import-docx{display:flex;flex-direction:column;gap:10px}.templates-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.templates-header{display:flex;align-items:center;gap:16px;padding:0 24px;height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.templates-header h1{font-size:18px;font-weight:600;flex:1}.templates-content{display:flex;flex:1;overflow:hidden}.templates-list{width:320px;min-width:320px;border-right:1px solid var(--color-border);overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:16px}.templates-list.with-editor{flex:0 0 320px}.templates-group-title{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.templates-empty{font-size:13px;color:var(--color-text-muted)}.template-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:border-color .1s,background .1s}.template-card:hover,.template-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.template-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.template-card-name{font-size:14px;font-weight:500}.template-card-desc{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-editor{flex:1;overflow-y:auto;padding:24px;background:var(--color-bg)}.template-editor-form{display:flex;flex-direction:column;gap:16px;max-width:800px}.template-editor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.template-editor-header h2{font-size:16px;font-weight:600}.template-editor-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.form-group-grow textarea{flex:1}.code-editor{font-family:var(--font-mono);font-size:13px;background:#1e1e2e;color:#cdd6f4;border-color:#313244!important;border-radius:var(--radius)}.code-editor:focus{border-color:var(--color-primary)!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}label.btn.disabled{opacity:.5;pointer-events:none}.panel-empty-state{padding:24px 16px;color:var(--color-muted);text-align:center;font-size:14px}.dashboard-admin-panel{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:24px 32px}.invite-manager{max-width:700px}.invite-manager-title{font-size:16px;font-weight:600;margin-bottom:16px}.invite-create-row{display:flex;gap:8px;margin-bottom:16px}.invite-note-input{flex:1;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:14px}.invite-note-input:focus{outline:none;border-color:var(--color-primary)}.invite-loading,.invite-empty{color:var(--color-text-secondary);font-size:14px}.invite-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.invite-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:13px}.invite-item--used{opacity:.55}.invite-item-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.invite-item-note{font-weight:500}.invite-item-note em{font-style:italic;color:var(--color-text-secondary)}.invite-item-status{font-size:12px;padding:2px 7px;border-radius:99px;font-weight:500}.invite-item-status.pending{background:#e0f2fe;color:#0369a1}.invite-item-status.used{background:var(--color-border);color:var(--color-text-secondary)}.invite-item-date{color:var(--color-text-secondary);font-size:12px}.invite-item-actions{display:flex;gap:6px;flex-shrink:0}.btn-xs{padding:3px 8px;font-size:12px}.btn-danger{color:var(--color-error)}.btn-danger:hover{background:#fee2e2}.invite-required{text-align:center;color:var(--color-text-secondary);padding:8px 0 16px;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:4px}