body {
            margin: 0;
            font-family: Arial, sans-serif;
            background: #f0f0f0;
        }

        /* HEADER */
        .header {
            background: #244a7c;
            color: white;
            padding: 30px;
        }

        .header h1 {
            margin: 0;
        }

        /* MAIN CONTAINER */
        .container {
            display: flex;
            margin: 30px;
        }

        /* SIDEBAR */
        .sidebar {
            width: 250px;
            background: #ddd;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
        }

        .tab {
            padding: 15px;
            border-bottom: 1px solid #bbb;
            cursor: pointer;
            background: #e6e6e6;
        }

        .tab:hover {
            background: #d0d0d0;
        }

        .tab.active {
            background: #244a7c;
            color: white;
        }

        /* CONTENT AREA */
        .content {
            flex: 1;
            margin-left: 20px;
            background: white;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
        }

        .tab-content {
            display: none;
        }

        .tab-content.active {
            display: block;
        }

        h2 {
            background: #eee;
            padding: 10px;
            border-radius: 20px;
        }

        ul {
            line-height: 1.8;
        }
        .coming-soon {
            text-align: center;
             padding: 50px 20px;
            color: #777;
        }

        .coming-soon i {
            font-size: 45px;
            margin-bottom: 15px;
        }

        .coming-soon h3 {
             margin: 10px 0;
        }