.topbar[data-v-b9f44320]{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--navy);border-bottom:1px solid var(--navy-2)}.brand[data-v-b9f44320]{display:flex;align-items:center;gap:8px}.brand-link[data-v-b9f44320]{display:flex;align-items:center;gap:10px;font-weight:700;color:#fff;text-decoration:none;font-size:15px}.brand-logo[data-v-b9f44320]{height:32px;width:auto}.btn-icon[data-v-b9f44320]{background:#ffffff1a;border:none;color:#ffffffbf;cursor:pointer;font-size:13px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon[data-v-b9f44320]:hover:not(:disabled){background:var(--se-orange);color:#fff}.btn-icon[data-v-b9f44320]:disabled{opacity:.6;cursor:not-allowed}.judul-edit[data-v-b9f44320]{display:flex;align-items:center;gap:6px}.judul-edit input[data-v-b9f44320]{padding:4px 8px;border:1px solid var(--se-amber);border-radius:6px;font:inherit;font-size:14px;background:#fffffff2;min-width:220px}.nav-actions[data-v-b9f44320]{display:flex;align-items:center;gap:16px}.nav-actions a[data-v-b9f44320]{color:var(--se-amber);text-decoration:none;font-weight:500}.nav-actions a[data-v-b9f44320]:hover{color:var(--se-orange)}.user-name[data-v-b9f44320]{color:#ffffffbf;font-size:14px}.btn-link[data-v-b9f44320]{background:none;border:none;color:var(--se-amber);cursor:pointer;font:inherit;padding:0;font-weight:500}.btn-link[data-v-b9f44320]:hover{color:var(--se-orange)}.modal-overlay[data-v-45d4b8c7]{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a274499;display:flex;align-items:center;justify-content:center;z-index:50}.modal[data-v-45d4b8c7]{background:var(--surface);border-radius:12px;padding:20px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px #0003}.modal-header[data-v-45d4b8c7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header h2[data-v-45d4b8c7]{color:var(--navy);font-size:17px}.btn-close[data-v-45d4b8c7]{background:none;border:none;font-size:16px;cursor:pointer;color:var(--text-muted)}.error[data-v-45d4b8c7]{color:#de350b;margin-bottom:10px}.galeri[data-v-45d4b8c7]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.galeri-item[data-v-45d4b8c7]{position:relative}.galeri-item img[data-v-45d4b8c7]{width:100%;height:90px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.btn-hapus-foto[data-v-45d4b8c7]{position:absolute;bottom:4px;right:4px;font-size:11px;background:#e8560ae6;color:#fff;border:none;border-radius:4px;padding:2px 6px;cursor:pointer}.form-edit[data-v-45d4b8c7]{display:flex;flex-direction:column;gap:10px;margin-top:10px}.form-edit label[data-v-45d4b8c7]{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-secondary)}textarea[data-v-45d4b8c7],input[type=file][data-v-45d4b8c7]{font:inherit;padding:6px;border:1px solid var(--border-strong);border-radius:6px}textarea[data-v-45d4b8c7]:focus{outline:none;border-color:var(--se-amber)}.btn-primary[data-v-45d4b8c7]{background:var(--se-gradient);color:#fff;border:none;padding:9px;border-radius:6px;cursor:pointer;font:inherit;font-weight:600}.btn-primary[data-v-45d4b8c7]:hover:not(:disabled){box-shadow:0 4px 14px #e8560a59}.catatan-readonly[data-v-45d4b8c7]{color:var(--text-secondary);font-size:14px;margin-top:8px}.admin-actions[data-v-45d4b8c7]{margin-top:16px;display:flex;gap:8px;border-top:1px solid var(--border);padding-top:12px}.btn-secondary[data-v-45d4b8c7]{background:var(--se-amber-light);color:var(--se-gold);border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font:inherit;font-weight:600}.btn-danger[data-v-45d4b8c7]{background:#de350b;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font:inherit}.board-page[data-v-1fbaf487]{padding:24px;background:var(--se-warm-white);min-height:calc(100vh - 57px)}.board-toolbar[data-v-1fbaf487]{margin-bottom:18px}.btn-primary[data-v-1fbaf487]{background:var(--se-gradient);color:#fff;border:none;padding:10px 18px;border-radius:6px;font:inherit;cursor:pointer;font-weight:600}.btn-primary[data-v-1fbaf487]:hover{box-shadow:0 4px 14px #e8560a59}.hint[data-v-1fbaf487]{color:var(--text-secondary);font-size:14px}.error[data-v-1fbaf487]{color:#de350b}.board[data-v-1fbaf487]{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px}.kolom[data-v-1fbaf487]{min-width:260px;background:#e8560a0d;border:1px solid var(--se-orange-light);border-radius:10px;padding:12px}.kolom-judul[data-v-1fbaf487]{font-size:14px;margin-bottom:10px;color:var(--navy);font-weight:700}.kartu[data-v-1fbaf487]{background:var(--surface);border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;box-shadow:0 1px 3px #091e421f;border:1px solid var(--border);transition:box-shadow .15s,transform .15s}.kartu[data-v-1fbaf487]:hover{box-shadow:0 4px 14px #e8560a2e;transform:translateY(-1px)}.kartu strong[data-v-1fbaf487]{color:var(--navy)}.kartu-catatan[data-v-1fbaf487]{font-size:13px;color:var(--text-secondary);margin:6px 0}.kartu-thumbs[data-v-1fbaf487]{display:flex;gap:4px}.kartu-thumbs img[data-v-1fbaf487]{width:44px;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.more[data-v-1fbaf487]{font-size:12px;align-self:center;color:var(--text-muted)}.auth-page[data-v-3d198f9b]{display:flex;justify-content:center;padding:60px 20px;background:var(--se-warm-white);min-height:calc(100vh - 57px)}.auth-card[data-v-3d198f9b]{background:var(--surface);padding:32px;border-radius:12px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #e8560a14}.auth-card h1[data-v-3d198f9b]{color:var(--navy)}label[data-v-3d198f9b]{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-secondary)}input[data-v-3d198f9b]{padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;font:inherit}input[data-v-3d198f9b]:focus{outline:none;border-color:var(--se-amber)}button[data-v-3d198f9b]{background:var(--se-gradient);color:#fff;border:none;padding:10px;border-radius:6px;font:inherit;cursor:pointer;font-weight:600}button[data-v-3d198f9b]:hover:not(:disabled){box-shadow:0 4px 14px #e8560a59}button[data-v-3d198f9b]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-3d198f9b]{color:#de350b;font-size:13px}.switch[data-v-3d198f9b]{font-size:13px;text-align:center}.switch a[data-v-3d198f9b]{color:var(--se-orange);font-weight:600;text-decoration:none}.auth-page[data-v-dbd7af44]{display:flex;justify-content:center;padding:60px 20px;background:var(--se-warm-white);min-height:calc(100vh - 57px)}.auth-card[data-v-dbd7af44]{background:var(--surface);padding:32px;border-radius:12px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 20px #e8560a14}.auth-card h1[data-v-dbd7af44]{color:var(--navy)}label[data-v-dbd7af44]{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-secondary)}input[data-v-dbd7af44]{padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;font:inherit}input[data-v-dbd7af44]:focus{outline:none;border-color:var(--se-amber)}button[data-v-dbd7af44]{background:var(--se-gradient);color:#fff;border:none;padding:10px;border-radius:6px;font:inherit;cursor:pointer;font-weight:600}button[data-v-dbd7af44]:hover:not(:disabled){box-shadow:0 4px 14px #e8560a59}button[data-v-dbd7af44]:disabled{opacity:.6;cursor:not-allowed}.error[data-v-dbd7af44]{color:#de350b;font-size:13px}.switch[data-v-dbd7af44]{font-size:13px;text-align:center}.switch a[data-v-dbd7af44]{color:var(--se-orange);font-weight:600;text-decoration:none}:root{--se-orange: #E8560A;--se-orange-hover: #C94508;--se-orange-light: #FDE8DD;--se-amber: #F5A623;--se-amber-light: #FEF3DC;--se-gold: #D4A017;--se-warm-white: #FFF8F0;--se-gradient: linear-gradient(135deg, var(--se-orange), var(--se-amber));--navy: #1A2744;--navy-2: #243158;--bg: #F5F6FA;--surface: #FFFFFF;--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .14);--text-primary: #1A1A2E;--text-secondary: #6B7280;--text-muted: #9CA3AF}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary)}