.app-container{display:flex}.sidebar{width:250px;background:#333;color:#fff;padding:20px;min-height:100vh}.sidebar ul{list-style:none;padding:0}.sidebar li{cursor:pointer;padding:10px;transition:background .3s}.sidebar li:hover{background:#555}.content{padding:20px;flex-grow:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background-color:#fff;padding:20px;border-radius:8px;min-width:300px;max-width:500px;text-align:center;box-shadow:0 4px 10px #0000004d;display:flex;flex-direction:column;justify-content:space-between;position:relative;max-height:80%;overflow-y:auto}.modal-content{flex-grow:1;margin-bottom:20px}.close-btn{background-color:red;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:4px;width:80px;align-self:auto;margin-top:auto;justify-content:center}.close-btn:hover{background-color:#8b0000}.calendar-container{text-align:center;margin-top:20px}.date-picker{padding:10px;margin:20px 0}p{font-size:18px;color:green}.accordion{width:400px;margin:20px auto;background:#222;padding:10px;border-radius:8px}.accordion-item{margin-bottom:10px}.accordion-header{width:100%;text-align:left;background:#444;color:#fff;padding:10px;border:none;cursor:pointer;font-size:16px;border-radius:5px}.accordion-header:hover{background:#666}.accordion-content{padding:10px;background:#333;color:#fff;border-radius:5px}.carousel{display:flex;align-items:center;justify-content:center;position:relative;width:600px;margin:20px auto;background-color:#222;padding:10px;border-radius:10px}.carousel img{width:100%;height:auto;border-radius:5px}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;cursor:pointer;padding:10px;font-size:18px;border-radius:5px}.prev{left:10px}.next{right:10px}.prev:hover,.next:hover{background:#000c}.sheet-container{position:fixed;top:0;right:-300px;height:100%;width:300px;background-color:#fff;box-shadow:-4px 0 10px #0003;transition:right .3s ease;z-index:999;padding:20px;display:flex;flex-direction:column}.sheet-container.open{right:0}.sheet-content{display:flex;flex-direction:column;align-items:flex-start}.sheet-content h2{margin-bottom:20px}.sheet-content input{padding:10px;margin:10px 0;border:1px solid #ddd;width:100%;border-radius:4px}.sheet-content button{padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.sheet-content button:hover{background-color:#45a049}.close-btn{background:none;border:none;font-size:30px;cursor:pointer;position:absolute;top:10px;right:20px;color:#333}.close-btn:hover{color:red}.switch-btn{background:#333;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.switch-btn:hover{background:#555}.switch-container{width:50px;height:25px;background:#ccc;border-radius:25px;position:relative;cursor:pointer;transition:background .3s ease-in-out}.switch-slider{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:50%;left:2px;transform:translateY(-50%);transition:left .3s ease-in-out}.switch-container.dark-mode{background:#333}.switch-slider.dark-mode{left:26px;background:#ff0}.app-container.light{background-color:#fff;color:#000}.app-container.dark{background-color:#000;color:#fff}.theme-toggle{position:fixed;top:10px;right:10px}.tabs-container{width:100%;max-width:400px;margin:auto;text-align:center}.tabs{display:flex;justify-content:space-around;border-bottom:2px solid #ccc}.tabs button{padding:10px 15px;border:none;background:none;cursor:pointer;font-size:16px;transition:.3s ease}.tabs button.active{border-bottom:3px solid blue;font-weight:700;color:#00f}.tab-content{margin-top:20px;font-size:18px}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-text{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#000;color:#fff;padding:8px 12px;border-radius:4px;white-space:nowrap;font-size:14px;visibility:visible;opacity:0;transition:opacity .3s ease-in-out}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}