*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#0d0d1a;border-right:1px solid #2a2a4c;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:15px;border-bottom:1px solid #2a2a4c}.sidebar-header h2{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.sidebar-list{flex:1;overflow-y:auto;padding:10px}.sidebar-item{padding:10px 12px;border-radius:6px;cursor:pointer;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;transition:all .15s;font-size:.85rem}.sidebar-item:hover{background:#1a1a2e}.sidebar-item.active{background:#e94560;color:#fff}.sidebar-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-actions{display:flex;gap:4px;opacity:0}.sidebar-item:hover .sidebar-item-actions,.sidebar-item.active .sidebar-item-actions{opacity:1}.icon-btn{background:none;border:none;color:inherit;cursor:pointer;padding:2px 6px;border-radius:3px;font-size:.75rem}.icon-btn:hover{background:#ffffff1a}.sidebar-buttons{display:flex;gap:8px;padding:10px;border-top:1px solid #2a2a4c}.new-bill-btn{flex:1;padding:10px;background:#e94560;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.new-bill-btn:hover{background:#ff6b6b}.import-bill-btn{padding:10px 14px;background:#2a2a4c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.import-bill-btn:hover{background:#3a3a6c}.editor-panel{flex:1;padding:20px;background:#16213e;overflow-y:auto;max-height:100vh;min-width:0}.preview-panel{width:50%;padding:20px;background:#0f0f23;overflow-y:auto;max-height:100vh;flex-shrink:0}h1{font-size:1.3rem;margin-bottom:20px;color:#e94560}.editor-section{background:#1a1a2e;border-radius:8px;padding:15px;margin-bottom:15px}.editor-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #2a2a4c}.editor-section-header h2{font-size:.85rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin:0;border:none;padding:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.full{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #2a2a4c;border-radius:6px;background:#0f0f23;color:#fff;font-size:.9rem;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e94560}.form-group textarea{min-height:70px;resize:vertical;font-family:inherit}button{font-family:inherit;cursor:pointer;transition:all .15s}.btn{padding:8px 14px;border:none;border-radius:5px;font-size:.8rem;font-weight:500}.btn-primary{background:#e94560;color:#fff}.btn-primary:hover{background:#ff6b6b}.btn-secondary{background:#2a2a4c;color:#fff}.btn-secondary:hover{background:#3a3a6c}.btn-danger{background:transparent;color:#e94560;border:1px solid #e94560}.btn-danger:hover{background:#e94560;color:#fff}.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#2ecc71}.btn-sm{padding:5px 10px;font-size:.75rem}.btn-icon{padding:2px 6px;font-size:.85rem;background:transparent;border:1px solid #3a3a5c;color:#888;cursor:pointer;border-radius:3px;line-height:1}.btn-icon:hover{background:#2a2a4c;color:#fff}.btn-collapse{margin-right:5px;border:none;padding:0 4px}.collapse-indicator{margin-right:5px;font-size:.75rem;color:#888}.collapse-hint{margin-left:8px;font-size:.7rem;color:#666;font-style:italic}.content-item-header.clickable{cursor:pointer}.content-item-header.clickable:hover{background:#2a2a4c}.content-item.editor-focused{box-shadow:0 0 0 2px #4dabf7,0 0 15px #4dabf74d;border-radius:6px}.header-actions{display:flex;gap:5px;align-items:center}.chapter-card{background:#0f0f23;border:1px solid #2a2a4c;border-radius:8px;margin-bottom:12px;overflow:hidden}.chapter-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#1a1a2e;cursor:pointer}.chapter-header:hover{background:#224}.chapter-title{font-weight:600;font-size:.9rem}.chapter-content{padding:15px}.section-card{background:#16213e;border:1px solid #2a2a4c;border-radius:6px;margin-bottom:10px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#1a1a3e;cursor:pointer;transition:background .15s}.section-header:hover{background:#222250}.section-title{font-weight:500;font-size:.85rem;color:#aaa}.section-content{padding:0}.section-content.open{padding:12px}.rich-editor{border:none;border-radius:0;overflow:hidden;display:flex;flex-direction:column}.editor-toolbar{display:flex;gap:4px;padding:8px 10px;background:linear-gradient(to bottom,#1a1a2e,#16162a);border-bottom:1px solid #2a2a4c;flex-wrap:wrap;align-items:center}.toolbar-btn{padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;border-radius:4px;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:4px;min-width:32px;transition:all .15s ease}.toolbar-btn:hover{background:#e9456033;color:#fff;border-color:#e9456066}.toolbar-btn:active{background:#e945604d;transform:scale(.95)}.toolbar-btn.active{background:#e94560;color:#fff;border-color:#e94560}.toolbar-select{padding:6px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;border-radius:4px;font-size:.8rem;cursor:pointer;outline:none;transition:all .15s ease}.toolbar-select:hover{background:#e9456033;color:#fff;border-color:#e9456066}.toolbar-select:focus{border-color:#e94560;background:#e9456026}.toolbar-select option{background:#1a1a2e;color:#fff;padding:8px}.toolbar-separator{width:1px;background:#2a2a4c;margin:0 4px}.editor-content{min-height:80px;padding:12px 14px;background:#12121f;color:#e0e0e0;font-size:.9rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;outline:none;border:none;caret-color:#e94560}.editor-content:focus{background:#14142a}.editor-content::selection{background:#e945604d}.editor-content a{color:#4dabf7;text-decoration:underline}.content-item{background:#0f0f23;border:1px solid #2a2a4c;border-radius:6px;margin-bottom:8px;overflow:hidden}.content-item-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1a1a2e;font-size:.8rem;color:#888}.content-item-letter{font-weight:600;color:#e94560;min-width:24px}.content-item-body{padding:0}.content-item-body .rich-editor{border-top:1px solid #2a2a4c}.subitem{margin-left:20px;border-left:2px solid #e94560}.subsubitem{margin-left:40px;border-left:2px solid #4dabf7}.subsubsubitem{margin-left:60px;border-left:2px solid #69db7c}.marker-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#888;font-size:.75rem;cursor:pointer;transition:all .15s}.marker-toggle:hover{background:#e9456033;color:#fff}.marker-toggle input{width:14px;height:14px;cursor:pointer;accent-color:#e94560}.add-row{display:flex;gap:8px;margin-top:10px}.copy-section{position:sticky;top:0;background:#0f0f23;padding:12px 0;z-index:100;display:flex;gap:10px;align-items:center;border-bottom:1px solid #2a2a4c;margin-bottom:15px}.copy-success{color:#2ecc71;font-size:.85rem}.preview-container{background:#fff;padding:10px;border-radius:6px}.preview-container blockquote{padding:0!important;margin:0 0 0 40px!important;border:none!important}.preview-container span[title="Click to edit"]:hover,.preview-container p[title="Click to edit"]:hover{background-color:#4dabf726;border-radius:3px}.collapsible{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible.open{max-height:5000px}.empty-state{text-align:center;padding:30px;color:#555;font-size:.85rem}