*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Arial,sans-serif;font-size:11px;background:#e4e9f2;overflow:hidden}.owa-header{background:linear-gradient(180deg,#4a7ab8,#2d5b99,#1e4377);height:60px;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #1a3a5c}.owa-logo{display:flex;align-items:center;gap:8px}.owa-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#f90,#f60);border-radius:2px}.owa-logo-text{color:#fff;font-size:18px;font-weight:300;letter-spacing:.5px}.owa-logo-text span{font-weight:600}.owa-header-right{margin-left:auto;display:flex;align-items:center;gap:15px}.owa-user-info{color:#fff;font-size:11px}.owa-header-link{color:#b8d4f1;text-decoration:none;font-size:11px}.owa-header-link:hover{color:#fff;text-decoration:underline}.owa-toolbar{background:linear-gradient(180deg,#f5f7fa,#e8ecf1);border-bottom:1px solid #a0aec0;padding:4px 8px;display:flex;align-items:center;gap:2px}.owa-toolbar-btn{display:flex;flex-direction:column;align-items:center;padding:4px 12px;border:1px solid transparent;background:transparent;cursor:pointer;border-radius:2px;min-width:60px}.owa-toolbar-btn:hover{background:linear-gradient(180deg,#fff,#e8f0f8);border-color:#8eb4d8}.owa-toolbar-btn:active{background:linear-gradient(180deg,#d8e8f5,#c0d8f0)}.owa-toolbar-btn.disabled{opacity:.5;cursor:default}.owa-toolbar-icon{width:24px;height:24px;margin-bottom:2px;display:flex;align-items:center;justify-content:center;font-size:16px}.owa-toolbar-label{font-size:10px;color:#333}.owa-toolbar-separator{width:1px;height:40px;background:#c0c8d0;margin:0 4px}.owa-search{margin-left:auto;display:flex;align-items:center;gap:4px}.owa-search input{width:200px;height:22px;border:1px solid #8090a0;padding:0 6px;font-size:11px}.owa-search-btn{height:22px;padding:0 10px;background:linear-gradient(180deg,#f5f7fa,#dde4ec);border:1px solid #8090a0;cursor:pointer;font-size:11px}.owa-main{display:flex;height:calc(100vh - 105px)}.owa-folders{width:200px;background:#e8ecf1;border-right:1px solid #a0aec0;overflow-y:auto}.owa-folder-header{background:linear-gradient(180deg,#e8ecf1,#d8dce5);padding:6px 8px;font-weight:600;font-size:11px;border-bottom:1px solid #c0c8d0;display:flex;align-items:center;gap:6px}.owa-folder-tree{padding:4px 0}.owa-folder-item{display:flex;align-items:center;padding:3px 8px 3px 16px;cursor:pointer;font-size:11px;border:1px solid transparent}.owa-folder-item:hover{background:#d0d8e8}.owa-folder-item.selected{background:#c0d0e8;border-color:#8090b0}.owa-folder-item.nested{padding-left:32px}.owa-folder-icon{width:16px;height:16px;margin-right:6px;display:flex;align-items:center;justify-content:center;font-size:12px}.owa-folder-name{flex:1}.owa-folder-count{background:#6088b0;color:#fff;padding:1px 5px;border-radius:8px;font-size:9px;font-weight:600}.owa-messages{width:350px;background:#fff;border-right:1px solid #a0aec0;display:flex;flex-direction:column}.owa-messages-header{background:linear-gradient(180deg,#f5f7fa,#e8ecf1);padding:4px 8px;border-bottom:1px solid #c0c8d0;display:flex;align-items:center;gap:8px;font-size:11px}.owa-messages-header select{height:20px;font-size:11px;border:1px solid #a0a8b0}.owa-messages-list{flex:1;overflow-y:auto}.owa-message-item{display:flex;padding:6px 8px;border-bottom:1px solid #e0e4e8;cursor:pointer;background:#fff}.owa-message-item:hover{background:#f0f4f8}.owa-message-item.selected{background:#d8e4f0}.owa-message-item.unread{background:#f8faff;font-weight:600}.owa-message-item.unread .owa-message-from,.owa-message-item.unread .owa-message-subject{font-weight:600}.owa-message-checkbox{width:20px;display:flex;align-items:flex-start;padding-top:2px}.owa-message-icon{width:24px;display:flex;align-items:flex-start;padding-top:2px;font-size:14px}.owa-message-content{flex:1;min-width:0}.owa-message-row1{display:flex;justify-content:space-between;margin-bottom:2px}.owa-message-from{font-size:11px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.owa-message-date{font-size:10px;color:#666;margin-left:8px;white-space:nowrap}.owa-message-subject{font-size:11px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.owa-message-preview{font-size:10px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.owa-message-flags{width:30px;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px}.owa-flag{font-size:12px;cursor:pointer}.owa-flag.flagged{color:#c00}.owa-reading{flex:1;background:#fff;display:flex;flex-direction:column}.owa-reading-header{background:linear-gradient(180deg,#f5f7fa,#e8ecf1);padding:10px 12px;border-bottom:1px solid #c0c8d0}.owa-reading-subject{font-size:14px;font-weight:600;color:#1a3a60;margin-bottom:8px}.owa-reading-meta{font-size:11px;color:#444;line-height:1.6}.owa-reading-meta-label{color:#666;margin-right:4px}.owa-reading-meta a{color:#06c;text-decoration:none}.owa-reading-meta a:hover{text-decoration:underline}.owa-reading-body{flex:1;padding:12px;overflow-y:auto;font-size:12px;line-height:1.5}.owa-reading-body a{color:#06c}.owa-reading-attachments{padding:8px 12px;background:#f5f7fa;border-top:1px solid #e0e4e8}.owa-attachment{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#fff;border:1px solid #c0c8d0;border-radius:2px;margin-right:4px;margin-bottom:4px;cursor:pointer;font-size:11px}.owa-attachment:hover{background:#e8f0f8;border-color:#8090b0}.owa-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;font-size:12px}.owa-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.owa-compose-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.owa-compose{width:700px;max-width:90vw;max-height:80vh;background:#fff;border:1px solid #1a3a5c;box-shadow:4px 4px 12px #0000004d;display:flex;flex-direction:column}.owa-compose-header{background:linear-gradient(180deg,#4a7ab8,#2d5b99);padding:8px 12px;display:flex;align-items:center;justify-content:space-between}.owa-compose-title{color:#fff;font-size:12px;font-weight:600}.owa-compose-close{background:transparent;border:none;color:#fff;cursor:pointer;font-size:16px;padding:2px 6px}.owa-compose-close:hover{background:#fff3}.owa-compose-toolbar{background:linear-gradient(180deg,#f5f7fa,#e8ecf1);padding:4px 8px;border-bottom:1px solid #c0c8d0;display:flex;gap:4px}.owa-compose-fields{padding:8px 12px;border-bottom:1px solid #e0e4e8}.owa-compose-field{display:flex;align-items:center;margin-bottom:4px}.owa-compose-field label{width:50px;font-size:11px;color:#333}.owa-compose-field input{flex:1;height:22px;border:1px solid #a0a8b0;padding:0 6px;font-size:11px}.owa-compose-body{flex:1;min-height:300px}.owa-compose-body textarea{width:100%;height:100%;border:none;padding:12px;font-family:inherit;font-size:12px;resize:none}.owa-compose-footer{background:#f5f7fa;padding:8px 12px;border-top:1px solid #c0c8d0;display:flex;gap:8px}.owa-btn{padding:4px 16px;font-size:11px;border:1px solid #8090a0;background:linear-gradient(180deg,#f5f7fa,#dde4ec);cursor:pointer;border-radius:2px}.owa-btn:hover{background:linear-gradient(180deg,#fff,#e8f0f8)}.owa-btn:active{background:linear-gradient(180deg,#d8e8f5,#c0d8f0)}.owa-btn-primary{background:linear-gradient(180deg,#5a8ac8,#3d6da8);border-color:#2d5b99;color:#fff}.owa-btn-primary:hover{background:linear-gradient(180deg,#6a9ad8,#4d7db8)}.owa-login{min-height:100vh;display:flex;flex-direction:column}.owa-login-content{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e4e9f2,#c8d4e8)}.owa-login-box{background:#fff;border:1px solid #8090a0;padding:30px 40px;box-shadow:2px 2px 8px #00000026;text-align:center;max-width:400px}.owa-login-title{font-size:18px;color:#1a3a60;margin-bottom:8px}.owa-login-subtitle{font-size:11px;color:#666;margin-bottom:24px}.owa-login-btn{padding:10px 30px;font-size:12px}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:#e8ecf1}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c0c8d0,#a0a8b0);border:1px solid #9098a0}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a0a8b0,#8890a0)}.owa-admin{padding:12px;background:#fff8e0;border-bottom:1px solid #d0c080}.owa-admin-title{font-weight:600;margin-bottom:8px;color:#806000}.owa-admin-list{max-height:200px;overflow-y:auto}.owa-admin-item{display:flex;align-items:center;padding:6px 8px;background:#fff;border:1px solid #e0d8c0;margin-bottom:4px}.owa-admin-item-info{flex:1}.owa-mailbox-selector{padding:8px;background:linear-gradient(180deg,#d8dce5,#c8ccd5);border-bottom:1px solid #a0a8b0}.owa-mailbox-selector select{width:100%;height:24px;font-size:11px}.owa-resizer{width:4px;background:#c0c8d0;cursor:col-resize}.owa-resizer:hover{background:#8090a0}.owa-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#666}.owa-spinner{width:20px;height:20px;border:2px solid #c0c8d0;border-top-color:#4a7ab8;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}