:root{--base-primary: #5e548e;--base-blue: #0077b6;--base-success: #06a77d;--base-error: #9d0208;--base-warning: #d4a373;--base-neutral: #6c757d;--base-black: #000000;--base-white: #ffffff;--status-color: var(--base-primary);--color-black: var(--base-black);--color-white: var(--base-white);--color-primary: var(--base-primary);--color-primary-hover: color-mix(in srgb, var(--base-primary), var(--base-black) 15%);--color-primary-light: color-mix(in srgb, var(--base-primary), var(--base-white) 85%);--color-primary-lighter: color-mix(in srgb, var(--base-primary), var(--base-white) 92%);--color-blue: var(--base-blue);--color-blue-hover: color-mix(in srgb, var(--base-blue), var(--base-black) 20%);--color-blue-light: color-mix(in srgb, var(--base-blue), var(--base-white) 85%);--color-secondary-blue: color-mix(in srgb, var(--base-blue), var(--base-primary) 30%);--color-secondary-blue-hover: color-mix(in srgb, var(--color-secondary-blue), var(--base-black) 15%);--color-secondary-blue-disabled: color-mix(in srgb, var(--color-secondary-blue), var(--base-white) 30%);--color-secondary-blue-light: color-mix(in srgb, var(--color-secondary-blue), var(--base-white) 90%);--color-secondary-blue-info: color-mix(in srgb, var(--color-secondary-blue), var(--base-white) 94%);--color-secondary-blue-gradient: color-mix(in srgb, var(--color-secondary-blue), var(--base-white) 82%);--color-success: var(--base-success);--color-success-hover: color-mix(in srgb, var(--base-success), var(--base-black) 15%);--color-success-bg: color-mix(in srgb, var(--base-success), var(--base-white) 85%);--color-success-bg-light: color-mix(in srgb, var(--base-success), var(--base-white) 94%);--color-success-border: color-mix(in srgb, var(--base-success), var(--base-white) 75%);--color-success-text: color-mix(in srgb, var(--base-success), var(--base-black) 45%);--color-error: var(--base-error);--color-error-hover: color-mix(in srgb, var(--base-error), var(--base-black) 15%);--color-error-bg: color-mix(in srgb, var(--base-error), var(--base-white) 85%);--color-error-border: color-mix(in srgb, var(--base-error), var(--base-white) 75%);--color-error-text: color-mix(in srgb, var(--base-error), var(--base-black) 55%);--color-warning: var(--base-warning);--color-warning-hover: color-mix(in srgb, var(--base-warning), var(--base-black) 15%);--color-warning-bg: color-mix(in srgb, var(--base-warning), var(--base-white) 80%);--color-warning-bg-light: color-mix(in srgb, var(--base-warning), var(--base-white) 90%);--color-warning-border: color-mix(in srgb, var(--base-warning), var(--base-white) 70%);--color-warning-row-bg: color-mix(in srgb, var(--base-warning), transparent 92%);--color-warning-row-bg-hover: color-mix(in srgb, var(--base-warning), transparent 88%);--color-text-primary: color-mix(in srgb, var(--base-black), var(--base-white) 20%);--color-text-secondary: color-mix(in srgb, var(--base-black), var(--base-white) 33%);--color-text-body: color-mix(in srgb, var(--base-black), var(--base-white) 40%);--color-text-muted: color-mix(in srgb, var(--base-black), var(--base-white) 53%);--color-secondary: var(--base-neutral);--color-secondary-hover: color-mix(in srgb, var(--base-neutral), var(--base-black) 12%);--color-secondary-dark-hover: color-mix(in srgb, var(--base-neutral), var(--base-black) 20%);--color-bg-white: var(--base-white);--color-bg-lightest: color-mix(in srgb, var(--base-neutral), var(--base-white) 97.5%);--color-bg-lighter: color-mix(in srgb, var(--base-neutral), var(--base-white) 97%);--color-bg-light: color-mix(in srgb, var(--base-neutral), var(--base-white) 96%);--color-bg-subtle: color-mix(in srgb, var(--base-neutral), var(--base-white) 97%);--color-bg-muted: color-mix(in srgb, var(--base-neutral), var(--base-white) 94%);--color-bg-gradient-light: color-mix(in srgb, var(--base-neutral), var(--base-white) 91%);--color-border-lightest: color-mix(in srgb, var(--base-neutral), var(--base-white) 94%);--color-border-lighter: color-mix(in srgb, var(--base-neutral), var(--base-white) 90%);--color-border-light: color-mix(in srgb, var(--base-neutral), var(--base-white) 88%);--color-border: color-mix(in srgb, var(--base-neutral), var(--base-white) 87%);--color-border-input: color-mix(in srgb, var(--base-neutral), var(--base-white) 81%);--color-border-table: color-mix(in srgb, var(--base-neutral), var(--base-white) 82%);--color-btn-disabled: color-mix(in srgb, var(--base-neutral), var(--base-white) 80%);--shadow-xs: rgba(0, 0, 0, .1);--shadow-sm: rgba(0, 0, 0, .15);--shadow-md: rgba(0, 0, 0, .2);--shadow-overlay: rgba(0, 0, 0, .5);--shadow-white-xs: rgba(255, 255, 255, .1);--shadow-white-sm: rgba(255, 255, 255, .2);--shadow-white-md: rgba(255, 255, 255, .3);--shadow-primary: color-mix(in srgb, var(--base-primary), transparent 60%);--shadow-secondary: color-mix(in srgb, var(--base-neutral), transparent 60%);--shadow-blue: color-mix(in srgb, var(--base-blue), transparent 75%);--shadow-secondary-blue: color-mix(in srgb, var(--color-secondary-blue), transparent 70%);--shadow-secondary-blue-strong: color-mix(in srgb, var(--color-secondary-blue), transparent 60%);--shadow-success: color-mix(in srgb, var(--base-success), transparent 70%);--shadow-error: color-mix(in srgb, var(--base-error), transparent 70%);--shadow-warning: color-mix(in srgb, var(--base-warning), transparent 70%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-white);min-height:100vh}.status-background{background:linear-gradient(135deg,var(--color-white) 0%,color-mix(in srgb,var(--status-color),var(--base-white) 95%) 100%)}.status-border{border:1px solid var(--status-color);background-color:var(--color-white);box-shadow:3px 3px 5px #a7a7a7bf}.top-nav{background-color:var(--color-black);color:var(--color-white);padding:0;box-shadow:0 2px 4px var(--shadow-xs);position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px}.nav-brand img{height:50px}.nav-brand a{color:var(--color-white);text-decoration:none;font-size:1.25rem;font-weight:600;transition:opacity .2s}.nav-brand a:hover{opacity:.8}.user-menu{position:relative}.user-menu-button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--shadow-white-sm);color:var(--color-white);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit;font-size:14px}.user-menu-button:hover{background-color:var(--shadow-white-xs);border-color:var(--shadow-white-md)}.user-menu-button.active{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.user-menu-button.active .dropdown-icon{color:var(--color-black)}.user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.user-menu-button .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-icon{transition:transform .2s}.user-menu-button:hover .dropdown-icon{transform:translateY(2px)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-white);border-radius:8px;box-shadow:0 4px 12px var(--shadow-sm);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s}.user-menu-dropdown:before{content:"";position:absolute;top:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--color-white)}.user-menu-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:12px 16px;color:var(--color-text-primary);text-decoration:none;transition:background-color .2s;font-size:14px}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background-color:var(--color-bg-light)}.dropdown-divider{height:1px;background-color:var(--color-border-lighter);margin:4px 0}.nav-auth .btn-login{background-color:var(--color-white);color:var(--color-black);padding:8px 20px;border-radius:6px;text-decoration:none;font-weight:500;font-size:14px;transition:all .2s;display:inline-block}.nav-auth .btn-login:hover{background-color:var(--color-bg-light)}.page-content{max-width:1200px;margin:0 auto;padding:40px 20px}.container{background:var(--color-white);border-radius:10px;box-shadow:0 2px 8px var(--shadow-xs);max-width:800px;width:100%;padding:40px;margin:0 auto}header{text-align:center;margin-bottom:30px}header h1{color:var(--color-text-primary);font-size:2em;margin-bottom:10px}main{padding:20px 0}.welcome-box,.info-box,.error-box{text-align:center;padding:40px 20px}.welcome-box p,.info-box p{font-size:1.2em;color:var(--color-text-body);margin-bottom:30px}.btn{display:inline-block;padding:12px 30px;border-radius:5px;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer;border:none;font-size:16px}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-primary)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-secondary-hover);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-secondary)}.btn-google{background-color:var(--color-white);color:#444;border:1px solid var(--color-border);display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.btn-google:hover{background-color:var(--color-bg-subtle);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-xs)}.btn-yahoo{background-color:#5f01d1;color:var(--color-white);display:inline-flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none}.btn-yahoo:hover{background-color:#4b00a6;transform:translateY(-2px);box-shadow:0 5px 15px #5f01d14d}.login-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.dashboard-content{max-width:1100px;margin:0 auto}.container:has(.dashboard-content){max-width:1100px}.profile-content{max-width:600px;margin:0 auto}.user-info{text-align:center;margin-bottom:30px}.profile-pic{width:80px;height:80px;border-radius:50%;margin-bottom:15px;border:3px solid var(--color-primary)}.profile-pic-large{width:120px;height:120px;border-radius:50%;margin-bottom:20px;border:4px solid var(--color-primary)}.user-info h2,.profile-header h2{color:var(--color-text-primary);margin-bottom:5px}.email{color:var(--color-text-body);font-size:.9em}.info-box{background-color:var(--color-bg-lighter);border-radius:8px;padding:30px;text-align:left}.info-box h3{color:var(--color-text-primary);margin-bottom:15px}.info-box p{font-size:1em;margin-bottom:10px}.profile-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--color-border-lightest)}.profile-details{background-color:var(--color-bg-lighter);border-radius:8px;padding:30px}.detail-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--color-border-light)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:var(--color-text-secondary)}.detail-row .value{color:var(--color-text-body)}.error-box{padding:40px}.error-box h2{font-size:3em;color:var(--color-error);margin-bottom:20px}.error-box p{font-size:1.2em;color:var(--color-text-body);margin-bottom:30px}.error-box pre{background-color:var(--color-bg-lighter);padding:20px;border-radius:5px;overflow-x:auto;text-align:left;margin-bottom:30px;font-size:.9em}@media(max-width:768px){.nav-container{padding:0 15px}.nav-brand a{font-size:1.1rem}.user-menu-button .user-name{display:none}.user-menu-button{padding:6px 12px}.user-menu-dropdown{right:-10px}.page-content{padding:20px 15px}.container{padding:20px}header h1{font-size:1.5em}.btn{padding:10px 20px;font-size:14px}.detail-row{flex-direction:column;gap:5px}}
/*# sourceMappingURL=styles-HVS5WG6T.css.map */