.login-container{background:#f1f3f4;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-left{color:#fff;background:#1a73e8;border-radius:12px 0 0 12px;flex-direction:column;justify-content:center;width:550px;height:750px;padding:60px;display:flex}.login-left h1{margin-bottom:20px;font-size:32px;font-weight:700;line-height:1.3}.login-left p{opacity:.95;font-size:15px;line-height:1.7}.login-right{background:#fff;border:1px solid #dadce0;border-left:none;border-radius:0 12px 12px 0;flex-direction:column;justify-content:center;width:550px;height:750px;padding:60px;display:flex}.login-right img{filter:drop-shadow(0 2px 4px #00000059);width:400px;margin:0 auto 20px;display:block}.login-right h2{color:#202124;margin-bottom:10px;font-size:28px;font-weight:700}.subtitle{color:#5f6368;margin-bottom:30px;font-size:14px}.login-right form{flex-direction:column;display:flex}.login-right label{color:#5f6368;margin-bottom:6px;font-size:12px;font-weight:700}.login-right input[type=email],.login-right input[type=password]{border:1px solid #c6c6c6;border-radius:8px;width:100%;height:44px;margin-bottom:16px;padding:10px 12px;font-size:14px}.login-right input[type=email]:focus,.login-right input[type=password]:focus{border-color:#1a73e8;outline:none}.password-header{justify-content:space-between;align-items:center;display:flex}.password-header a{color:#1a73e8;font-size:12px;font-weight:600;text-decoration:none}.password-header a:hover{text-decoration:underline}.remember{color:#5f6368;align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.remember input[type=checkbox]{width:16px;height:16px;margin:0}.remember label{cursor:pointer;margin:0}.login-right button{color:#fff;background:#1a73e8;border:none;border-radius:8px;width:100%;height:46px;font-size:14px;font-weight:700}.login-right button:hover{background:#1765cc}.support{text-align:center;color:#5f6368;margin-top:25px;font-size:13px}@media (width<=900px){.login-container{flex-direction:column;padding:20px}.login-left,.login-right{border-radius:12px;width:100%;max-width:500px}.login-left{height:auto;min-height:220px}.login-right{border-left:1px solid #dadce0;height:auto;margin-top:10px}}.attachment-modal-overlay{z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attachment-modal{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;height:90vh;display:flex}.attachment-modal-header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:15px;display:flex}.attachment-modal-content{flex:1;overflow:hidden}.attachment-modal-content img{object-fit:contain;width:100%;height:100%}.attachment-modal-content iframe{border:none;width:100%;height:100%}.attachment-modal-footer{border-top:1px solid #ddd;padding:15px}*{box-sizing:border-box;margin:0;padding:0}body{color:#202124;background:#f1f3f4;font-family:Arial,Helvetica,sans-serif}button{cursor:pointer}.app{height:100vh;display:flex}.sidebar{background:#e8eaed;border-right:1px solid #c6c6c6;width:220px;padding:20px}.logo{font-size:22px;font-weight:700}.menu{flex-direction:column;gap:8px;display:flex}.menu button{text-align:left;background:0 0;border:none;border-radius:4px;padding:10px}.menu button:hover{background:#d2e3fc}.content{flex-direction:column;flex:1;display:flex}.header{background:#e8eaed;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.header input{border:1px solid #bdbdbd;border-radius:10px;width:400px;padding:8px}.user{font-size:14px;font-weight:700}.mail-header-list{background:#212121;border-radius:5px 5px 0 0;justify-content:space-between;width:100%;padding:10px 10px 0;display:flex}.mail-header-reload-btn{cursor:pointer;background:0 0;border:none;margin-bottom:10px;margin-left:10px}.mail-list{padding:20px}.mail-list table{border-collapse:collapse;background:#fff;width:100%}.mail-list th{text-align:left;background:#f8f9fa;border-bottom:1px solid #dadce0;padding:12px}.mail-list td{border-bottom:1px solid #ececec;padding:12px}.login-page{background:#f1f3f4;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-form{background:#fff;border:1px solid #dadce0;width:320px;padding:30px}.login-form h1{margin-bottom:20px;font-size:28px}.login-form input{border:1px solid #c6c6c6;width:100%;margin-bottom:12px;padding:10px}.login-form button{color:#fff;background:#1a73e8;border:none;width:100%;padding:10px}.menu button.active{background:#d2e3fc;font-weight:700}.mail-container{flex:1;display:flex;overflow:hidden}.mail-list{border-right:1px solid #dadce0;width:45%;overflow-y:auto}.mail-view{background:#fff;flex:1;padding:20px;overflow-y:auto}.mail-view.empty{color:#777;justify-content:center;align-items:center;display:flex}.mail-header{margin-bottom:20px}.mail-header h2{margin-bottom:10px}.mail-body{line-height:1.6}.mail-list tr{cursor:pointer}.mail-list tr:hover{background:#eef3fd}.mail-item{cursor:pointer;border-bottom:1px solid #ececec;padding:8px 0;transition:background .2s}.mail-item-subject{color:#444;font-size:14px}.mail-item-flags{color:#1a73e8;margin-top:4px}.message-page{background:#fff;border-radius:12px;max-width:1200px;margin:20px auto;padding:20px}.back-button{cursor:pointer;background:0 0;border:none;margin-bottom:20px}.message-info{margin-top:20px;margin-bottom:20px}.safe-message{background:#fff8e1;border:1px solid #f0c36d;border-radius:8px;margin-top:30px;padding:20px}.view-content-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:6px;margin-top:15px;padding:10px 20px}.message-body{border-top:1px solid #ddd;margin-top:20px;padding:20px}.workspace{height:calc(100vh - 60px);display:flex}.workspace-content{background:#fff;flex:1;overflow:auto}.mail-list{width:100%}.mail-item{cursor:pointer;border-bottom:1px solid #eee}.mail-item:hover{background:#f8f9fa}.mail-item-header{justify-content:space-between;display:flex}.mail-item-subject{color:#555;margin-top:6px}.mail-reader{padding:25px}.back-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;margin-bottom:20px}.mail-meta{margin-top:auto}.attachments{margin-top:25px}.safe-zone{background:#fff8e1;border:1px solid #f0c36d;border-radius:8px;margin-top:30px;padding:20px}.view-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:6px;margin-top:15px;padding:10px 20px}.mail-body{border-top:1px solid #ddd;margin-top:25px;padding-top:20px}.attachment-grid{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.attachment-card img{object-fit:cover;width:100%;height:150px}.pdf-preview{justify-content:center;align-items:center;height:110px;font-size:40px;display:flex}.attachment-name{padding:10px;font-size:14px}.attachment-card{cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:8px;width:180px;overflow:hidden}.attachment-preview{object-fit:cover;width:100%;height:120px;display:block}.attachment-footer{background:#f8f9fa;align-items:center;gap:12px;padding:12px;display:flex}.file-type{color:#fff;background:#ea4335;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:700}.file-name{color:#5f6368;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mail-toolbar{color:#fff;background:#212121;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;width:100%;padding:10px 10px 0;display:flex}.toolbar-pagination{align-items:center;gap:10px;display:flex}.toolbar-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:16px}.toolbar-btn:hover{opacity:.8}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.logout-btn{color:#1a73e8;cursor:pointer;background:0 0;border:none;font-size:16px}.logout-btn:hover{opacity:.8}.logout-btn:disabled{opacity:.3;cursor:not-allowed}