:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--accent-primary:#3b82f6;--accent-hover:#2563eb;--success:#10b981;--success-light:#10b98126;--danger:#ef4444;--danger-light:#ef444426;--border:#27272a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--brand-gold:#c5a059;--brand-bg:#121212;--brand-charcoal:#2e2e2e;--brand-silver:#a6a6a6;--brand-white:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s ease-in-out}a{color:inherit;text-decoration:none}.glass{-webkit-backdrop-filter:blur(16px);background:#18181b99;border:1px solid #ffffff0d}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.app-container{flex-direction:column;max-width:1200px;margin:0 auto;padding:0 2rem 2rem;display:flex}.main-content{flex-direction:column;gap:2rem;width:100%;display:flex}.dashboard-and-forms{grid-template-columns:1fr;gap:2rem;width:100%;display:grid}.forms-container{flex-direction:column;gap:1.5rem;display:flex}@media (width>=1024px){.dashboard-and-forms{grid-template-columns:1fr 400px}}@media (width<=768px){.app-container{padding:0 1rem 1.2rem}}.support-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#09090bd9;justify-content:center;align-items:center;padding:2rem 1rem;animation:.25s cubic-bezier(.4,0,.2,1) forwards fadeInModal;display:flex;position:fixed;inset:0;overflow-y:auto}.support-modal{border-radius:var(--radius-lg);border:1px solid var(--brand-charcoal);background:#18181b;width:100%;max-width:500px;margin:auto;padding:2.2rem 2rem;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards slideUpModal;position:relative;box-shadow:0 10px 40px #0009}.support-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.support-modal-close:hover{color:var(--brand-white);background:#ffffff0d}.support-modal-form{flex-direction:column;gap:1.25rem;display:flex}.support-modal-header{margin-bottom:.5rem}.support-modal-header h3{color:var(--brand-white);margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.support-modal-header p{color:var(--text-secondary);font-size:.85rem}.form-group-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.support-modal-form .form-group{flex-direction:column;gap:.4rem;display:flex}.support-modal-form label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.support-modal-form input,.support-modal-form textarea{width:100%;color:var(--brand-white);background:#09090b;border:1px solid #ffffff26;border-radius:8px;padding:.7rem .9rem;font-family:inherit;font-size:.9rem;transition:all .2s}.support-modal-form input:focus,.support-modal-form textarea:focus{border-color:var(--brand-gold);background:#00000059;outline:none;box-shadow:0 0 0 3px #c5a05926}.support-type-selector{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.1rem;display:grid}.support-type-selector .type-btn{color:var(--text-secondary);cursor:pointer;text-align:center;background:#09090b;border:1px solid #ffffff26;border-radius:6px;padding:.6rem .4rem;font-size:.8rem;font-weight:600;transition:all .2s}.support-type-selector .type-btn:hover{color:var(--brand-white);background:#ffffff0d}.support-type-selector .type-btn.active{border-color:var(--brand-gold);color:var(--brand-gold);background:#c5a0591a}.support-btn-submit{background:var(--brand-gold);color:#121212;cursor:pointer;border:1px solid var(--brand-gold);border-radius:8px;margin-top:.25rem;padding:.75rem;font-size:.95rem;font-weight:700;transition:all .25s}.support-btn-submit:hover{color:var(--brand-gold);background:0 0;box-shadow:0 0 15px #c5a05933}.support-modal-footer{color:var(--text-tertiary);border-top:1px solid #ffffff0a;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;padding-top:.8rem;font-size:.75rem;display:flex}.support-modal-footer a{color:var(--brand-gold);text-decoration:none}.support-modal-footer a:hover{text-decoration:underline}.support-modal-footer .footer-dot{color:#ffffff1a}.support-success-state{text-align:center;flex-direction:column;align-items:center;gap:1.2rem;padding:1.5rem .5rem;display:flex}.support-success-state h2{color:var(--brand-white);font-size:1.4rem;font-weight:700}.support-success-state p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.btn-close-success{background:var(--brand-gold);color:#121212;cursor:pointer;border:1px solid var(--brand-gold);border-radius:6px;margin-top:.5rem;padding:.65rem 1.75rem;font-size:.9rem;font-weight:700;transition:all .2s}.btn-close-success:hover{color:var(--brand-gold);background:0 0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.support-modal-overlay{align-items:flex-start}.support-modal{gap:1.2rem;margin-top:1rem;margin-bottom:1rem;padding:1.5rem 1.25rem}.form-group-row{grid-template-columns:1fr;gap:1rem}.support-type-selector{grid-template-columns:1fr;gap:.4rem}}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0;display:flex!important}.logo-container{align-items:center;gap:.75rem;text-decoration:none;display:flex}.logo-icon{background:var(--accent-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:6px;display:flex}.logo-container h1{color:var(--text-primary);font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:2rem;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-item:hover,.nav-item.active{color:var(--text-primary);background:var(--bg-tertiary)}.user-profile{border-radius:var(--radius-md);align-items:center;gap:1.25rem;padding:.25rem .5rem;transition:all .2s;display:flex}.profile-info-container{align-items:center;gap:.75rem;display:flex}.avatar{background:linear-gradient(135deg, var(--accent-primary) 0%, #6366f1 100%);color:#fff;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;transition:transform .2s ease-in-out;display:flex;box-shadow:0 4px 12px #3b82f626}.user-profile:hover .avatar{transform:scale(1.05)}.user-meta{flex-direction:column;line-height:1.2;display:flex}.greeting{color:var(--text-tertiary);font-size:.75rem;font-weight:400}.username{color:var(--text-primary);font-size:.9rem;font-weight:600}.header-brand-container{align-items:center;gap:3rem;display:flex}.hamburger-btn{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.5rem;transition:all .2s;display:none}.hamburger-btn:hover{background:var(--bg-tertiary)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#09090bb3;width:100vw;height:100vh;position:fixed;top:0;left:0}.mobile-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:1000;background:#18181bf2;flex-direction:column;width:280px;height:100dvh;padding:2rem 1.5rem 3rem;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-300px;overflow-y:auto}.mobile-drawer.open{right:0}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.drawer-title{color:var(--text-primary);font-size:1.35rem;font-weight:700}.drawer-close-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;transition:color .2s}.drawer-close-btn:hover{color:var(--text-primary)}.drawer-links{flex-direction:column;flex:1;gap:1.25rem;display:flex}.drawer-links .nav-item{border-radius:var(--radius-md);text-align:left;padding:.75rem 1rem;font-size:1.1rem;display:block}.drawer-footer{border-top:1px solid var(--border);flex-direction:column;gap:1.5rem;margin-top:auto;padding-top:1.5rem;display:flex}.drawer-logout-btn{border-radius:var(--radius-md);width:100%;color:var(--danger);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.drawer-logout-btn:hover{background:var(--danger);color:#fff;border-color:var(--danger)}@media (width<=768px){header{margin-bottom:1.5rem;padding:1rem 0}.desktop-nav,.desktop-profile{display:none!important}.hamburger-btn{justify-content:center;align-items:center;display:flex!important}}.support-fab{background:var(--brand-gold);color:#121212;border:1px solid var(--brand-gold);cursor:pointer;z-index:998;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 20px #c5a05959}.support-fab:hover{background:#d4ae61;border-color:#d4ae61;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 25px #c5a05980}@media (width<=768px){.support-fab{width:48px;height:48px;bottom:1.5rem;right:1.5rem}}