body{margin:0;padding:0;font-family:Arial,sans-serif}.top-bar-wrapper{position:fixed;top:0;left:0;z-index:999;width:100%;height:23px;background-color:#fff;padding:20px}.top-bar{background-color:#fff;position:relative;font-family:Arial,sans-serif;padding:20px;border:1px solid #ccc;border-radius:5px;margin-right:128px;width:auto;margin-bottom:80px}.module-collection{display:grid;grid-template-columns:repeat(8,1fr);gap:20px;padding:20px}.module{font-family:Arial,sans-serif;padding:10px;border:1px solid #ccc;border-radius:5px;grid-column:span 2;position:relative}.module-wide{grid-column:span 4}.module.locked{display:none}.module.blink{animation:blinkAnim .3s ease-in-out 10}@keyframes blinkAnim{0%,to{background-color:red}50%{background-color:#feffff}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.module .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff9;color:#000;display:flex;justify-content:center;align-items:center;font-size:1rem;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .5s ease}.module.show-overlay .overlay{opacity:1}#counters{background-color:#7fffd4}.mail-item{border-bottom:1px solid #e0e0e0;font-family:Arial,sans-serif}.mail-item label{display:flex;align-items:center;padding:10px 14px;cursor:pointer;transition:background-color .2s ease}.mail-item label:hover{background-color:#f5f5f5}.mail-checkbox{margin-right:12px;transform:scale(1.2);cursor:pointer}.mail-subject{flex:1;font-weight:500;color:#333}.mail-person{flex:1;font-size:.9em;color:#666;margin-left:10px}