*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:#333;background-color:#f5f5f5}#root{height:100%}.app{height:100%;display:flex;flex-direction:column}.page-container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.page-header h1{font-size:2rem;font-weight:600;color:#1a1a1a}button{font-family:inherit;font-size:1rem;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;transition:all .2s}.btn-primary{background-color:#06c;color:#fff;font-weight:500}.btn-primary:hover:not(:disabled){background-color:#0052a3}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#e0e0e0;color:#333}.btn-secondary:hover{background-color:#d0d0d0}.document-list{display:grid;gap:1rem}.document-item{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:all .2s}.document-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.document-item h3{font-size:1.25rem;margin-bottom:.5rem;color:#1a1a1a}.document-meta{display:flex;gap:1rem;font-size:.875rem;color:#666}.status{padding:.25rem .5rem;border-radius:4px;font-weight:500}.status-draft{background-color:#fef3c7;color:#92400e}.status-active{background-color:#d1fae5;color:#065f46}.status-archived{background-color:#e5e7eb;color:#374151}.status-locked{background-color:#fee2e2;color:#991b1b}.editor-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.editor-container{display:flex;flex-direction:column}.editor-toolbar{display:flex;gap:.5rem;padding:.75rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.editor-toolbar button{padding:.375rem .75rem;font-size:.875rem;background-color:#fff;border:1px solid #d1d5db;color:#374151}.editor-toolbar button:hover{background-color:#f3f4f6}.editor-toolbar button.is-active{background-color:#06c;color:#fff;border-color:#06c}.ProseMirror{min-height:400px;padding:1.5rem;outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.ProseMirror h1{font-size:2rem;font-weight:600;margin:1.5rem 0 1rem}.ProseMirror h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem}.ProseMirror h3{font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem}.ProseMirror p{margin:.75rem 0}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem;margin:.75rem 0}.ProseMirror li{margin:.25rem 0}.ProseMirror code{background-color:#f3f4f6;padding:.125rem .375rem;border-radius:3px;font-family:Courier New,monospace;font-size:.875em}.ProseMirror pre{background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.ProseMirror pre code{background:none;color:inherit;padding:0}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#666;font-size:1.125rem}.error-message{background-color:#fee2e2;color:#991b1b;padding:1rem;border-radius:6px;margin-bottom:1rem}@media (max-width: 768px){.page-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start}.editor-toolbar{gap:.25rem}.ProseMirror{padding:1rem}}