*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;display:flex}.container{background:#fff;border-radius:16px;width:100%;max-width:600px;padding:48px;box-shadow:0 20px 60px #0000004d}h1{color:#1a202c;text-align:center;margin-bottom:12px;font-size:32px;font-weight:700}.subtitle{color:#718096;text-align:center;margin-bottom:32px;font-size:16px}.signin-section{text-align:center}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#0078d4}.btn-primary:hover{background:#106ebe;transform:translateY(-2px);box-shadow:0 4px 12px #0078d466}.btn-secondary{color:#fff;background:#48bb78;margin:8px}.btn-secondary:hover{background:#38a169;transform:translateY(-2px);box-shadow:0 4px 12px #48bb7866}.btn-danger{color:#fff;background:#f56565}.btn-danger:hover{background:#e53e3e}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-info{text-align:center;background:#f7fafc;border-radius:8px;margin-bottom:24px;padding:16px}.user-name{color:#2d3748;margin-bottom:4px;font-weight:600}.user-email{color:#718096;font-size:14px}.date-selector{margin-bottom:24px}.date-selector label{color:#2d3748;margin-bottom:8px;font-weight:600;display:block}.date-selector select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px;font-size:16px;transition:border-color .2s}.date-selector select:focus{border-color:#667eea;outline:none}.actions{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.export-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.status{text-align:center;background:#f7fafc;border-radius:8px;margin-bottom:24px;padding:16px}.status.loading{color:#4299e1}.status.success{color:#48bb78}.status.error{color:#f56565;background:#fff5f5}.spinner{border:3px solid #4299e14d;border-top-color:#4299e1;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.footer{text-align:center;color:#718096;border-top:1px solid #e2e8f0;padding-top:24px;font-size:14px}.footer a{color:#667eea;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.security-note{color:#2d3748;background:#edf2f7;border-left:4px solid #4299e1;border-radius:4px;margin-top:24px;padding:12px 16px;font-size:14px}@media (max-width:640px){.container{padding:32px 24px}h1{font-size:24px}.export-buttons{flex-direction:column}.btn-secondary{margin:4px 0}}