@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-page: #FFFFFF;--bg-sidebar: #FBFAF8;--border: #EEEEEC;--border-strong: #DFDEDA;--text-primary: #1F1F1F;--text-secondary: #787774;--text-muted: #9B9A97;--accent-blue: #0C10E3;--accent-primary: #0C10E3;--accent-blue-tint: #E8E9FD;--accent-orange: #FF4500;--accent-cream: #F8E6D2;--accent-cream-text: #8A5A20;--tag-neutral-bg: #F1EFE8;--tag-neutral-text: #5F5E5A;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;min-height:100vh}.sidebar{width:240px;height:100vh;position:sticky;top:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px 8px;z-index:50;flex-shrink:0;overflow:hidden}.sidebar-brand{font-size:14px;font-weight:500;color:var(--text-primary);padding:4px 10px 12px}.nav-section-label{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:12px 10px 4px}.nav-list{list-style:none;display:flex;flex-direction:column;gap:1px}.nav-link-item{display:flex;align-items:center;gap:8px;padding:5px 10px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-size:13px;font-weight:400;transition:background .1s ease,color .1s ease;cursor:pointer}.nav-link-item:hover{background:var(--border);color:var(--text-primary)}.nav-link-item.active{background:var(--accent-blue-tint);color:var(--accent-blue);font-weight:500}.nav-link-item svg{flex-shrink:0;opacity:.7}.nav-link-item.active svg{opacity:1}.sidebar-scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:2px}.sidebar-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.main-content{flex:1;min-width:0;padding:24px 28px;background:var(--bg-page);overflow-y:auto;height:100vh}.card-glass{background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;transition:box-shadow .15s ease,transform .15s ease}.card-glass:hover{box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--accent-blue);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:500;font-size:13px;border:none;cursor:pointer;transition:opacity .15s ease;height:32px}.btn-primary:hover{opacity:.85}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:transparent;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);font-weight:400;font-size:13px;border:1px solid var(--border-strong);cursor:pointer;transition:background .1s ease;height:32px}.btn-ghost:hover{background:var(--tag-neutral-bg);color:var(--text-primary)}.badge-status{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;line-height:1.6}.status-revisi{background:var(--accent-cream);color:var(--accent-cream-text)}.status-draft{background:var(--tag-neutral-bg);color:var(--tag-neutral-text)}.status-siap{background:#d3e5ef;color:#1a5276}.status-publish{background:#dbeddb;color:#1e5631}.tag-pill{display:inline-flex;align-items:center;padding:1px 6px;background:var(--tag-neutral-bg);color:var(--tag-neutral-text);border-radius:var(--radius-sm);font-size:12px;font-weight:400}.user-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-blue);color:#fff;border-radius:50%;font-weight:600;font-size:11px;flex-shrink:0}.form-control{width:100%;padding:6px 10px;background:var(--bg-page);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:inherit;transition:border-color .15s ease;height:34px}.form-control:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-tint)}textarea.form-control{height:auto;resize:vertical}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.page-title{font-size:20px;font-weight:500;color:var(--text-primary);line-height:1.3}.page-desc{font-size:13px;color:var(--text-secondary);margin-top:2px;margin-bottom:16px}.notion-title-input{width:100%;border:none;background:transparent;font-size:28px;font-weight:500;color:var(--text-primary);outline:none;padding:4px 0;line-height:1.3}.notion-title-input::placeholder{color:var(--text-muted);font-weight:400}.property-list{display:flex;flex-direction:column;gap:2px;margin-top:12px;margin-bottom:24px}.property-row{display:flex;align-items:center;padding:5px 6px;border-radius:var(--radius-md);font-size:13px;transition:background .1s ease;min-height:32px;position:relative}.property-row:hover{background:#f7f6f3}.property-label{display:flex;align-items:center;gap:8px;width:130px;flex-shrink:0;color:var(--text-muted);font-size:13px;font-weight:400;-webkit-user-select:none;user-select:none}.property-value-container{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.notion-content-editor{width:100%;border:none;background:transparent;font-size:14px;line-height:1.7;color:var(--text-primary);outline:none;resize:vertical;font-family:inherit;min-height:300px;padding:4px 0}.notion-content-editor::placeholder{color:var(--text-muted)}.notion-editor-wrapper{position:relative}.notion-editor-wrapper .mdxeditor-toolbar{opacity:0;pointer-events:none;transition:opacity .15s ease;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;padding:2px 6px;position:sticky;top:8px;z-index:10}.notion-editor-wrapper.is-focused .mdxeditor-toolbar,.notion-editor-wrapper:focus-within .mdxeditor-toolbar{opacity:1;pointer-events:all}.notion-editor-wrapper .mdxeditor-toolbar button{font-size:13px;color:var(--text-secondary);border-radius:var(--radius-sm);padding:3px 6px;background:none;border:none}.notion-editor-wrapper .mdxeditor-toolbar button:hover{background:var(--tag-neutral-bg);color:var(--text-primary)}.notion-editor-wrapper .mdxeditor-toolbar button[data-state=on],.notion-editor-wrapper .mdxeditor-toolbar button[aria-pressed=true]{background:var(--accent-blue-tint);color:var(--accent-blue)}.notion-editor-wrapper .mdxeditor{border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif!important}.notion-editor-content{font-size:14px!important;line-height:1.7!important;color:var(--text-primary)!important;font-family:inherit!important;min-height:300px!important;padding:4px 0!important;outline:none!important}.page-content-body h1,.notion-editor-content h1{font-size:22px!important;font-weight:500!important;margin:18px 0 8px!important;line-height:1.3!important;color:var(--text-primary)!important}.page-content-body h2,.notion-editor-content h2{font-size:18px!important;font-weight:500!important;margin:16px 0 6px!important;line-height:1.35!important;color:var(--text-primary)!important}.page-content-body h3,.notion-editor-content h3{font-size:16px!important;font-weight:500!important;margin:14px 0 5px!important;line-height:1.4!important;color:var(--text-primary)!important}.page-content-body p,.page-content-body li,.notion-editor-content p,.notion-editor-content li{font-size:14px!important;line-height:1.7!important;color:var(--text-primary)!important}.notion-editor-content blockquote{border-left:3px solid var(--border-strong)!important;padding-left:12px!important;margin-left:0!important;color:var(--text-secondary)!important}.notion-editor-content hr{border:none!important;border-top:1px solid var(--border)!important;margin:16px 0!important}.notion-editor-content a{color:var(--accent-blue)!important}.notion-editor-wrapper .mdxeditor-toolbar-separator{background:var(--border);width:1px;height:18px;margin:0 4px;align-self:center}