.page-wrapper{background-color:#f5f7fa;color:#333;line-height:1.6;margin:0 auto}.page-header{text-align:center;margin-bottom:40px;padding:20px;background:linear-gradient(135deg,#185269,#0e7c8e);color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.page-header h1{color:#fff}.main-title{font-size:2rem;margin-bottom:10px}.sub-header{font-size:1rem;opacity:.9}.switch-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:30px}.switch-btn{padding:12px 20px;font-size:.9rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;background-color:#0e7c8e;color:#fff;transition:all .3s}.switch-btn:hover{background-color:#0c6c7b}.switch-btn.active{background-color:#185269}.main-content{background-color:#fff;border-radius:8px;padding:20px;margin-bottom:20px}.content-view{display:block}.view-title{color:#185269;margin-bottom:15px;font-size:1.3rem;padding-bottom:8px;border-bottom:1px solid #eee}.table-wrapper{width:100%;overflow-x:auto}.simple-table{width:100%;border-collapse:collapse;font-size:.85rem}.simple-table th{background-color:#185269;color:#fff;padding:8px 10px;text-align:left;font-weight:600;white-space:nowrap}.simple-table td{padding:8px 10px;border-bottom:1px solid #eee;vertical-align:top}.simple-table tr:nth-child(even) {background-color:#f8f9fa}.simple-table tr:hover{background-color:#f0f8ff}.table-btn{display:inline-block;padding:5px 12px;background-color:#0e7c8e;color:#fff;text-decoration:none;border-radius:4px;font-size:.8rem;font-weight:600;transition:all .2s;white-space:nowrap}.table-btn:hover{background-color:#185269}.courses-container{display:flex;flex-direction:column;gap:8px}.course-card{padding:12px 15px;background-color:#f8fafc;border-radius:6px;cursor:pointer;transition:all .2s;border-left:3px solid #0e7c8e;font-size:.9rem;font-weight:500}.course-card:hover{background-color:#d3c49e;transform:translateX(3px)}.course-description{background-color:#f1f5f8;border-radius:8px;padding:20px;border-left:4px solid #0e7c8e}.course-name{color:#185269;margin-bottom:12px;font-size:1.2rem}.course-info{line-height:1.6;font-size:.9rem}.course-info p{margin-bottom:12px}.course-info ul{margin:12px 0;padding-left:18px}.course-info li{margin-bottom:8px}.course-info strong{color:#185269}.hidden-content{display:none}@media (max-width:768px){.page-wrapper{padding:15px}.page-header{padding:15px;margin-bottom:20px}.main-title{font-size:1.6rem}.switch-buttons{flex-direction:column;align-items:center;gap:0}.switch-btn{width:100%;max-width:350px;margin-bottom:5px}.main-content{padding:15px}.view-title{font-size:1.1rem}.simple-table{font-size:.8rem;min-width:500px}.simple-table th,.simple-table td{padding:6px 8px}.table-btn{padding:4px 8px;font-size:.75rem}.course-card{padding:10px 12px;font-size:.85rem}.course-description{padding:15px}.course-name{font-size:1.1rem}.course-info{font-size:.85rem}}@media (max-width:480px){.main-title{font-size:1.4rem}.sub-header{font-size:.9rem}.switch-btn{font-size:.85rem;padding:10px}.simple-table{min-width:400px}.simple-table th{padding:5px 6px;font-size:.75rem}.simple-table td{padding:5px 6px;font-size:.75rem}}