*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#121212;color:#e0e0e0;height:100vh;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#1a1a1a}.login-box{background:#242424;padding:2rem;border-radius:8px;width:100%;max-width:420px;box-shadow:0 4px 20px #00000080}.login-box h2{display:flex;align-items:center;gap:8px;font-size:1.25rem;margin-bottom:.5rem}.login-box p{font-size:.85rem;color:#aaa;margin-bottom:1.5rem}.login-box form{display:flex;flex-direction:column;gap:1rem}.login-box label{font-size:.8rem;color:#ccc}.login-box input{padding:.6rem;background:#121212;border:1px solid #333;color:#fff;border-radius:4px}.login-box button{margin-top:1rem;padding:.75rem;background:#2563eb;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer}.app-layout{display:flex;height:100vh}.sidebar{width:320px;background:#181818;border-right:1px solid #282828;display:flex;flex-direction:column}.sidebar-header{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #282828}.sidebar-header h3{font-size:.95rem;color:#fff}.sidebar-header .actions{display:flex;gap:8px}.sidebar-header button{background:transparent;border:none;color:#aaa;cursor:pointer;padding:4px}.sidebar-header button:hover{color:#fff}.search-box{padding:.5rem 1rem;display:flex;align-items:center;gap:6px;background:#121212;border-bottom:1px solid #282828}.search-box input{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:.85rem}.file-list{flex:1;overflow-y:auto;padding:.5rem 0}.file-item{display:flex;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;cursor:pointer;color:#bbb}.file-item:hover{background:#222;color:#fff}.file-item.active{background:#2e3a52;color:#60a5fa}.file-path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon.pdf{color:#f87171}.icon.csv{color:#4ade80}.icon.typst{color:#c084fc}.main-content{flex:1;background:#121212;display:flex;flex-direction:column}.editor-container{display:flex;flex-direction:column;height:100%}.editor-header{padding:.75rem 1.5rem;background:#181818;border-bottom:1px solid #282828;display:flex;justify-content:space-between;align-items:center}.current-path{font-family:monospace;font-size:.9rem;color:#60a5fa}.editor-actions{display:flex;align-items:center;gap:12px}.status-msg{font-size:.8rem;color:#4ade80}.save-btn{display:flex;align-items:center;gap:6px;padding:.4rem .8rem;background:#16a34a;color:#fff;border:none;border-radius:4px;font-weight:700;cursor:pointer;font-size:.85rem}.save-btn:hover{background:#15803d}.editor-body{flex:1;position:relative}.pdf-viewer{width:100%;height:100%;border:none}.code-editor{width:100%;height:100%;background:#0d0d0d;color:#f3f4f6;border:none;padding:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.95rem;line-height:1.6;resize:none;outline:none}.empty-state,.loading,.unsupported{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-size:.9rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}