html,body{background:#f5f6f8;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;font-size:14px}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.layout{min-height:100vh;display:flex}.main{background:#f5f6f8;flex:1;padding:40px}.sidebar{color:#fff;background:#0f3d2e;width:240px;height:100vh;padding:20px;position:sticky;top:0}.sidebar-title{margin-bottom:20px;font-size:18px;font-weight:600}.sidebar-menu{padding:0;list-style:none}.sidebar-menu li{cursor:pointer;opacity:.9;padding:10px 0;transition:all .15s}.sidebar-menu li:hover{opacity:1;transform:translate(4px)}.btn-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:8px;display:flex;box-shadow:0 1px 2px #0000000a}.btn-primary{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .15s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#fff;background:#374151;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .15s}.btn-secondary:hover{background:#1f2937}.btn-danger{color:#fff;background:#7f1d1d;border:none;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .15s}.btn-danger:hover{background:#991b1b}.btn-light{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 10px;font-size:13px;transition:all .15s}.btn-light:hover{background:#f3f4f6}.input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:all .15s}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.table-header{margin-bottom:12px}.table th{background:#f9fafb;padding:12px}.table td{padding:12px}.table tr:hover{background:#f9fafb}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.editor-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:420px;margin-bottom:20px;padding:16px;box-shadow:0 1px 3px #0000000d}.ProseMirror{outline:none;min-height:350px;font-size:15px;line-height:1.7}.ProseMirror p{margin:6px 0}.ProseMirror h1{font-size:26px;font-weight:700}.ProseMirror h2{font-size:22px;font-weight:700}.ProseMirror h3{font-size:18px;font-weight:600}blockquote{color:#555;background:#f8fafc;border-left:4px solid #2563eb;padding-left:12px}.fab{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:12px 16px;position:fixed;bottom:24px;right:24px}.table-wrap{position:relative}.table-fab{color:#fff;background:#2563eb;border:none;border-radius:8px;padding:10px 16px;position:absolute;bottom:-50px;right:0}.table-fab:hover{background:#1d4ed8}.modal-backdrop{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:700px;max-height:80vh;padding:20px;overflow:auto}.preview-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;padding:12px}.write-container{max-width:900px;margin:0 auto;padding:20px 0}