:root,body,html{margin:0;padding:0;background-color:#0c1e33}html,body{height:100%;display:flex;flex-direction:column}main{flex:1}.inbox-container{background-color:#0a2846;color:#1e1e1e;font-family:Segoe UI,sans-serif;padding:40px 20px;display:flex;flex-direction:column;align-items:center;margin:32px;border-radius:12px;width:100%;max-width:768px;box-shadow:2px 4px 6px #0009}.top-bar{padding:20px;text-align:center;background-color:#0a2846;box-shadow:0 4px 6px #0009}.top-bar-content{display:flex;align-items:center;justify-content:center;gap:12px;font-family:Raleway,sans-serif;font-size:22px;color:#f8a94c}.top-bar-content-link{text-decoration:none;color:inherit;display:flex;align-items:center}.bottom-bar{background-color:#0a2846;color:#dedede;text-align:center;font-size:12px;padding:20px 0}.bottom-bar-links{margin-bottom:40px}.bottom-bar-links a{color:#dedede;margin:30px;text-decoration:none;font-size:20px;font-weight:500;transition:color .3s ease,text-decoration .3s ease}.bottom-bar-links a:hover{color:#fff;text-decoration:underline}.logo{height:36px}.brandname{font-family:Raleway,Segoe UI,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:28px;color:#f8a94c;margin:0}.highlight{color:#fff}.title{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px;text-align:center;display:flex}.subtitle{color:#dedede;font-size:16px;margin-bottom:24px;text-align:center;display:flex}.email-panel{display:flex;flex-direction:row;justify-content:center;gap:10px;margin-bottom:30px;width:100%;max-width:720px}.email-panel input{flex:1;padding:16px 20px;font-size:22px;border-radius:12px;border:1px solid #dcdcdc;background-color:#fef6ec;color:#1e1e1e;min-width:0}.email-panel input[readonly]{background-color:#e0e0e0;border-color:#b0b0b0;color:#7a7a7a;cursor:not-allowed}.email-panel button{background-color:#f8a94c;color:#1e1e1e;border:none;border-radius:12px;padding:16px 20px;cursor:pointer;font-weight:500;font-size:22px;box-shadow:2px 4px 6px #0009;transition:transform .1s ease,box-shadow .2s ease,background-color .3s ease}.email-panel button:hover{background-color:#f39c12;box-shadow:1px 3px 4px #0000004d}.email-panel button:active{transform:scale(.97);box-shadow:1px 2px 4px #0003}.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:30px 0}.action-button{background-color:#26c6da;color:#1e1e1e;border:none;padding:12px 24px;font-size:16px;border-radius:20px;font-weight:500;cursor:pointer;box-shadow:2px 4px 6px #0009;transition:transform .1s ease,box-shadow .2s ease,background-color .3s ease}.action-button:hover{background-color:#00acc1;box-shadow:1px 3px 4px #0000004d}.action-button:active{transform:scale(.97);box-shadow:1px 2px 4px #0003}.info{color:#dedede;font-size:14px;text-align:center;margin-bottom:30px}.message-list{background-color:#fef6ec;border-radius:12px;width:100%;border:1px solid #dcdcdc}.messages{width:100%;max-width:720px}.message-list table{table-layout:fixed}.message-list tbody{display:block;max-height:280px;overflow-y:auto}.message-list thead,.message-list tbody tr{display:table;width:100%;table-layout:fixed;cursor:pointer}.message-list th{padding:14px;border-bottom:1px solid #dcdcdc;text-align:center;font-size:14px;color:#1e1e1e;font-weight:600}.message-list td{padding:14px;border-bottom:1px solid #dcdcdc;text-align:left;font-size:14px;color:#1e1e1e}.empty-box{text-align:center;padding:40px 0;color:#5a5a5a}.empty-icon{font-size:48px;margin-bottom:10px}.email-auto-toggle{display:flex;flex-direction:column;align-items:flex-start;background-color:#0a2846;color:#dedede;font-size:16px;gap:12px;margin-bottom:20px;width:100%;max-width:720px}.email-auto-toggle label{display:flex;align-items:center;gap:12px;font-size:18px}.email-auto-toggle input[type=radio]{width:20px;height:20px;accent-color:rgb(248,169,76)}.email-auto-toggle p{font-weight:500;margin:0 0 4px}.email-iframe{width:100%;min-height:300px;max-height:600px;border:1px solid #ccc;overflow:auto}.message-list-controls{display:flex;justify-content:flex-end;width:100%;margin:16px auto 40px}.pattern-inputs{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap;max-width:720px}.pattern-inputs input{padding:10px 14px;font-size:14px;border:1px solid #ccc;border-radius:8px;min-width:120px;flex-shrink:0}.pattern-inputs .at-symbol{font-size:18px;color:#fff}.message-body{background-color:#fff;padding:16px;border-radius:4px;color:#1e1e1e;font-size:14px;white-space:pre-wrap;animation:fadeIn .2s ease-in-out}.message-expanded-row td{padding-top:0!important;padding-right:4px!important;padding-bottom:4px!important}.sticky-message{position:sticky;top:0;background-color:#fef6ec;z-index:3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}code{font-weight:700;font-family:monospace;background-color:#1a3b5d;color:#fff;padding:2px 6px;border-radius:4px}.tooltip{position:relative;display:inline-block;margin-left:8px}.tooltip-icon{background-color:#1a3b5d;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;cursor:pointer;border:1px solid #fff}.tooltip .tooltiptext{visibility:hidden;width:250px;background-color:#1a3b5d;color:#fff;text-align:left;padding:8px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:12px}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1a3b5d transparent transparent transparent}.any-descriptions{display:flex;flex-direction:column;max-width:max(80vw,768px);margin:32px auto;padding:20px 40px;background-color:#0a2846;border-radius:12px;box-shadow:2px 4px 6px #0009;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.75;color:#e0f0ff}.any-descriptions h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#fff;font-weight:600}.any-descriptions p{font-size:1rem;margin-bottom:1.25rem;color:#cbd9e8}.any-descriptions ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1.5rem}.any-descriptions ul li{margin-bottom:.75rem;font-size:1rem;color:#cbd9e8}.any-descriptions ul li strong{color:#fff}.any-descriptions a{color:#26c6da;text-decoration:none;font-weight:500;transition:color .3s ease,text-decoration .3s ease}.accordion-item{border-bottom:1px solid #2c4a68;padding:0 0 16px}.accordion-question{font-size:18px;color:#f8a94c;cursor:pointer;transition:color .3s ease}.accordion-question:hover{color:#fff}.accordion-answer{margin-left:16px;color:#cbd9e8;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#0a2846;padding:30px 60px;border-radius:12px;color:#fff;box-shadow:2px 4px 10px #00000080;position:relative;display:inline-block;text-align:left}.modal-content h2{margin-bottom:20px}.modal-content svg{display:block;margin:0 auto}.modal-content button{padding:8px 16px;border:none;background-color:#4dd0e1;color:#000;border-radius:20px;cursor:pointer;margin-top:10px;display:block;margin-left:auto}@media (max-width: 768px){.inbox-container{padding:20px 12px}.logo{height:30px}.brandname{font-size:22px}.title{font-size:22px;text-align:center}.subtitle{font-size:14px;text-align:center}.email-panel{flex-direction:column;gap:8px;align-items:stretch}.controls{flex-direction:column;gap:10px}.action-button{width:100%;font-size:16px;padding:12px}.email-auto-toggle{font-size:14px}.email-auto-toggle label{font-size:16px}.email-auto-toggle input[type=radio]{width:18px;height:18px}.message-list th,.message-list td{font-size:12px;padding:10px}.empty-icon{font-size:36px}.pattern-inputs{flex-direction:column;align-items:stretch}.pattern-inputs input{width:100%}.any-descriptions{padding:15px}.any-descriptions h2{font-size:1.25rem}.any-descriptions p,.any-descriptions ul li{font-size:.95rem}}