body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{background:#d4af371a;border-radius:3px;color:#d4af37;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:.2em .4em}.dashboard{background:linear-gradient(135deg,#0a0a0f,#1a1a2e);color:#e8e8f0;min-height:100vh;position:relative}.dashboard:before{background-image:linear-gradient(#d4af3705 1px,#0000 0),linear-gradient(90deg,#d4af3705 1px,#0000 0);background-size:60px 60px;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ecc;border-bottom:1px solid #d4af3733;padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.dashboard-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.user-info{align-items:center;display:flex;gap:1rem}.user-avatar{border:2px solid #d4af37;border-radius:50%;box-shadow:0 2px 8px #d4af374d;height:40px;width:40px}.user-name{color:#e8e8f0}.logout-button,.user-name{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500}.logout-button{background:#0000;border:1px solid #d4af37;border-radius:4px;color:#d4af37;cursor:pointer;font-size:.8rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.logout-button:hover{background:#d4af37;box-shadow:0 2px 8px #d4af3766;color:#0a0a0f}.dashboard-main{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1400px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #d4af3733;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem;transition:all .3s ease}.card:hover{border-color:#d4af3766;box-shadow:0 12px 40px #0006;transform:translateY(-2px)}.card-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-shadow:0 1px 2px #0000004d}.portfolio-stats{display:flex;flex-direction:column;gap:1rem}.stat-item{align-items:center;border-bottom:1px solid #d4af371a;display:flex;justify-content:space-between;padding:.75rem 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#b8b8c0;font-size:.9rem;font-weight:500}.stat-label,.stat-value{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.stat-value{color:#fff;font-size:1.1rem;font-weight:600;text-shadow:0 1px 2px #0003}.stat-value.gold{color:#d4af37;text-shadow:0 1px 2px #0000004d}.market-status{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.status-indicator{border-radius:50%;height:12px;position:relative;width:12px}.status-indicator.online{background:#4ade80;box-shadow:0 0 8px #4ade8099}.status-indicator.online:before{animation:pulse-status 2s infinite;background:#4ade804d;border-radius:50%;content:"";height:16px;left:-2px;position:absolute;top:-2px;width:16px}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-text{color:#4ade80;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.market-info p,.status-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.market-info p{color:#b8b8c0;margin:.5rem 0}.market-time{color:#d4af37!important;font-weight:500}.progress-visual{margin-top:1rem}.progress-bar-container{background:#ffffff14;border:1px solid #d4af3733;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#d4af37,#f4d03f);border-radius:4px;box-shadow:0 0 8px #d4af3799;height:100%;transition:width 1s ease-out}.progress-details{margin-top:1rem;text-align:center}.progress-details span{color:#b8b8c0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem}.action-buttons{display:flex;flex-direction:column;gap:1rem}.action-button{border:none;border-radius:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#d4af37,#f4d03f);box-shadow:0 4px 16px #d4af374d;color:#0a0a0f}.action-button.primary:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.action-button.secondary{background:#0000;border:1px solid #d4af37;color:#d4af37}.action-button.secondary:hover{background:#d4af371a;box-shadow:0 4px 12px #d4af3733}@media (max-width:768px){.dashboard-header{padding:1rem}.header-content{flex-direction:column;gap:1rem;text-align:center}.dashboard-main{padding:1rem}.dashboard-grid{gap:1.5rem;grid-template-columns:1fr}.card{padding:1.5rem}.user-info{flex-direction:column;gap:.5rem}}.attendance-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #d4af3733;border-radius:12px;box-shadow:0 8px 32px #0000004d;padding:2rem;transition:all .3s ease}.attendance-status{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.status-indicator.offline{background:#ef4444;box-shadow:0 0 8px #ef444499}.clock-info{background:#d4af371a;border:1px solid #d4af3733;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.clock-info p{color:#e8e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.time-highlight{color:#d4af37;font-weight:600;text-shadow:0 1px 2px #0000004d}.clock-buttons{display:flex;gap:1rem}.clock-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.clock-button.clock-in{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 4px 16px #4ade804d;color:#0a0a0f}.clock-button.clock-in:hover{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 20px #4ade8080;transform:translateY(-2px)}.clock-button.clock-out{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef44444d;color:#fff}.clock-button.clock-out:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444480;transform:translateY(-2px)}.clock-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.weekend-notice{color:#b8b8c0;font-size:.8rem;font-style:italic;margin-top:1rem;text-align:center}.attendance-list-card{grid-column:span 2}.attendance-list{max-height:400px;overflow-y:auto}.no-attendance{color:#b8b8c0;font-style:italic;padding:2rem;text-align:center}.attendance-item{align-items:center;background:#ffffff0d;border:1px solid #d4af371a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.attendance-item:hover{background:#ffffff14;border-color:#d4af3733;transform:translateY(-1px)}.attendee-info{align-items:center;display:flex;flex:1 1;gap:1rem}.attendee-avatar{border:2px solid #d4af374d;border-radius:50%;height:40px;object-fit:cover;width:40px}.attendee-details{flex:1 1}.attendee-name{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;margin-bottom:.25rem}.attendee-times{display:flex;flex-wrap:wrap;gap:1rem}.clock-time{background:#d4af371a;border:1px solid #d4af3733;border-radius:4px;color:#b8b8c0;padding:.25rem .5rem}.clock-time,.work-hours{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem}.work-hours{color:#d4af37;font-weight:600}.attendance-status-dot{border-radius:50%;height:12px;position:relative;width:12px}.attendance-status-dot.active{background:#4ade80;box-shadow:0 0 8px #4ade8099}.attendance-status-dot.active:before{animation:pulse-status 2s infinite;background:#4ade804d;border-radius:50%;content:"";height:16px;left:-2px;position:absolute;top:-2px;width:16px}.attendance-status-dot.finished{background:#6b7280;box-shadow:0 0 4px #6b728066}@media (max-width:768px){.attendance-list-card{grid-column:span 1}.attendee-times,.clock-buttons{flex-direction:column}.attendee-times{gap:.5rem}.attendance-item{align-items:flex-start;flex-direction:column;gap:1rem}.attendee-info{width:100%}}.attendance-summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2e99;border:1px solid #d4af3733;border-radius:12px;box-shadow:0 8px 32px #0000004d;grid-column:span 2;padding:2rem;transition:all .3s ease}.attendance-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:400px;overflow-y:auto}.no-summary{color:#b8b8c0;font-style:italic;grid-column:span 3;padding:2rem;text-align:center}.attendance-summary-item{align-items:center;background:#ffffff0d;border:1px solid #d4af371a;border-radius:12px;display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:all .3s ease}.attendance-summary-item:hover{background:#ffffff14;border-color:#d4af374d;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.user-profile{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem}.summary-avatar{border:3px solid #d4af3766;border-radius:50%;height:60px;margin-bottom:.5rem;object-fit:cover;transition:all .3s ease;width:60px}.attendance-summary-item:hover .summary-avatar{border-color:#d4af37cc;box-shadow:0 0 12px #d4af3766}.user-name-summary{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;text-align:center;text-shadow:0 1px 2px #0000004d}.circular-attendance{align-items:center;display:flex;justify-content:center;position:relative}.attendance-circle{filter:drop-shadow(0 0 8px rgba(212,175,55,.3));transform:rotate(-90deg)}.attendance-circle-bg{fill:none;stroke:#ffffff1a;stroke-width:6}.attendance-circle-progress{fill:none;stroke:#d4af37;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(212,175,55,.8));transition:stroke-dashoffset 1s cubic-bezier(.25,.46,.45,.94)}.attendance-fraction{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.fraction-text{color:#d4af37;font-size:1rem;font-weight:700;line-height:1;text-shadow:0 1px 2px #0000004d}.fraction-text,.percentage-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.percentage-text{color:#b8b8c0;font-size:.7rem;font-weight:500;margin-top:.2rem;text-shadow:0 1px 2px #0003}@media (max-width:1200px){.attendance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:768px){.attendance-summary-card{grid-column:span 1}.attendance-summary-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.attendance-summary-item{padding:1rem}.summary-avatar{height:50px;width:50px}.attendance-circle{height:70px;width:70px}.fraction-text{font-size:.9rem}.user-name-summary{font-size:.8rem}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #d4af3733;border-radius:50%;border-top-color:#d4af37;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#b8b8c0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;margin:0}.card,.dashboard-grid{contain:layout style}.card{will-change:transform}.attendance-summary-item{contain:layout style}body{background:linear-gradient(135deg,#0a0a0f,#1a1a2e);color:#e8e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.hero,body{min-height:100vh}.hero{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 1.5rem;text-align:center}.hero-content h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 4px #0000004d}.hero-content p{color:#d4af37;font-size:1.2rem;margin-bottom:1.5rem}.progress-container{background:#ffffff14;border:1px solid #d4af3733;border-radius:10px;height:30px;margin-top:1rem;max-width:500px;overflow:hidden;width:90%}.progress-bar{background:linear-gradient(90deg,#d4af37,#f4d03f);box-shadow:0 0 8px #d4af3799;height:100%;transition:width .4s ease-in-out}.progress-text{color:#e8e8f0;font-size:1.2rem;margin-top:1rem}.chart-wrapper{background:linear-gradient(135deg,#1a1a2e,#2a2a3e);border-top:1px solid #d4af3733;border-top-left-radius:2rem;border-top-right-radius:2rem;color:#d4af37;padding:2rem 1rem}.chart-wrapper h2{color:#fff;font-size:1.5rem;margin-bottom:1rem;text-align:center}.tracker-section{background:linear-gradient(135deg,#1a1a2e,#2a2a3e)}.surprise-section{background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:3rem 1rem;text-align:center}.surprise-wrapper button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:10px;box-shadow:0 4px 16px #d4af374d;color:#0a0a0f;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.surprise-wrapper button:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 6px 20px #d4af3780;transform:translateY(-2px)}.prize-text{color:#d4af37;font-size:1.5rem;font-weight:700;margin-top:1.5rem;text-shadow:0 2px 4px #0000004d}.login-container{align-items:center;background:linear-gradient(135deg,#0a0a0f,#1a1a2e);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-container:before{background-image:linear-gradient(#d4af3705 1px,#0000 0),linear-gradient(90deg,#d4af3705 1px,#0000 0);background-size:60px 60px;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:0}.brand-section{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.brand-title{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;margin:0 0 1rem;position:relative;text-shadow:0 4px 8px #0006}.brand-title:after{background:linear-gradient(90deg,#d4af37,#f4d03f);bottom:-.5rem;box-shadow:0 2px 12px #d4af3799;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:6rem}.brand-subtitle{color:#d4af37;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:500;letter-spacing:.25em;margin:0;text-shadow:0 1px 2px #0000004d;text-transform:uppercase}.progress-section{margin-bottom:3rem;position:relative;z-index:1}.circular-progress{align-items:center;display:flex;justify-content:center;position:relative}.progress-ring{filter:drop-shadow(0 0 20px rgba(212,175,55,.3));transform:rotate(-90deg)}.progress-ring-background{fill:none;stroke:#ffffff14;stroke-width:8}.progress-ring-progress{fill:none;stroke:url(#goldGradient);stroke-width:8;stroke-linecap:round;animation:pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(212,175,55,.8));transition:stroke-dashoffset 2s cubic-bezier(.25,.46,.45,.94)}@keyframes pulse{0%,to{filter:drop-shadow(0 0 8px rgba(212,175,55,.8))}50%{filter:drop-shadow(0 0 16px rgba(212,175,55,1))}}.progress-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:2}.progress-percentage{animation:glow 2s ease-in-out infinite alternate;color:#d4af37;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:.2rem;text-shadow:0 2px 4px #0006}@keyframes glow{0%{text-shadow:0 2px 4px #0006,0 0 10px #d4af3766}to{text-shadow:0 2px 4px #0006,0 0 20px #d4af37cc}}.progress-amount{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.1rem;text-shadow:0 1px 2px #0000004d}.progress-amount,.progress-target{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.progress-target{color:#b8b8c0;font-size:.8rem;font-weight:500;text-shadow:0 1px 2px #0003}.login-section{position:relative;text-align:center;z-index:1}.login-button{background:linear-gradient(135deg,#d4af37,#f4d03f);border:none;border-radius:8px;box-shadow:0 6px 24px #d4af3766;color:#0a0a0f;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.1em;overflow:hidden;padding:1.2rem 3rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{background:linear-gradient(135deg,#f4d03f,#d4af37);box-shadow:0 8px 32px #d4af3799;transform:translateY(-4px)}.login-button:active{box-shadow:0 4px 16px #d4af3780;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none!important}.login-button:disabled:hover{background:linear-gradient(135deg,#d4af37,#f4d03f);box-shadow:0 6px 24px #d4af3766;transform:none!important}.login-button:disabled:before{left:-100%!important}.login-subtitle{color:#b8b8c0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:500;letter-spacing:.05em;margin:1rem 0 0;text-transform:uppercase}@media (max-width:768px){.login-container{padding:1rem}.brand-section,.progress-section{margin-bottom:2rem}.progress-ring{height:160px;width:160px}.progress-percentage{font-size:2rem}.login-button,.progress-amount{font-size:.9rem}.login-button{padding:1rem 2rem}}@media (max-width:480px){.progress-ring{height:140px;width:140px}.progress-percentage{font-size:1.8rem}.progress-amount{font-size:.8rem}.progress-target{font-size:.7rem}}
/*# sourceMappingURL=main.764f1946.css.map*/