.app-container{display:flex;height:100vh;width:100%}.instructions-container{width:25%;padding:20px;background-color:#f5eded;height:100vh;overflow-y:auto}.main-content{flex:1;box-shadow:0 4px 8px #0000001a;border-radius:10px;overflow:hidden;margin:20px 20px 20px 50px;overflow-y:auto}.mail-interface-container{display:flex;flex-direction:row;height:100%}.sidebar-container{width:250px;flex-shrink:0;border:1px solid #e0e0e0;border-radius:8px;margin:5px}.mail-list-container{flex:1;max-width:400px;margin:5px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.mail-details-container{flex:2;padding:15px;background-color:#f9f9f9;margin:5px;border:1px solid #e0e0e0;border-radius:8px}@media (max-width: 768px){.app-container{flex-direction:column}.instructions-container{width:100%;height:auto;margin-bottom:20px}.main-content{margin:10px}.mail-interface-container{flex-direction:column}.sidebar-container{width:100%;position:absolute;z-index:1000;transform:translate(-100%);transition:transform .3s ease-in-out;height:100vh}.sidebar-container.open{transform:translate(0)}.mail-list-container{max-width:100%;margin:0}.mail-details-container{padding:10px;margin:0}}