:root{--bg-dark:#09090b;--card-bg:#18181b;--card-border:#27272a;--accent:#ededed;--accent-glow:#fff3;--text:#f4f4f5;--text-dim:#a1a1aa}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg-dark);color:var(--text);min-height:100vh;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.btn-solid,.btn-outline{cursor:pointer;border:1px solid #fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:750;line-height:1;text-decoration:none;transition:transform .16s,background .16s,border-color .16s,opacity .16s;display:inline-flex}.btn-solid{color:#09090b;background:#fff}.btn-outline{color:#f4f4f5;background:0 0;border-color:#3f3f46}.btn-solid:hover,.btn-outline:hover{transform:translateY(-1px)}.btn-outline:hover{background:#18181b;border-color:#71717a}.btn-solid:disabled,.btn-outline:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-small{min-height:36px;padding:8px 12px;font-size:.86rem}.invoices-card{border:1px solid var(--card-border);background:linear-gradient(145deg,#18181bf5,#0f0f11f5);border-radius:12px;padding:24px;box-shadow:0 18px 50px #00000029}.invoices-card>h3{color:#fff;margin:0 0 8px;font-size:1.15rem}.input-group label{color:#d4d4d8;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:750}.input-group input,.input-group select,.input-group textarea,.invoices-card input,.invoices-card select,.invoices-card textarea{color:#f4f4f5;background:#0c0c0e;border:1px solid #333338;border-radius:7px;outline:none;width:100%;min-height:44px;padding:11px 13px;transition:border-color .16s,box-shadow .16s}.input-group textarea,.invoices-card textarea{resize:vertical;min-height:120px;line-height:1.55}.input-group input:focus,.input-group select:focus,.input-group textarea:focus,.invoices-card input:focus,.invoices-card select:focus,.invoices-card textarea:focus{border-color:#a1a1aa;box-shadow:0 0 0 3px #a1a1aa1a}.status-badge{letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:.7rem;font-weight:800;display:inline-flex}.status-badge.pending{color:#fbbf24;background:#f59e0b21;border:1px solid #f59e0b47}.status-badge.paid{color:#34d399;background:#10b98121;border:1px solid #10b98147}.status-badge.unpaid{color:#d4d4d8;background:#71717a26;border:1px solid #71717a4d}.status-badge.overdue{color:#f87171;background:#ef444421;border:1px solid #ef444447}.toast-notification{z-index:10000;color:#fff;opacity:0;pointer-events:none;background:#18181b;border:1px solid #3f3f46;border-radius:8px;max-width:min(420px,100vw - 32px);padding:13px 17px;font-weight:650;transition:all .2s;position:fixed;bottom:24px;right:24px;transform:translateY(16px);box-shadow:0 18px 50px #00000073}.toast-notification.show{opacity:1;transform:translateY(0)}.toast-notification.success{border-color:#10b981}.toast-notification.error{border-color:#ef4444}@media (width<=700px){.invoices-card{border-radius:9px;padding:18px}.toast-notification{bottom:16px;right:16px}}.site-footer[data-v-26199c36]{border-top:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;z-index:10;background:#050505e6;width:100%;margin-top:auto;padding:60px 0;position:relative}.footer-nav[data-v-26199c36]{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:25px;display:flex}.footer-nav a[data-v-26199c36]{color:var(--text-dim);text-transform:uppercase;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s}.footer-nav a[data-v-26199c36]:hover{color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.social-icon[data-v-26199c36]{object-fit:contain;width:32px;height:32px;transition:transform .2s;display:block}.social-icon[data-v-26199c36]:hover{transform:scale(1.1)}.footer-attribution[data-v-26199c36]{color:var(--text-dim);opacity:.7;font-size:.8rem}.discord-username[data-v-26199c36]{color:var(--text-dim);margin-top:8px}.heart[data-v-26199c36]{color:#ff4d4d;display:inline-block}.app-root[data-v-25e721c4]{min-height:100vh;display:flex;position:relative;overflow-x:hidden}.main-content-wrapper[data-v-25e721c4]{z-index:1;flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex;position:relative}.page-content[data-v-25e721c4]{flex-direction:column;flex:1;padding-top:80px;display:flex}.top-branding-bar[data-v-25e721c4]{background:var(--bg-dark);border-bottom:2px solid var(--card-border);z-index:999;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.site-logo[data-v-25e721c4]{text-decoration:none}.logo-text[data-v-25e721c4]{color:#fff;letter-spacing:-.05em;text-transform:uppercase;font-size:1.8rem;font-weight:900}.nav-links[data-v-25e721c4]{align-items:center;gap:32px;display:flex}.nav-item[data-v-25e721c4]{color:var(--text-dim);cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-item[data-v-25e721c4]:hover,.nav-item.router-link-active[data-v-25e721c4]:not(.btn-contact):not(.admin-link):not(.btn-logout){color:#fff}.admin-link[data-v-25e721c4]{border-bottom:2px solid #10b981;color:#fff!important}.btn-logout[data-v-25e721c4]{border-bottom:2px solid #ef4444;color:#fff!important}.btn-contact[data-v-25e721c4]{background:#fff;border:2px solid #fff;padding:8px 16px;font-weight:800;transition:transform .2s,box-shadow .2s;color:#000!important}.btn-contact[data-v-25e721c4]:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #3f3f46}.notification-wrapper[data-v-25e721c4]{align-items:center;display:flex;position:relative}.notif-btn[data-v-25e721c4]{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem;position:relative}.notif-badge[data-v-25e721c4]{color:#000;background:#fff;padding:1px 5px;font-size:.65rem;font-weight:800;position:absolute;top:0;right:0}.stark-dropdown[data-v-25e721c4]{background:var(--bg-dark);border:2px solid var(--card-border);z-index:1000;width:320px;position:absolute;top:50px;right:0;box-shadow:8px 8px #18181b}.notif-header[data-v-25e721c4]{border-bottom:2px solid var(--card-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-header h4[data-v-25e721c4]{color:#fff;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:800}.btn-link[data-v-25e721c4]{cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:0;font-weight:600}.btn-link[data-v-25e721c4]:hover{color:#fff}.notif-list[data-v-25e721c4]{max-height:300px;overflow-y:auto}.notif-item[data-v-25e721c4]{border-bottom:1px solid #ffffff0d;padding:12px 16px}.notif-item.unread[data-v-25e721c4]{background:#ffffff0d}.notif-title-row[data-v-25e721c4]{color:#fff;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.85rem;display:flex}.notif-text[data-v-25e721c4]{color:var(--text-dim);margin:0;font-size:.85rem;line-height:1.4}.notif-time[data-v-25e721c4]{color:var(--text-dim);font-size:.7rem}.notif-empty[data-v-25e721c4]{text-align:center;color:var(--text-dim);padding:24px;font-size:.85rem;font-weight:600}.modal-overlay[data-v-25e721c4]{z-index:9999;background:#09090be6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.stark-modal[data-v-25e721c4]{background:var(--bg-dark);border:2px solid #27272a;border-radius:0;width:100%;max-width:600px;padding:40px;position:relative;box-shadow:12px 12px #18181b}.close-btn[data-v-25e721c4]{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:2rem;font-weight:700;transition:color .2s;position:absolute;top:15px;right:20px}.close-btn[data-v-25e721c4]:hover{color:#fff}.contact-header[data-v-25e721c4]{margin-bottom:32px}.contact-header h2[data-v-25e721c4]{color:#fff;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 8px;font-size:2.5rem;font-weight:900}.contact-header p[data-v-25e721c4]{color:var(--text-dim);margin:0;font-size:1rem;font-weight:600}.contact-form[data-v-25e721c4]{flex-direction:column;gap:20px;display:flex}.form-row[data-v-25e721c4]{gap:16px;display:flex}.input-group[data-v-25e721c4]{flex-direction:column;flex:1;gap:8px;display:flex}label[data-v-25e721c4]{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}input[data-v-25e721c4],textarea[data-v-25e721c4],select[data-v-25e721c4]{border:2px solid var(--card-border);color:#fff;box-sizing:border-box;background:#18181b;border-radius:0;outline:none;width:100%;padding:14px;font-family:inherit;font-size:.95rem;transition:border-color .2s}input[data-v-25e721c4]:focus,textarea[data-v-25e721c4]:focus,select[data-v-25e721c4]:focus{border-color:#fff}select[data-v-25e721c4]{cursor:pointer;appearance:none}textarea[data-v-25e721c4]{resize:vertical}.stark-btn[data-v-25e721c4]{color:#000;cursor:pointer;text-transform:uppercase;background:#fff;border:2px solid #fff;border-radius:0;margin-top:12px;padding:16px;font-size:1.1rem;font-weight:800;transition:transform .2s,box-shadow .2s}.stark-btn[data-v-25e721c4]:hover:not(:disabled){transform:translate(-4px,-4px);box-shadow:6px 6px #3f3f46}.stark-btn[data-v-25e721c4]:disabled{opacity:.5;cursor:not-allowed}.status[data-v-25e721c4]{color:#fff;text-align:center;background:#10b981;border:2px solid #10b981;margin:8px 0 0;padding:10px;font-size:.95rem;font-weight:700}.error-text[data-v-25e721c4]{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}@media (width<=768px){.top-branding-bar[data-v-25e721c4]{padding:0 20px}.nav-links[data-v-25e721c4]{gap:16px}.nav-item[data-v-25e721c4]:not(.btn-contact):not(.admin-link):not(.btn-logout){display:none}.form-row[data-v-25e721c4]{flex-direction:column;gap:20px}.stark-modal[data-v-25e721c4]{box-shadow:none;border:none;padding:30px 20px}}
