:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color:#1e3a5f;background-color:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#1e3a5f}button{font-family:inherit}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.App{max-width:1600px;margin:0 auto;padding:2rem;min-height:100vh;background-color:#f5f7fa}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.logo-container{flex:1;display:flex;align-items:center;gap:1rem}.sidebar-toggle-btn{width:48px;height:48px;border-radius:12px;border:1px solid #e9ecef;background-color:#fff;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.sidebar-toggle-btn:hover{border-color:#17a2b8;color:#17a2b8;box-shadow:0 2px 8px #00000014}.app-content{transition:margin-left .3s ease}.app-content-with-sidebar{margin-left:280px;transition:margin-left .3s ease;padding:0 2rem}@media(max-width:768px){.app-content-with-sidebar{margin-left:0}}.app-logo{height:60px;object-fit:contain}.settings-btn{width:48px;height:48px;border-radius:12px;border:1px solid #e9ecef;background-color:#fff;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-btn:hover{border-color:#17a2b8;color:#17a2b8;box-shadow:0 2px 8px #00000014}.sign-out-btn{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border:1px solid #e9ecef;border-radius:8px;background-color:#fff;color:#1e3a5f;cursor:pointer;transition:all .2s;font-family:inherit}.sign-out-btn:hover{border-color:#17a2b8;color:#17a2b8;box-shadow:0 2px 8px #00000014}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin:2rem 0;align-items:start}.left-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;margin:0;width:100%;gap:1.5rem}.compact-stats-row{display:flex;gap:.75rem;width:100%;justify-content:center}.compact-stats-row .stats-card{flex:1;max-width:200px}.right-column{display:flex;flex-direction:column;gap:1.5rem;align-items:center;padding:0;margin:0;width:100%}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:3rem 0}@media(max-width:1024px){.main-layout{grid-template-columns:1fr;gap:2rem}.left-column,.right-column{align-items:center}}@media(max-width:768px){.App{padding:1rem}.app-logo{height:48px}.main-layout{gap:1.5rem;margin:1rem 0}.stats-grid{grid-template-columns:1fr}}.timer-container{display:flex;flex-direction:column;align-items:center;gap:2rem;margin:0;padding:0}.timer-circle-wrapper{position:relative;width:300px;height:300px}.timer-circle{width:100%;height:100%;transform:rotate(-90deg)}.timer-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.timer-time{font-size:4rem;font-weight:700;color:#1e3a5f;-webkit-user-select:none;user-select:none}.timer-time-editable{cursor:pointer;transition:opacity .2s}.timer-time-editable:hover{opacity:.7}.timer-time-input{font-size:4rem;font-weight:700;color:#1e3a5f;background:transparent;border:2px solid #17a2b8;border-radius:8px;padding:.25rem .5rem;text-align:center;width:200px;outline:none;font-family:inherit}.timer-time-input:focus{border-color:#138496;box-shadow:0 0 0 3px #17a2b81a}.timer-modes{display:flex;gap:.5rem;background-color:#f8f9fa;padding:.25rem;border-radius:8px}.timer-mode-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:6px;background-color:transparent;color:#1e3a5f;cursor:pointer;transition:all .2s}.timer-mode-btn.active{background-color:#17a2b8;color:#fff}.timer-mode-btn.inactive{background-color:transparent}.timer-mode-btn:hover{background-color:#e9ecef}.timer-mode-btn.active:hover{background-color:#138496}.timer-controls{display:flex;gap:1rem}.timer-control-btn{padding:.75rem 2rem;font-size:1rem;font-weight:500;border:2px solid #e9ecef;border-radius:6px;background-color:#fff;color:#1e3a5f;cursor:pointer;transition:all .2s}.timer-control-btn:hover{border-color:#17a2b8;color:#17a2b8}.start-btn{min-width:100px;background-color:#17a2b8;color:#fff;border-color:#17a2b8}.start-btn:hover{background-color:#138496;border-color:#138496;color:#fff}.pause-btn{min-width:100px;background-color:#ffc107;color:#1e3a5f;border-color:#ffc107}.pause-btn:hover{background-color:#e0a800;border-color:#e0a800;color:#1e3a5f}.resume-btn{min-width:100px;background-color:#28a745;color:#fff;border-color:#28a745}.resume-btn:hover{background-color:#218838;border-color:#218838;color:#fff}.stop-btn{min-width:100px;background-color:#dc3545;color:#fff;border-color:#dc3545}.stop-btn:hover{background-color:#c82333;border-color:#c82333;color:#fff}.reset-btn{min-width:100px}.stats-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:#fff;border-radius:12px;border:1px solid #e9ecef;transition:box-shadow .2s}.stats-card.compact{padding:.75rem 1rem;gap:.75rem}.stats-card:hover{box-shadow:0 4px 12px #00000014}.stats-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.5rem}.stats-card.compact .stats-icon{width:36px;height:36px;font-size:1.25rem;border-radius:8px}.stats-content{flex:1}.stats-title{font-size:.875rem;color:#6c757d;margin-bottom:.25rem}.stats-card.compact .stats-title{font-size:.75rem;margin-bottom:.125rem}.stats-value{font-size:1.5rem;font-weight:700;color:#1e3a5f}.stats-card.compact .stats-value{font-size:1.125rem}.insights-container{margin:3rem 0;text-align:left}.insights-heading{font-size:2rem;font-weight:700;color:#1e3a5f;text-align:left;margin-bottom:2rem;letter-spacing:-.02em}.insights-section{background-color:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 2px 8px #00000014;padding:2rem;margin-bottom:1.5rem;transition:box-shadow .2s}.insights-section:hover{box-shadow:0 4px 12px #0000001a}.insights-section-title{font-size:1.5rem;font-weight:700;color:#1e3a5f;margin-bottom:1.5rem;letter-spacing:-.01em}.insight-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2f5;transition:background-color .2s;border-radius:8px;padding:1.25rem .75rem;margin-left:-.75rem;margin-right:-.75rem}.insight-item:hover{background-color:#f8f9fa}.insight-item:last-child{border-bottom:none}.insight-left{flex:1}.insight-title{font-size:1rem;font-weight:600;color:#1e3a5f;margin-bottom:.375rem}.insight-subtitle{font-size:.875rem;color:#6c757d;line-height:1.4}.insight-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.insight-trend{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.insight-value{font-size:1.5rem;font-weight:700;color:#1e3a5f;min-width:100px;text-align:right;letter-spacing:-.01em}@media(max-width:768px){.insights-container{margin:2rem 0}.insights-heading{font-size:1.75rem;margin-bottom:1.5rem}.insights-section{padding:1.5rem;margin-bottom:1.25rem}.insights-section-title{font-size:1.25rem;margin-bottom:1.25rem}.insight-item{padding:1rem 0;flex-direction:column;align-items:flex-start;gap:.75rem}.insight-right{width:100%;justify-content:space-between}.insight-value{text-align:left;min-width:auto}}.webcam-display-container{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:100%;margin:0}.webcam-video-wrapper{position:relative;width:320px;height:240px;border-radius:12px;overflow:hidden;background:#000}.webcam-video{width:100%;height:100%;object-fit:cover}.webcam-placeholder{width:320px;height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px;color:#666}.webcam-placeholder p{margin:.25rem 0;font-size:1rem;font-weight:500}.webcam-hint{font-size:.875rem!important;color:#999!important;font-weight:400!important}.webcam-status{font-size:1.25rem;font-weight:600;text-align:center;transition:color .3s ease}.webcam-mesh-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#666;cursor:pointer;-webkit-user-select:none;user-select:none}.webcam-mesh-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}.webcam-mesh-toggle span{font-weight:500}.message-box-container{display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%;max-width:100%;height:400px;max-height:400px}.message-box-header{padding:1rem 1.25rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.message-box-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#1e3a5f}.message-box-content{padding:1rem;flex:1;overflow-y:auto;min-height:0}.message-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666}.message-placeholder p{margin:.25rem 0;font-size:1rem;font-weight:500}.message-hint{font-size:.875rem!important;color:#999!important;font-weight:400!important}.message-list{display:flex;flex-direction:column;gap:.75rem}.message-item{padding:.75rem 1rem;border-radius:8px;border-left:4px solid;background:#f8f9fa}.message-item.info{border-left-color:#17a2b8;background:#e7f6f8}.message-item.warning{border-left-color:#ffc107;background:#fff8e1}.message-item.success{border-left-color:#28a745;background:#e8f5e9}.message-text{font-size:.95rem;color:#333;margin-bottom:.25rem;line-height:1.4}.message-time{font-size:.75rem;color:#999}.message-box-content::-webkit-scrollbar{width:6px}.message-box-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.message-box-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.message-box-content::-webkit-scrollbar-thumb:hover{background:#999}.session-playback-container{background-color:#fff;border-radius:12px;border:1px solid #e9ecef;padding:2rem;margin-bottom:2rem}.session-playback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.session-playback-title{font-size:2rem;font-weight:700;color:#1e3a5f;margin:0}.session-playback-dismiss{padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.session-playback-dismiss:hover{background-color:#5a6268}.session-playback-empty{text-align:center;padding:3rem;color:#6c757d;font-size:1rem}.session-playback-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.playback-stat{background-color:#f8f9fa;border-radius:8px;padding:1.25rem;border:1px solid #e9ecef}.playback-stat-label{font-size:.875rem;color:#6c757d;margin-bottom:.5rem;font-weight:500}.playback-stat-value{font-size:1.75rem;font-weight:700;color:#1e3a5f}.session-playback-timeline-container{margin-bottom:2rem}.timeline-title{font-size:1.5rem;font-weight:600;color:#1e3a5f;margin-bottom:1rem}.timeline-wrapper{position:relative;height:80px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.timeline-region{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border-right:2px solid rgba(255,255,255,.3)}.timeline-region:last-child{border-right:none}.timeline-region:hover{transform:scaleY(1.1);z-index:10}.timeline-region.productive{background-color:#d4edda;border-left:4px solid #28a745}.timeline-region.not-productive{background-color:#f8d7da;border-left:4px solid #dc3545}.timeline-region.focused{background-color:#d1ecf1;border-left:4px solid #17a2b8}.timeline-region.distracted{background-color:#fff3cd;border-left:4px solid #ffc107}.timeline-region.no-face{background-color:#e2e3e5;border-left:4px solid #6c757d}.timeline-region-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;width:100%;overflow:hidden}.timeline-region-label{font-size:.75rem;font-weight:600;color:#1e3a5f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.timeline-region-duration{font-size:.625rem;color:#6c757d}.timeline-region-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#1e3a5f;color:#fff;padding:.75rem;border-radius:6px;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;margin-bottom:.5rem;z-index:20}.timeline-region:hover .timeline-region-tooltip{opacity:1}.tooltip-activity{font-weight:600;margin-bottom:.25rem}.tooltip-time,.tooltip-duration{font-size:.75rem;opacity:.9;margin-bottom:.125rem}.tooltip-status{margin-top:.25rem;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.2);font-weight:600}.tooltip-status.productive{color:#90ee90}.tooltip-status.not-productive{color:#ffb6c1}.tooltip-status.focused{color:#87ceeb}.tooltip-status.distracted{color:gold}.tooltip-snapshots{font-size:.75rem;opacity:.8;margin-top:.25rem}.session-playback-activities{margin-top:2rem}.activities-title{font-size:1.5rem;font-weight:600;color:#1e3a5f;margin-bottom:1rem}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background-color:#f8f9fa;border-radius:8px;padding:1.25rem;border-left:4px solid;transition:box-shadow .2s}.activity-item:hover{box-shadow:0 2px 8px #00000014}.activity-item.productive{border-left-color:#28a745;background-color:#d4edda}.activity-item.not-productive{border-left-color:#dc3545;background-color:#f8d7da}.activity-item.focused{border-left-color:#17a2b8;background-color:#d1ecf1}.activity-item.distracted{border-left-color:#ffc107;background-color:#fff3cd}.activity-item.no-face{border-left-color:#6c757d;background-color:#e2e3e5}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.activity-name{font-size:1.125rem;font-weight:600;color:#1e3a5f}.activity-status{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:6px}.activity-status.productive{color:#28a745;background-color:#c3e6cb}.activity-status.not-productive{color:#dc3545;background-color:#f5c6cb}.activity-status.focused{color:#17a2b8;background-color:#bee5eb}.activity-status.distracted{color:#856404;background-color:#ffeaa7}.activity-status.no-face{color:#495057;background-color:#ced4da}.activity-meta{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:#6c757d}.activity-time{font-weight:500}.activity-duration{font-weight:600}.activity-snapshots-wrapper{display:flex;flex-direction:column;gap:.5rem}.activity-snapshots{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:hidden;overflow-x:visible;transition:max-height .3s ease;box-sizing:border-box}.activity-snapshots.expanded{max-height:600px;overflow-y:auto;overflow-x:visible}.snapshot-preview{background-color:#fff;border-radius:6px;padding:.75rem;border:1px solid #e9ecef}.snapshot-time{font-size:.75rem;color:#6c757d;margin-bottom:.25rem;font-weight:500}.snapshot-summary{font-size:.875rem;color:#495057;line-height:1.4}.snapshot-more{font-size:.875rem;color:#17a2b8;font-weight:600;padding:.75rem;text-align:center;background-color:#fff;border:1px solid #17a2b8;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;white-space:nowrap;overflow:visible;width:100%}.snapshot-more:hover{background-color:#17a2b8;color:#fff}.activity-snapshots.expanded::-webkit-scrollbar{width:6px}.activity-snapshots.expanded::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.activity-snapshots.expanded::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.activity-snapshots.expanded::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:768px){.session-playback-container{padding:1.5rem}.session-playback-header{flex-direction:column;align-items:flex-start;gap:1rem}.session-playback-stats{grid-template-columns:1fr}.timeline-region-label{font-size:.625rem}.activity-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.attention-region-popup{position:fixed;background-color:#1e3a5f;color:#fff;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #00000026;pointer-events:auto;transform:translate(-50%);animation:popupFadeIn .2s ease-out}.attention-region-popup:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1e3a5f}.clickable-attention{transition:opacity .2s}.clickable-attention:hover{opacity:.9}.timeline-region-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-region-icon svg{width:16px;height:16px}.timeline-region.focused .timeline-region-icon{color:#17a2b8}.timeline-region.distracted .timeline-region-icon{color:#856404}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.session-playback-screenshot-container{background-color:#f8f9fa;border:2px solid #17a2b8;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #0000001a}.session-playback-screenshot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.session-playback-screenshot-header h3{font-size:1.25rem;font-weight:600;color:#1e3a5f;margin:0}.session-playback-screenshot-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s;border-radius:4px}.session-playback-screenshot-close:hover{color:#1e3a5f;background-color:#e9ecef}.session-playback-screenshot-content{display:flex;gap:1.5rem;align-items:flex-start}.session-playback-screenshot-image{max-width:60%;max-height:500px;border-radius:8px;box-shadow:0 2px 8px #00000026;object-fit:contain;background-color:#fff}.session-playback-screenshot-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.screenshot-info-item{font-size:.95rem;color:#495057;line-height:1.5}.screenshot-info-item strong{color:#1e3a5f;font-weight:600;margin-right:.5rem}@media(max-width:768px){.session-playback-screenshot-content{flex-direction:column}.session-playback-screenshot-image{max-width:100%;max-height:400px}}.session-playback-scroll-back-btn{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:#17a2b8;color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:1000;transition:all .3s ease;animation:slideUpFadeIn .3s ease-out}.session-playback-scroll-back-btn:hover{background-color:#138496;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.session-playback-scroll-back-btn:active{transform:translateY(0)}.session-playback-scroll-back-btn svg{flex-shrink:0}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.session-playback-scroll-back-btn{bottom:1.5rem;right:1.5rem;padding:.625rem 1rem;font-size:.8rem}.session-playback-scroll-back-btn span{display:none}.session-playback-scroll-back-btn{padding:.75rem;border-radius:50%}}.sessions-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;background-color:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;z-index:1000;overflow-y:auto}.sessions-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e9ecef;background-color:#fff;position:sticky;top:0;z-index:10}.sessions-sidebar-header h2{font-size:1.25rem;font-weight:600;color:#1e3a5f;margin:0}.sessions-sidebar-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.sessions-sidebar-close:hover{color:#1e3a5f}.sessions-sidebar-loading,.sessions-sidebar-empty{padding:2rem;text-align:center;color:#6c757d;font-size:.875rem}.sessions-list{flex:1;overflow-y:auto;padding:.5rem}.session-item{width:100%;padding:1rem;margin-bottom:.5rem;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s}.session-item:hover{border-color:#17a2b8;box-shadow:0 2px 8px #00000014}.session-item.active{border-color:#17a2b8;background-color:#d1ecf1;box-shadow:0 2px 8px #17a2b833}.session-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.session-item-date{font-size:.875rem;font-weight:600;color:#1e3a5f}.session-item-productivity{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.session-item-productivity.high{background-color:#d4edda;color:#28a745}.session-item-productivity.medium{background-color:#fff3cd;color:#856404}.session-item-productivity.low{background-color:#f8d7da;color:#dc3545}.session-item-meta{display:flex;gap:.75rem;font-size:.75rem;color:#6c757d;flex-wrap:wrap}.session-item-duration{font-weight:500}.session-item-activities,.session-item-snapshots{opacity:.8}.app-with-sidebar{margin-left:280px}.sessions-sidebar-backdrop{position:fixed;inset:0;background-color:#00000080;z-index:999;display:none}@media(max-width:768px){.sessions-sidebar-backdrop{display:block}.sessions-sidebar{width:85%;max-width:320px;box-shadow:2px 0 8px #0003}.app-content-with-sidebar{margin-left:0}}.auth-hero-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background-color:#f5f7fa}.auth-hero-content{display:flex;flex-direction:column;align-items:center;gap:3rem;width:100%;max-width:520px}.auth-hero-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.auth-hero-logo{height:120px;width:auto;object-fit:contain;margin-bottom:.5rem}.auth-hero-title{font-size:3rem;font-weight:700;color:#1e3a5f;margin:0;letter-spacing:-.02em}.auth-hero-tagline{font-size:1.125rem;color:#6c757d;margin:0;font-weight:400}.auth-form-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;padding:3rem;width:100%;border:1px solid #e9ecef}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-title{font-size:2rem;font-weight:700;color:#1e3a5f;margin-bottom:.5rem}.auth-form-subtitle{font-size:.875rem;color:#6c757d;margin-top:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form-group{display:flex;flex-direction:column;gap:.5rem}.auth-form-label{font-size:.875rem;font-weight:500;color:#1e3a5f}.auth-form-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:#1e3a5f;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .2s;outline:none}.auth-form-input:focus{border-color:#17a2b8;box-shadow:0 0 0 3px #17a2b81a}.auth-form-input::placeholder{color:#999}.auth-form-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.auth-form-primary-btn{padding:.875rem 2rem;font-size:1rem;font-weight:500;border:2px solid #17a2b8;border-radius:8px;background-color:#17a2b8;color:#fff;cursor:pointer;transition:all .2s;width:100%}.auth-form-primary-btn:hover{background-color:#138496;border-color:#138496}.auth-form-secondary-btn{padding:.875rem 2rem;font-size:1rem;font-weight:500;border:2px solid #e9ecef;border-radius:8px;background-color:#fff;color:#1e3a5f;cursor:pointer;transition:all .2s;width:100%}.auth-form-secondary-btn:hover{border-color:#17a2b8;color:#17a2b8}@media(max-width:768px){.auth-hero-container{padding:1.5rem}.auth-hero-content{gap:2rem}.auth-hero-logo{height:80px}.auth-hero-title{font-size:2.25rem}.auth-hero-tagline{font-size:1rem}.auth-form-card{padding:2rem}.auth-form-title{font-size:1.75rem}}