*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-title{color:#333;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.login-subtitle{color:#666;font-size:14px;margin-bottom:32px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none}.error-message{background-color:#fee;font-size:14px;padding:12px;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:opacity .2s}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-hint{border-top:1px solid #e0e0e0;margin-top:24px;padding-top:24px;text-align:center}.login-hint p{color:#999;font-size:12px}@media (max-width:480px){.login-card{padding:24px}}.email-list-container{width:100%}.search-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px;transition:all .3s ease}.search-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-section h2{color:#333;font-size:24px;margin:0}.filter-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:opacity .2s}.filter-toggle:hover{opacity:.9}.filter-toggle-icon{font-size:12px;transition:transform .3s ease}.filter-toggle-text{font-size:14px}.search-form{max-height:1000px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.search-section.collapsed .search-form{gap:0;margin:0;max-height:0;opacity:0;padding:0}.search-section.expanded .search-form{max-height:1000px;opacity:1}.search-form{display:flex;flex-direction:column;gap:16px}.search-inputs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr auto}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s}.search-input:focus{border-color:#667eea;outline:none}.limit-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s}.limit-select:focus{border-color:#667eea;outline:none}.search-buttons{display:flex;gap:12px}.clear-button,.search-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s}.search-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.search-button:hover{opacity:.9}.clear-button{background:#f0f0f0;color:#333}.clear-button:hover{background:#e0e0e0}.error-banner{background:#fee;border-radius:8px;color:#c33;margin-bottom:24px;padding:16px;text-align:center}.email-list{display:flex;flex-direction:column;gap:16px}.email-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:transform .2s,box-shadow .2s}.email-item:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.email-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.email-from{color:#333;font-size:16px;font-weight:600}.email-date{color:#666;font-size:14px}.email-subject{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.email-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden;text-overflow:ellipsis}.email-badges{display:flex;gap:8px}.badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.badge-html{background:#e3f2fd;color:#1976d2}.badge-attachment{background:#f3e5f5;color:#7b1fa2}@media (max-width:768px){.search-section{padding:16px}.search-section h2{font-size:20px}.filter-toggle{font-size:12px;padding:6px 12px}.filter-toggle-text{font-size:12px}.search-inputs{grid-template-columns:1fr}.email-header{align-items:flex-start;gap:8px}.email-header,.search-buttons{flex-direction:column}.clear-button,.search-button{width:100%}}@media (min-width:769px){.filter-toggle{display:none}.search-section.collapsed .search-form{max-height:1000px;opacity:1}}.email-detail-container{width:100%}.back-button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:24px;padding:12px 24px;transition:all .2s}.back-button:hover{background:#f5f5f5;border-color:#667eea}.email-detail-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px}.email-detail-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:20px}.email-detail-from,.email-detail-to{color:#333;font-size:14px;margin-bottom:8px}.email-detail-from strong,.email-detail-to strong{color:#666;margin-right:8px}.email-detail-date{color:#666;font-size:14px;margin-top:12px}.email-detail-subject{color:#333;font-size:24px;font-weight:700;margin-bottom:24px}.email-attachments{background:#f9f9f9;border-left:4px solid #667eea;border-radius:4px;margin-bottom:24px;padding:16px}.email-attachments strong{color:#333;display:block;margin-bottom:8px}.email-attachments ul{list-style:none;margin:0;padding:0}.email-attachments li{color:#666;font-size:14px;padding:8px 0}.view-mode-toggle{border-bottom:2px solid #f0f0f0;display:flex;gap:8px;margin-bottom:24px;padding-bottom:16px}.view-mode-toggle button{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.view-mode-toggle button:hover{border-color:#667eea;color:#667eea}.view-mode-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.email-detail-content{min-height:200px}.email-html-content{color:#333;line-height:1.6}.email-html-content img{height:auto;max-width:100%}.email-text-content{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;white-space:pre-wrap}.empty-state,.loading{color:#666;font-size:16px}.empty-state,.error-container,.loading{padding:48px;text-align:center}.error-message{background:#fee;border-radius:8px;color:#c33;display:inline-block;margin-bottom:24px;padding:16px}@media (max-width:768px){.email-detail-card{padding:20px}.email-detail-subject{font-size:20px}}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;color:#fff;padding:16px 24px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-title{font-size:24px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:16px}.username{font-size:14px;opacity:.9}.logout-button{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s}.logout-button:hover{background:#ffffff4d}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:24px;width:100%}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{justify-content:space-between;width:100%}.main-content{padding:16px}}.app{background-color:#f5f5f5;min-height:100vh}
/*# sourceMappingURL=main.674b265f.css.map*/