:root{--color-navy: #0f1923;--color-cream: #f5f0e8;--color-cream-dark: #e0d5c5;--color-gold: #c9a84c;--color-white: #ffffff;--color-black: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}.btn-primary{width:100%;padding:12px;background-color:transparent;color:var(--color-gold);border:1px solid var(--color-gold);border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.btn-primary:hover{background-color:var(--color-gold);color:var(--color-navy)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:5px;color:var(--color-gold);font-size:13px}.input-group input{width:100%;padding:10px;border:none;border-bottom:1px solid var(--color-gold);background:transparent;color:var(--color-cream);font-size:14px;outline:none}.input-group input::placeholder{color:#f5f0e866}.delete-btn{border-color:#ff646480;color:#ff6464b3;font-size:12px;padding:6px 12px}.delete-btn:hover{background:#ff646433;color:#ff6464}.container[data-v-2cf7fac8]{display:flex;flex-direction:column;height:100vh;background-color:#f0f2f5}.bg-cream[data-v-2cf7fac8]{position:absolute;top:0;left:0;width:100%;height:30%;background-color:#e0d5c5}.bg-navy[data-v-2cf7fac8]{position:absolute;bottom:0;left:0;width:100%;height:70%;background-color:#0f1923}.logo[data-v-2cf7fac8]{position:relative;z-index:1;width:520px;padding-top:60px;padding-left:60px;animation:fadeIn-2cf7fac8 1.5s ease-in-out}@media (max-width: 768px){.logo[data-v-2cf7fac8]{width:380px;padding-top:40px;padding-left:30px}}@media (max-width: 480px){.logo[data-v-2cf7fac8]{width:280px;padding-top:30px;padding-left:20px}}@keyframes fadeIn-2cf7fac8{0%{opacity:0}to{opacity:1}}.box-wrapper[data-v-2cf7fac8]{position:relative;z-index:1;display:flex;justify-content:flex-end;align-items:flex-end;flex:1;padding:0 80px 80px 0}.box[data-v-2cf7fac8]{background:transparent;padding:40px;border-radius:10px;width:380px}h2[data-v-2cf7fac8]{text-align:center;margin-bottom:30px;color:#f5f0e8;font-family:Georgia,serif;font-style:italic}label[data-v-2cf7fac8]{display:block;margin-bottom:5px;color:#c9a84c;font-size:13px}input[data-v-2cf7fac8]{width:100%;padding:10px;border:none;border-bottom:1px solid #c9a84c;background:transparent;color:#f5f0e8;font-size:14px;outline:none}input[data-v-2cf7fac8]::placeholder{color:#f5f0e866}button[data-v-2cf7fac8]{width:100%;padding:12px;background-color:transparent;color:#c9a84c;border:1px solid #c9a84c;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}button[data-v-2cf7fac8]:hover{background-color:#c9a84c;color:#0f1923}.switch[data-v-2cf7fac8]{text-align:center;margin-top:15px;color:#f5f0e899;font-size:14px}.switch span[data-v-2cf7fac8]{color:#c9a84c;cursor:pointer;font-weight:700}.switch span[data-v-2cf7fac8]:hover{text-decoration:underline}.sidebar[data-v-e2bd1f01]{width:220px;height:100vh;background-color:var(--color-navy);display:flex;flex-direction:column;padding:20px;position:fixed;left:0;top:0}.sidebar-logo[data-v-e2bd1f01]{width:100%;margin-bottom:40px}.sidebar-nav[data-v-e2bd1f01]{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item[data-v-e2bd1f01]{color:#f5f0e899;text-decoration:none;padding:10px 16px;border-radius:6px;font-size:14px;transition:all .2s}.nav-item[data-v-e2bd1f01]:hover{background:#c9a84c1a;color:var(--color-cream)}.nav-item.active[data-v-e2bd1f01]{background:#c9a84c26;color:var(--color-gold)}.sidebar-footer[data-v-e2bd1f01]{border-top:1px solid rgba(245,240,232,.1);padding-top:20px}.logout-btn[data-v-e2bd1f01]{width:100%;padding:10px;background:transparent;border:1px solid rgba(201,168,76,.3);color:#f5f0e880;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.logout-btn[data-v-e2bd1f01]:hover{border-color:var(--color-gold);color:var(--color-gold)}.layout{display:flex;min-height:100vh}.content{margin-left:220px;flex:1;padding:40px;background-color:var(--color-navy);color:var(--color-cream);min-height:100vh}.memo-form{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.memo-form input,.memo-form textarea{background:transparent;border:none;border-bottom:1px solid var(--color-gold);color:var(--color-cream);padding:10px;font-size:14px;outline:none}.memo-form textarea{height:80px;resize:none}.memo-form input::placeholder,.memo-form textarea::placeholder{color:#f5f0e866}button{padding:10px 20px;background:transparent;border:1px solid var(--color-gold);color:var(--color-gold);cursor:pointer;border-radius:5px;transition:all .3s}button:hover{background:var(--color-gold);color:var(--color-navy)}.memo-list{display:flex;flex-direction:column;gap:15px}.memo-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid rgba(201,168,76,.3);border-radius:8px}.memo-info h3{color:var(--color-gold);margin-bottom:5px}.memo-info p{color:#f5f0e8b3;font-size:13px}.delete-edt{border-color:#ff646480;color:#ff6464b3;font-size:12px;padding:6px 12px}.delete-edt:hover{background:#ff646433;color:#ff6464}.empty{color:#f5f0e866;text-align:center;margin-top:40px}.layout[data-v-0908bae4]{display:flex;min-height:100vh}.content[data-v-0908bae4]{margin-left:220px;flex:1;padding:40px;background-color:var(--color-navy);color:var(--color-cream);min-height:100vh}h2[data-v-0908bae4]{font-family:Georgia,serif;font-style:italic;color:var(--color-gold);margin-bottom:20px}.coming-soon[data-v-0908bae4]{color:#f5f0e866}