:root{--color-black: #000000;--color-white: #ffffff;--color-primary: #667eea;--color-primary-hover: #5568d3;--color-blue: #007bff;--color-blue-hover: #0056b3;--color-secondary-blue: #4a90d9;--color-secondary-blue-hover: #3a7bc8;--color-secondary-blue-disabled: #6c9fd4;--color-secondary-blue-light: #e8f4fd;--color-secondary-blue-info: #f0f7ff;--color-success: #28a745;--color-success-hover: #218838;--color-success-bg: #d4edda;--color-success-bg-light: #f0fff4;--color-success-border: #c3e6cb;--color-success-text: #155724;--color-error: #dc3545;--color-error-hover: #c82333;--color-error-bg: #f8d7da;--color-error-border: #f5c6cb;--color-error-text: #721c24;--color-warning: #ffc107;--color-warning-bg: #fff3cd;--color-warning-bg-light: #fff8e6;--color-warning-border: #ffeeba;--color-text-primary: #333333;--color-text-secondary: #555555;--color-text-body: #666666;--color-text-muted: #888888;--color-secondary: #6c757d;--color-secondary-hover: #5a6268;--color-bg-white: #ffffff;--color-bg-lightest: #f9f9f9;--color-bg-lighter: #f8f9fa;--color-bg-light: #f5f5f5;--color-bg-subtle: #f8f8f8;--color-bg-muted: #f0f0f0;--color-border-lightest: #f0f0f0;--color-border-lighter: #e5e5e5;--color-border-light: #e0e0e0;--color-border: #ddd;--color-border-input: #ced4da;--color-border-table: #dee2e6;--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: rgba(102, 126, 234, .4);--shadow-secondary: rgba(108, 117, 125, .4);--shadow-blue: rgba(0, 123, 255, .25);--shadow-secondary-blue: rgba(74, 144, 217, .3);--shadow-secondary-blue-strong: rgba(74, 144, 217, .4)}*{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}.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 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-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}.btn-google:hover{background-color:var(--color-bg-subtle);transform:translateY(-2px);box-shadow:0 5px 15px var(--shadow-xs)}.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-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-QQLFFSPA.css.map */