@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--color-primary:#0f766e;--color-primary-hover:#115e59;--color-accent:#f97316;--color-bg:#f3f4f6;--color-surface:#fff;--color-text-main:#1f2937;--color-text-muted:#6b7280;--shadow-soft:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-hover:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:var(--color-text-main);background-color:#f8fafc;background-image:radial-gradient(circle at 10% 10%,#0f766e1f 0%,#0000 50%),radial-gradient(circle at 90% 90%,#f9731614 0%,#0000 50%),radial-gradient(#cbd5e1 1.5px,#0000 1.5px);background-size:100% 100%,100% 100%,24px 24px;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.app-container{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:480px;min-height:calc(100vh - 4rem);box-shadow:var(--shadow-hover);flex-direction:column;align-items:center;padding:2.5rem 1.5rem;display:flex;position:relative}@media (width<=480px){body{padding:0}.app-container{border-radius:0;min-height:100vh}}.menu-btn{background-color:var(--color-surface);border-radius:var(--radius-md);width:100%;color:var(--color-text-main);box-shadow:var(--shadow-soft);cursor:pointer;text-align:left;border:1px solid #e5e7eb;align-items:center;gap:1rem;margin-top:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.menu-btn:hover{box-shadow:var(--shadow-hover);background-color:#f0fdfa;transform:translateY(-3px)}.accordion-header{cursor:pointer;color:var(--color-text-main);justify-content:space-between;align-items:center;padding:.75rem 1rem;font-weight:500;transition:background-color .2s ease-in-out;display:flex}.accordion-header:hover{background-color:#f0fdfa}.btn-cancel{color:#4b5563;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:8px;flex:1;padding:.75rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background-color:#e5e7eb;transform:scale(.97)}.btn-submit{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:.75rem;font-size:.95rem;font-weight:500;transition:all .2s}.btn-submit:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0f766e4d}.btn-logout{color:#ef4444;cursor:pointer;background-color:#fee2e2;border:1px solid #fca5a5;border-radius:20px;margin-bottom:1rem;padding:.4rem .8rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-logout:hover{background-color:#fecaca;transform:scale(1.05)}.menu-wrapper{align-items:center;gap:.5rem;width:100%;margin-top:.5rem;display:flex}.menu-wrapper .menu-btn{margin-top:0}.admin-actions{gap:.25rem;display:flex}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-edit{color:#0284c7}.btn-edit:hover{background-color:#e0f2fe}.btn-delete{color:#e11d48}.btn-delete:hover{background-color:#ffe4e6}.btn-add-menu{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;box-shadow:var(--shadow-soft);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;font-weight:600;transition:all .2s ease-in-out;display:flex}.btn-add-menu:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0f766e4d}.btn-move{color:#6b7280}.btn-move:hover:not(:disabled){background-color:#f3f4f6}.btn-icon:disabled{opacity:.3;cursor:not-allowed}