*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;background:#f3f4f6;color:#111827}#app{height:100%;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app-wrapper{height:100%;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000f}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#111827}.brand-icon{font-size:1.3rem;line-height:1}.brand-name{font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#111827}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-link{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:.5rem;font-size:.9rem;font-weight:500;color:#374151;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.nav-link:hover{background:#f3f4f6;color:#111827}.nav-link.router-link-active{background:#fee2e2;color:#b91c1c;font-weight:600}.nav-link-profile{gap:.4rem}.avatar{width:24px;height:24px;border-radius:50%;background:#b91c1c;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logout-btn{margin-left:.25rem;padding:.4rem .85rem;background:none;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.logout-btn:hover{border-color:#b91c1c;color:#b91c1c;background:#fee2e2}.nav-btn{margin-left:.5rem;padding:.45rem 1rem;background:#b91c1c;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s;white-space:nowrap}.nav-btn:hover{background:#991b1b}.page-content{flex:1;min-height:0;overflow:auto;text-align:left}.menu-toggle{display:none;background:none;border:none;color:#374151;cursor:pointer;padding:.25rem}.menu-toggle:hover{color:#111827}@media(max-width:768px){.menu-toggle{display:flex;align-items:center;justify-content:center}.nav-links{display:none;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#fff;padding:1rem;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;gap:.5rem}.nav-links.nav-links-open{display:flex}.nav-link{width:100%;padding:.75rem 1rem}.logout-btn{width:100%;margin-left:0;margin-top:.5rem;padding:.75rem 1rem;text-align:left}.nav-btn{width:100%;margin-left:0;margin-top:.5rem;padding:.75rem 1rem;text-align:center}}.home-container[data-v-6ac1ad44]{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:var(--c7b00dec);background-color:var(--d37a1388)}.hero-section[data-v-6ac1ad44]{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--c793deea);max-width:1200px;width:100%}.content[data-v-6ac1ad44]{flex:1;text-align:center}.title[data-v-6ac1ad44]{font-size:var(--v46b83a27);font-weight:var(--v6be8e836);color:var(--c4f6d06e);margin-bottom:var(--v6c428f50);line-height:1.2}.subtitle[data-v-6ac1ad44]{font-size:var(--v1d63e016);color:var(--e85eb50a);margin-bottom:var(--c7cc3cee);line-height:1.6}.actions[data-v-6ac1ad44]{display:flex;flex-direction:column;gap:var(--v6c428f50);justify-content:center}.btn[data-v-6ac1ad44]{text-decoration:none;font-weight:var(--v5165dfb8);font-size:var(--v1d63dfde);border-radius:var(--v04d4a026);transition:all .2s;padding:var(--v6c428f18) var(--v6c428c5e);display:inline-block}.primary-btn[data-v-6ac1ad44]{background-color:var(--v186afbb6);color:var(--v251964f7)}.primary-btn[data-v-6ac1ad44]:hover{background-color:var(--v24f6bf26)}.secondary-btn[data-v-6ac1ad44]{background-color:transparent;color:var(--c4f6d06e);border:1px solid var(--v427fa78e)}.secondary-btn[data-v-6ac1ad44]:hover{background-color:var(--f34dca0c)}.image-container[data-v-6ac1ad44]{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.hero-image[data-v-6ac1ad44]{max-width:100%;height:auto;border-radius:var(--v7712f68b);box-shadow:var(--v6762d748)}@media(min-width:768px){.hero-section[data-v-6ac1ad44]{flex-direction:row}.content[data-v-6ac1ad44]{text-align:left;max-width:50%}.actions[data-v-6ac1ad44]{flex-direction:row;justify-content:flex-start}.title[data-v-6ac1ad44]{font-size:var(--v2a9047fe)}}