*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d1a;--surface: #111118;--card: #1a1a2e;--border: #2a2a3e;--accent: #7c6af5;--accent-hover: #9480ff;--text: #e0e0e0;--text-muted: #888;--text-faint: #555;--danger: #e05555;--badge-admin: #3d2b6e;--badge-writer: #1a2a3a;--badge-editor: #1a3a2e;--badge-viewer: #2a2a2a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}body{min-height:100vh}input,select,button{font:inherit}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:200px;min-width:200px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar-logo{color:var(--accent);font-weight:700;font-size:15px;padding:8px 10px;margin-bottom:8px}.sidebar-divider{height:1px;background:var(--border);margin:8px 0}.sidebar-link{display:block;padding:8px 10px;border-radius:6px;color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s}.sidebar-link:hover,.sidebar-link.active{background:var(--card);color:var(--text)}.sidebar-footer{margin-top:auto;padding:8px 10px;color:var(--text-faint);font-size:12px}.main-content{flex:1;overflow-y:auto;padding:32px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:24px}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--accent);padding:4px 8px}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:12px;color:var(--text-muted)}.form-input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--text);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.error-msg{color:var(--danger);font-size:13px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px}.badge-admin{background:var(--badge-admin)}.badge-writer{background:var(--badge-writer)}.badge-editor{background:var(--badge-editor)}.badge-viewer{background:var(--badge-viewer)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:8px 12px;color:var(--text-muted);font-weight:500;font-size:12px;background:var(--bg)}td{padding:10px 12px;border-top:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;width:400px;max-width:90vw;display:flex;flex-direction:column;gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:16px;font-weight:600}