:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;color:#213547}body{margin:0;display:block;min-width:320px;min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px}.login-card h2{text-align:center;color:#1a1a1a;margin-bottom:1.5rem}.login-card input{width:100%;padding:12px;margin-bottom:1rem;border:1px solid #ddd;border-radius:6px;box-sizing:border-box}.login-btn{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700}.login-btn:hover{background-color:#0056b3}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 70px;--bg-color: #1a1a2e;--text-color: #ffffff;--hover-color: #303050}.layout-container{display:flex}.sidebar{height:100vh;background-color:var(--bg-color);color:var(--text-color);width:var(--sidebar-width);transition:width .3s ease;position:fixed;left:0;top:0;overflow-x:hidden;z-index:1000}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between}.toggle-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.nav-menu{list-style:none;padding:0;margin-top:20px}.nav-item{padding:15px 25px;display:flex;align-items:center;cursor:pointer;transition:background .2s;white-space:nowrap}.nav-item:hover{background-color:var(--hover-color)}.nav-text{margin-left:20px;opacity:1;transition:opacity .2s}.collapsed .nav-text{opacity:0;pointer-events:none}.main-content{flex-grow:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease;padding:20px;min-height:100vh}.main-content.expanded{margin-left:var(--sidebar-collapsed-width)}@media(max-width:768px){.sidebar{width:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.main-content{margin-left:0}.main-content.expanded{margin-left:var(--sidebar-collapsed-width)}}.tabs-container{background:#e0e0e0;display:flex;padding:10px 10px 0;border-radius:8px 8px 0 0}.tab{padding:10px 20px;cursor:pointer;background:#d1d1d1;border-radius:8px 8px 0 0;margin-right:5px;font-size:14px;transition:background .2s;border:none;color:#555}.tab.active{background:#fff;color:#000;font-weight:700}.tab-content{background:#fff;padding:30px;border-radius:0 0 8px 8px;box-shadow:0 4px 6px #0000000d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.submit-btn{background-color:#007bff;color:#fff;border:none;padding:12px 25px;border-radius:4px;cursor:pointer;font-size:16px}