@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=JetBrains+Mono:wght@100..800&display=swap";:root{--primary:#ff7e5f;--primary-text:#fff;--secondary:#6366f1;--secondary-text:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--surface:#f8fafc;--surface-alt:#fff;--text:#0f172a;--text-muted:#64748b;--border:rgba(0,0,0,.04);--border-strong:rgba(0,0,0,.08);--s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-40:40px;--s-48:48px;--s-56:56px;--s-64:64px;--r-12:12px;--r-16:16px;--r-24:24px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface);color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.container{margin:0 auto;max-width:1200px;padding:0 var(--s-16);width:100%}h1,h2,h3,h4{color:var(--text);font-weight:800;letter-spacing:-.03em}.title-large{font-size:42px;line-height:1.1}.title-medium{font-size:28px}.title-small{font-size:18px}.bento-grid{display:grid;gap:var(--s-24);grid-template-columns:repeat(12,1fr);margin-bottom:var(--s-32)}.card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-24);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -2px #00000005;padding:var(--s-24);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--border-strong);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005;transform:translateY(-4px)}.btn{align-items:center;border:1px solid transparent;border-radius:14px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--primary),#ff6b6b);box-shadow:0 4px 12px #ff7e5f40;color:var(--primary-text)}.btn-primary:hover{box-shadow:0 6px 16px #ff7e5f59;filter:brightness(1.1);transform:scale(1.02)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-text)}.btn-outline{background:var(--surface-alt);border:1.5px solid var(--border-strong);color:var(--text)}.btn-outline:hover{background:var(--surface);border-color:var(--text-muted)}.btn-error{background-color:var(--danger);color:#fff}.form-input{background:var(--surface);border:2px solid transparent;border-radius:var(--r-16);color:var(--text);font-family:inherit;font-size:15px;padding:14px 18px;transition:all .2s;width:100%}.form-input:focus{background:var(--surface-alt);border-color:var(--secondary);box-shadow:0 0 0 4px #6366f11a;outline:none}.label{color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:var(--s-8);text-transform:uppercase}.w-full{width:100%}.mt-16{margin-top:var(--s-16)}.mt-24{margin-top:var(--s-24)}.mt-32{margin-top:var(--s-32)}.mt-40{margin-top:var(--s-40)}.mb-8{margin-bottom:var(--s-8)}.mb-12{margin-bottom:var(--s-12)}.mb-16{margin-bottom:var(--s-16)}.mb-24{margin-bottom:var(--s-24)}.mb-32{margin-bottom:var(--s-32)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}header{margin-bottom:var(--s-16);padding:var(--s-16) 0}nav{align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px #0000000a;display:flex;justify-content:space-between;padding:16px 20px 16px 32px}.nav-logo{color:var(--text);font-size:24px;font-weight:900;letter-spacing:-.05em;text-decoration:none}.badge{font-size:11px;font-weight:800;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.badge,.skeleton{border-radius:8px}.skeleton{animation:skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,#0000000a 25%,#00000014 37%,#0000000a 63%);background-size:400% 100%}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.app-wrapper[data-v-907d9fd5]{display:flex;flex-direction:column;min-height:100vh}header[data-v-907d9fd5]{margin:0 auto;max-width:1200px;width:100%}nav[data-v-907d9fd5]{align-items:center;background:var(--surface-alt);border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 30px #0000000a;display:flex;justify-content:space-between;padding:12px 16px 12px 20px}.nav-logo svg[data-v-907d9fd5]{height:40px;width:auto}.main-content[data-v-907d9fd5]{flex:1;padding:var(--s-24) 0}@media(max-width:768px){nav[data-v-907d9fd5]{padding:8px 12px 8px 16px}.nav-logo svg[data-v-907d9fd5]{height:32px}.nav-links[data-v-907d9fd5]{gap:var(--s-12)}.nav-link[data-v-907d9fd5]{font-size:14px}.user-badge[data-v-907d9fd5]{font-size:12px;padding:4px 12px}}@media(max-width:480px){.nav-link[data-v-907d9fd5]{display:none}.nav-link[to="/admin"][data-v-907d9fd5],.nav-link[to="/dashboard"][data-v-907d9fd5]{display:block}}.app-footer[data-v-907d9fd5]{background:var(--surface-alt);border-top:1px solid var(--border);margin-top:var(--s-48);padding:var(--s-48) 0 var(--s-32) 0}.footer-content[data-v-907d9fd5]{align-items:flex-start;display:flex;gap:var(--s-48);justify-content:space-between}.footer-brand[data-v-907d9fd5]{max-width:380px}.footer-desc[data-v-907d9fd5]{line-height:1.6;margin-top:8px}.footer-sections[data-v-907d9fd5]{display:flex;gap:60px}.footer-heading[data-v-907d9fd5]{color:var(--text);font-size:15px;font-weight:800;margin-bottom:16px}.footer-menu[data-v-907d9fd5]{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.footer-link[data-v-907d9fd5]{color:var(--text-muted);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.footer-link[data-v-907d9fd5]:hover{color:var(--secondary)}.mb-12[data-v-907d9fd5]{margin-bottom:12px}.mt-12[data-v-907d9fd5]{margin-top:12px}@media(max-width:768px){.footer-content[data-v-907d9fd5]{flex-direction:column;gap:var(--s-32)}.footer-sections[data-v-907d9fd5]{flex-direction:column;gap:var(--s-24);width:100%}}.nav-links[data-v-907d9fd5]{align-items:center;display:flex;gap:var(--s-24)}.nav-link[data-v-907d9fd5]{color:var(--text-muted);font-size:16px;font-weight:700;text-decoration:none;transition:color .2s}.nav-link[data-v-907d9fd5]:hover{color:var(--text)}.user-profile-link[data-v-907d9fd5]{text-decoration:none;transition:transform .2s}.user-profile-link[data-v-907d9fd5]:hover{transform:scale(1.05)}.user-badge[data-v-907d9fd5]{background:var(--primary);border-radius:99px;color:var(--primary-text);font-size:14px;font-weight:800;padding:6px 16px}.btn-logout[data-v-907d9fd5]{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:8px;transition:color .2s}.btn-logout[data-v-907d9fd5]:hover{color:var(--danger)}