*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.header{text-align:center;margin-bottom:40px}.header h1{color:#2c3e50;font-size:2.8em;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-weight:700}.header p{color:#7f8c8d;font-size:1.2em;font-weight:500}.dropdown-container{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:40px;flex-wrap:wrap;padding-left:0;box-sizing:border-box}.dropdown-wrapper{position:relative;background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.dropdown-wrapper:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.dropdown-wrapper label{display:block;margin-bottom:12px;font-weight:600;color:#2c3e50;font-size:16px;display:flex;align-items:center;gap:8px}.dropdown-wrapper label:before{font-size:20px}select{padding:14px 40px 14px 18px;border:2px solid transparent;border-radius:12px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#667eea,#764ba2) border-box;font-size:16px;color:#2c3e50;cursor:pointer;transition:all .3s ease;min-width:220px;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}select:hover{border-color:#667eea4d;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.chart-section{margin-bottom:60px}.chart-title{text-align:center;font-size:2em;color:#2c3e50;margin-bottom:30px;font-weight:600}.chart-container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 15px 50px #0000001a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:2000px;margin:0 auto}.chart{display:flex;align-items:end;justify-content:space-between;height:450px;padding:30px 0;border-bottom:3px solid #ecf0f1;gap:12px;overflow-x:auto}.bar{flex:1;min-width:50px;border-radius:8px 8px 0 0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:growUp 1.2s ease-out;box-shadow:0 4px 12px #0000001a}.bar:hover{transform:scale(1.08) translateY(-5px);box-shadow:0 12px 30px #0003;z-index:10}.bar:before{content:attr(data-value);position:absolute;top:-35px;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:#2c3e50;background:#fff;padding:4px 8px;border-radius:6px;box-shadow:0 2px 8px #0000001a;opacity:0;transition:opacity .3s ease}.bar:hover:before{opacity:1}.chart-labels{display:flex;justify-content:space-between;margin-top:20px;gap:12px;overflow-x:auto}.label{flex:1;min-width:50px;text-align:center;font-size:13px;color:#5a6c7d;font-weight:500;line-height:1.3;padding:8px 4px;transition:color .3s ease}.label:hover{color:#2c3e50;font-weight:600}@keyframes growUp{0%{height:0;opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faculty-section{border-top:4px solid #ecf0f1;padding-top:50px;margin-top:40px}.sdg-1{background:linear-gradient(135deg,#e5233c,#c41e3a)}.sdg-2{background:linear-gradient(135deg,#dda73a,#bf9000)}.sdg-3{background:linear-gradient(135deg,#4c9f38,#2d5016)}.sdg-4{background:linear-gradient(135deg,#c5192d,#8b0000)}.sdg-5{background:linear-gradient(135deg,#ff3a21,#e73c7e)}.sdg-6{background:linear-gradient(135deg,#26bde2,#1a8fb8)}.sdg-7{background:linear-gradient(135deg,#fcc30b,#d90)}.sdg-8{background:linear-gradient(135deg,#a21942,#8b1538)}.sdg-9{background:linear-gradient(135deg,#fd6925,#e55100)}.sdg-10{background:linear-gradient(135deg,#dd1367,#b8094d)}.sdg-11{background:linear-gradient(135deg,#fd9d24,#e67e00)}.sdg-12{background:linear-gradient(135deg,#bf8b2e,#9d6e00)}.sdg-13{background:linear-gradient(135deg,#3f7e44,#2d5a31)}.sdg-14{background:linear-gradient(135deg,#0a97d9,#06c)}.sdg-15{background:linear-gradient(135deg,#56c02b,#3d8b21)}.sdg-16{background:linear-gradient(135deg,#00689d,#004d7a)}.sdg-17{background:linear-gradient(135deg,#19486a,#0f2c3d)}@media (max-width: 768px){.header h1{font-size:2.2em}.dropdown-container{flex-direction:column;gap:20px}.dropdown-wrapper{padding:16px}select{min-width:200px;font-size:15px}.chart{height:350px;gap:8px;padding:20px 0}.label{font-size:11px}.bar{min-width:35px}.chart-container{padding:25px}}@media (max-width: 480px){.main-content-wrapper{padding:15px}.header h1{font-size:1.8em}.chart{height:300px;gap:6px}.bar{min-width:25px}.label{font-size:10px}}