@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap";:root{--krem:#f5efe0;--krem-dark:#ede3cc;--coklat-tua:#2c1a0e;--coklat-medium:#5c3d1e;--amber:#d97b2a;--amber-light:#e8975a;--amber-dark:#b5621e;--abu-kertas:#9c8c7a;--abu-light:#c8bbb0;--putih-hangat:#fffaf3;--putih-bersih:#fff;--error:#c0392b;--success:#27ae60;--font-display:"Playfair Display", Georgia, serif;--font-body:"Inter", -apple-system, sans-serif;--shadow-sm:0 1px 4px #2c1a0e0f;--shadow-md:0 4px 16px #2c1a0e1a;--shadow-lg:0 8px 32px #2c1a0e24;--shadow-card:0 2px 8px #2c1a0e0f, 0 8px 24px #2c1a0e0f;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--krem);color:var(--coklat-tua);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 10% 10%,#d97b2a0a 0%,#0000 60%),radial-gradient(at 90% 80%,#d97b2a08 0%,#0000 60%);background-attachment:fixed;min-height:100vh;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--coklat-tua);letter-spacing:-.01em;font-weight:700;line-height:1.3}a{color:var(--amber);transition:var(--transition);text-decoration:none}a:hover{color:var(--amber-dark)}img{max-width:100%}.container{max-width:860px;margin:0 auto;padding:0 20px}.page-content{padding:32px 0 80px}.btn{background:linear-gradient(135deg, var(--amber) 0%, var(--amber-dark) 100%);color:var(--putih-hangat);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);letter-spacing:.01em;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;padding:11px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #d97b2a4d}.btn:hover{color:var(--putih-hangat);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #d97b2a66}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{border:1.5px solid var(--amber);color:var(--amber);box-shadow:none;background:0 0}.btn-outline:hover{background:var(--amber);color:var(--putih-hangat);box-shadow:0 4px 12px #d97b2a4d}.btn-ghost{border:1.5px solid var(--krem-dark);color:var(--coklat-medium);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--krem-dark);color:var(--coklat-tua);box-shadow:none}.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;box-shadow:0 2px 8px #c0392b4d}.btn-danger:hover{box-shadow:0 4px 16px #c0392b66}.btn-sm{padding:7px 14px;font-size:.82rem}.btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:1rem}.btn-block{width:100%}.card{background:var(--putih-hangat);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition);border:1px solid #2c1a0e0d;margin-bottom:20px;padding:24px}.form-group{margin-bottom:20px}.form-label{color:var(--coklat-medium);letter-spacing:.01em;margin-bottom:7px;font-size:.875rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--abu-light);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);background:var(--putih-hangat);color:var(--coklat-tua);transition:var(--transition);padding:12px 14px;font-size:.95rem;line-height:1.5}.form-control:hover{border-color:var(--abu-kertas)}.form-control:focus{border-color:var(--amber);background:var(--putih-bersih);outline:none;box-shadow:0 0 0 3px #d97b2a1f}.form-control::placeholder{color:var(--abu-light)}textarea.form-control{resize:vertical;min-height:120px}.stamp{border:2px solid var(--amber);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;font-family:var(--font-display);background:#d97b2a0f;border-radius:4px;flex-shrink:0;padding:3px 9px;display:inline-block;transform:rotate(-4deg)}.tags-row{flex-wrap:wrap;gap:6px;display:flex}.tag-badge{background:var(--krem-dark);color:var(--coklat-medium);letter-spacing:.01em;transition:var(--transition);border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:500}.tag-badge:hover{background:var(--amber);color:#fff;cursor:pointer}.divider{background:linear-gradient(90deg, transparent, var(--krem-dark), transparent);height:1px;margin:24px 0}.skeleton{background:linear-gradient(90deg, var(--krem) 25%, var(--krem-dark) 50%, var(--krem) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{border:2px solid var(--krem-dark);border-top-color:var(--amber);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--abu-kertas);padding:60px 24px}.empty-state .empty-icon{margin-bottom:16px;font-size:3rem;display:block}.empty-state p{margin-bottom:20px;font-style:italic}.alert{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.alert-error{color:var(--error);background:#c0392b14;border:1px solid #c0392b33}.alert-success{color:var(--success);background:#27ae6014;border:1px solid #27ae6033}.page-enter-from,.page-leave-to{opacity:0}@media (width<=768px){html{font-size:15px}.container{padding:0 16px}.btn-lg{padding:12px 22px}}@media (width<=480px){html{font-size:14px}.container{padding:0 12px}.card{padding:16px}}.navbar[data-v-bb0a7bee]{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#fffaf3e0;border-bottom:1px solid #0000;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar--scrolled[data-v-bb0a7bee]{background:#fffaf3f5;border-bottom-color:#2c1a0e14;box-shadow:0 2px 20px #2c1a0e14}.navbar-spacer[data-v-bb0a7bee]{height:68px}.nav-inner[data-v-bb0a7bee]{justify-content:space-between;align-items:center;height:68px;display:flex}.logo[data-v-bb0a7bee]{font-family:var(--font-display);color:var(--coklat-tua);transition:var(--transition);align-items:center;gap:8px;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.logo[data-v-bb0a7bee]:hover{color:var(--amber);text-decoration:none}.logo-icon[data-v-bb0a7bee]{color:var(--amber);font-size:1.1rem}.nav-links[data-v-bb0a7bee]{align-items:center;gap:8px;display:flex}.nav-link[data-v-bb0a7bee]{border-radius:var(--radius-sm);color:var(--coklat-medium);transition:var(--transition);padding:7px 14px;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link[data-v-bb0a7bee]:hover,.nav-link.router-link-active[data-v-bb0a7bee]{background:var(--krem-dark);color:var(--coklat-tua);text-decoration:none}.user-menu[data-v-bb0a7bee]{border-radius:var(--radius-lg);background:var(--krem-dark);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 12px;display:flex;position:relative}.user-menu[data-v-bb0a7bee]:hover{background:var(--krem);box-shadow:var(--shadow-sm)}.avatar[data-v-bb0a7bee]{background:linear-gradient(135deg, var(--amber), var(--amber-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:flex}.username[data-v-bb0a7bee]{color:var(--coklat-tua);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.875rem;font-weight:600;overflow:hidden}.chevron[data-v-bb0a7bee]{color:var(--abu-kertas);font-size:.75rem;transition:transform .2s}.chevron.open[data-v-bb0a7bee]{transform:rotate(180deg)}.dropdown[data-v-bb0a7bee]{background:var(--putih-bersih);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);border:1px solid #2c1a0e0f;padding:6px;animation:.18s dropdownFadeIn-bb0a7bee;position:absolute;top:calc(100% + 10px);right:0}@keyframes dropdownFadeIn-bb0a7bee{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-bb0a7bee]{border-radius:var(--radius-sm);color:var(--coklat-tua);text-align:left;cursor:pointer;width:100%;transition:var(--transition);font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;text-decoration:none;display:flex}.dropdown-item[data-v-bb0a7bee]:hover{background:var(--krem);color:var(--coklat-tua);text-decoration:none}.dropdown-item.danger[data-v-bb0a7bee]{color:#c0392b}.dropdown-item.danger[data-v-bb0a7bee]:hover{background:#c0392b0f}.dropdown-divider[data-v-bb0a7bee]{background:var(--krem-dark);height:1px;margin:4px 0}.hamburger[data-v-bb0a7bee]{cursor:pointer;border-radius:var(--radius-sm);width:40px;height:40px;transition:var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;padding:8px;display:none}.hamburger[data-v-bb0a7bee]:hover{background:var(--krem-dark)}.hamburger span[data-v-bb0a7bee]{background:var(--coklat-tua);transform-origin:50%;border-radius:2px;height:2px;transition:all .3s;display:block}.hamburger.open span[data-v-bb0a7bee]:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span[data-v-bb0a7bee]:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span[data-v-bb0a7bee]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu[data-v-bb0a7bee]{border-top:1px solid var(--krem-dark);background:#fffaf3fa;flex-direction:column;gap:4px;padding:12px 16px 16px;display:flex}.mobile-link[data-v-bb0a7bee]{border-radius:var(--radius-sm);color:var(--coklat-tua);transition:var(--transition);text-align:left;cursor:pointer;width:100%;font-size:.95rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;padding:12px 16px;text-decoration:none;display:block}.mobile-link[data-v-bb0a7bee]:hover{background:var(--krem-dark);color:var(--coklat-tua);text-decoration:none}.mobile-link.highlight[data-v-bb0a7bee]{background:linear-gradient(135deg, var(--amber), var(--amber-dark));color:#fff;text-align:center;margin-top:6px}.mobile-link.highlight[data-v-bb0a7bee]:hover{color:#fff;box-shadow:0 4px 12px #d97b2a4d}.mobile-link.danger[data-v-bb0a7bee]{color:#c0392b}.mobile-link.danger[data-v-bb0a7bee]:hover{background:#c0392b0f}.mobile-menu-enter-active[data-v-bb0a7bee]{animation:.25s slideDown-bb0a7bee}.mobile-menu-leave-active[data-v-bb0a7bee]{animation:.2s reverse slideDown-bb0a7bee}@keyframes slideDown-bb0a7bee{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.nav-links[data-v-bb0a7bee]{display:none}.hamburger[data-v-bb0a7bee]{display:flex}}@media (width>=769px){.mobile-menu[data-v-bb0a7bee]{display:none!important}}.main-content{min-height:calc(100vh - 128px)}.footer{border-top:1px solid var(--krem-dark);background:var(--putih-hangat);padding:16px 0}.footer-inner{justify-content:space-between;align-items:center;padding-top:0;padding-bottom:0;display:flex}.footer-logo{font-family:var(--font-display);color:var(--coklat-tua);font-size:1rem;font-weight:700}.footer-copy{color:var(--abu-kertas);font-size:.78rem}.page-enter-active,.page-leave-active{transition:opacity .2s,transform .2s}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-6px)}@media (width<=480px){.footer-inner{text-align:center;flex-direction:column;gap:4px}}