body{margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font-family:inherit}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{color:#fff;background:#020617;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.digital-wall{background:radial-gradient(circle at 10% 20%,#ff00802e,#0000 25%),radial-gradient(circle at 90% 20%,#00b4ff2e,#0000 25%),radial-gradient(circle at 50% 100%,#7800ff33,#0000 30%),linear-gradient(135deg,#020617,#0b102d 50%,#030712);min-height:100vh;padding:18px 24px 35px;position:relative;overflow:hidden}.digital-wall:before,.digital-wall:after{content:"";filter:blur(90px);opacity:.18;pointer-events:none;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite alternate moveGlow;position:absolute}.digital-wall:before{background:#ff0080;top:200px;left:-250px}.digital-wall:after{background:#00d9ff;animation-delay:2s;bottom:100px;right:-250px}@keyframes moveGlow{0%{transform:translate(0)}to{transform:translate(120px,-80px)}}.header{z-index:2;background:linear-gradient(100deg,#230a41f2,#08143cf2,#002d46e6);border:1px solid #00d9ff80;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:16px 22px;display:flex;position:relative;box-shadow:0 0 25px #00d9ff33,inset 0 0 30px #7800ff1a}.college{align-items:center;gap:18px;display:flex}.logo{font-size:58px;animation:3s ease-in-out infinite floatLogo}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.college h2{color:#ffd21f;letter-spacing:1px;margin:0;font-size:clamp(18px,2vw,28px)}.college h1{color:#fff;text-shadow:0 0 10px #a900ff,0 0 25px #a900ff80;margin:4px 0;font-size:clamp(25px,3vw,43px)}.college p{color:#00f0ff;margin:4px 0 0;font-size:18px;font-weight:700}.clock-box{text-align:center;background:#001432b3;border:1px solid #00eaff;border-radius:18px;min-width:240px;padding:14px 20px;box-shadow:0 0 20px #00eaff40}.clock-box span{color:#00f0ff;margin-bottom:5px;font-weight:700;display:block}.clock-box strong{font-size:32px;display:block}.clock-box small{color:#b8dfff}.dashboard{z-index:2;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:relative}.card{border-radius:20px;min-height:260px;padding:20px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.card:hover{transform:translateY(-8px)scale(1.015)}.card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff14,#0000 80%);animation:5s infinite shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes shine{0%,65%{transform:translate(-100%)}85%,to{transform:translate(100%)}}.notices{background:linear-gradient(145deg,#4b0034,#17051d);border:1px solid #ff258f;box-shadow:0 0 25px #ff258f40}.events{background:linear-gradient(145deg,#002e55,#061227);border:1px solid #00bfff;box-shadow:0 0 25px #00bfff40}.faculty{background:linear-gradient(145deg,#003d2b,#041b18);border:1px solid #00e875;box-shadow:0 0 25px #00e87533}.achievements{background:linear-gradient(145deg,#4a2700,#1d0d00);border:1px solid #ffad00;box-shadow:0 0 25px #ffad0040}.lecture{background:linear-gradient(145deg,#30105c,#100629);border:1px solid #a900ff;box-shadow:0 0 25px #a900ff40}.weather{background:linear-gradient(145deg,#004453,#031b27);border:1px solid #00eaff;box-shadow:0 0 25px #00eaff40}.card-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.card-title .icon{font-size:32px}.card-title h2{margin:0;font-size:23px}.card-title b{background:#ff273c;border-radius:20px;margin-left:auto;padding:5px 10px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 5px #ff273c}50%{box-shadow:0 0 22px #ff273c}}.notices ul{margin:0;padding-left:22px}.notices li{margin-bottom:14px;line-height:1.4}.event-row{grid-template-columns:18px 1fr auto;align-items:center;gap:8px;margin:18px 0;display:grid}.event-row span{color:#00eaff}.event-row time{color:#00f0ff;font-weight:700}.faculty-item{text-align:center;background:#00ff8c14;border:1px solid #00ff8c26;border-radius:10px;margin:10px 0;padding:11px;animation:4s ease-in-out infinite facultyFloat}.faculty-item:nth-child(3){animation-delay:.5s}.faculty-item:nth-child(4){animation-delay:1s}@keyframes facultyFloat{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.achievement-content{justify-content:space-between;align-items:center;gap:15px;display:flex}.achievement-content p{line-height:1.6}.trophy{font-size:80px;animation:2s ease-in-out infinite trophyGlow}@keyframes trophyGlow{0%,to{filter:drop-shadow(0 0 5px #ffae00);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #ffae00);transform:scale(1.12)rotate(3deg)}}.big-clock{color:#d26aff;margin-left:auto;font-size:42px;animation:6s linear infinite rotateClock}@keyframes rotateClock{to{transform:rotate(360deg)}}.lecture-row{background:#6e00ff2e;border:1px solid #be64ff33;border-radius:10px;justify-content:space-between;gap:10px;margin-bottom:8px;padding:11px 14px;display:flex}.lecture-row strong{color:#fff}.weather-content{justify-content:center;align-items:center;gap:30px;display:flex}.sun{font-size:85px;animation:3s ease-in-out infinite weatherFloat}@keyframes weatherFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.weather-content strong{font-size:52px}.weather-content p{color:#00eaff;margin:5px 0;font-size:20px;font-weight:700}.weather-info{text-align:center;color:#bcefff;margin:12px 0}.bottom-text{text-align:center;color:#00eaff;background:#ffffff0f;border-radius:9px;padding:9px;font-weight:700;position:absolute;bottom:14px;left:20px;right:20px}.quote{z-index:2;text-align:center;background:#0f0523e6;border:1px solid #a900ff;border-radius:18px;max-width:850px;margin:20px auto 0;padding:14px 25px;position:relative;box-shadow:0 0 25px #a900ff40}.quote p{color:#ffb52e;margin:0;font-size:21px;font-style:italic;font-weight:700;display:inline}.quote span{color:#ff7b00;font-size:35px}.quote small{color:#00eaff;margin-top:5px;font-size:15px;display:block}.developer-section{z-index:2;text-align:center;background:linear-gradient(120deg,#190537eb,#001e3ceb,#1e0537eb);border:1px solid #00eaff8c;border-radius:20px;max-width:1100px;margin:28px auto 10px;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 0 25px #00eaff2e}.developer-line{background:linear-gradient(90deg,#0000,#00eaff,#a900ff,#0000);width:30%;height:3px;animation:3s linear infinite developerLine;position:absolute;top:0;left:-30%}@keyframes developerLine{0%{left:-30%}to{left:100%}}.developer-title{color:#00eaff;letter-spacing:2px;margin-bottom:15px;font-size:19px;font-weight:700;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 5px #00eaff}to{text-shadow:0 0 20px #00eaff,0 0 30px #a900ff}}.developer-names{flex-wrap:wrap;justify-content:center;gap:10px 18px;margin-bottom:15px;display:flex}.developer-names span{color:#fff;background:#a900ff26;border:1px solid #a900ff80;border-radius:30px;padding:9px 15px;font-weight:700;animation:3s ease-in-out infinite nameFloat;display:inline-block}.developer-names span:first-child{animation-delay:0s}.developer-names span:nth-child(2){animation-delay:.3s}.developer-names span:nth-child(3){animation-delay:.6s}.developer-names span:nth-child(4){animation-delay:.9s}@keyframes nameFloat{0%,to{transform:translateY(0);box-shadow:0 0 5px #a900ff26}50%{transform:translateY(-6px);box-shadow:0 0 18px #00eaff4d}}.developer-class{color:#ffd21f;margin-top:8px;font-size:18px;font-weight:700;animation:2.5s ease-in-out infinite classPulse}@keyframes classPulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 15px #ffd21f}}.developer-year{color:#fff;letter-spacing:1px;background:linear-gradient(90deg,#ff008033,#00d9ff33);border:1px solid #00eaff66;border-radius:20px;margin-top:12px;padding:7px 18px;font-weight:700;animation:2s ease-in-out infinite alternate yearGlow;display:inline-block}@keyframes yearGlow{0%{box-shadow:0 0 5px #00eaff33}to{box-shadow:0 0 20px #00eaff80}}.developer-tagline{color:#b8dfff;margin-top:12px;font-size:14px;animation:4s ease-in-out infinite taglineMove}@keyframes taglineMove{0%,to{opacity:.55}50%{opacity:1}}.swipe-hint{z-index:2;text-align:center;color:#00eaff;opacity:.65;margin-top:14px;font-size:13px;animation:2s ease-in-out infinite swipeHint;position:relative}@keyframes swipeHint{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-8px)}}@media (width<=1000px){.dashboard{grid-template-columns:repeat(2,1fr)}.header{flex-direction:column}.clock-box{width:100%}}@media (width<=650px){.digital-wall{padding:12px}.dashboard{grid-template-columns:1fr}.college{text-align:center;flex-direction:column}.college h1{font-size:25px}.developer-names{flex-direction:column;align-items:center}.developer-names span{width:90%}.weather-content{gap:10px}.weather-content strong{font-size:40px}.sun{font-size:65px}}*{box-sizing:border-box}.admin-page{color:#fff;touch-action:pan-y;background:radial-gradient(circle at 10% 10%,#a900ff2e,#0000 25%),radial-gradient(circle at 90% 20%,#00eaff26,#0000 25%),linear-gradient(135deg,#050817,#0b1028,#020617);width:100%;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.admin-header{z-index:5;background:linear-gradient(135deg,#180047f5,#002b50f5);border-bottom:2px solid #00eaff;justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:22px 35px;display:flex;position:relative;box-shadow:0 0 25px #00eaff26}.admin-header h1{color:#00eaff;text-shadow:0 0 12px #00eaff73;margin:0;font-size:28px}.admin-header p{color:#c9d7e8;margin:8px 0 0;font-size:16px}.logout-btn{color:#001018;cursor:pointer;background:linear-gradient(135deg,#008fb3,#00d9ff);border:1px solid #00eaff;border-radius:10px;padding:12px 22px;font-size:15px;font-weight:700;transition:transform .25s,box-shadow .25s}.logout-btn:hover{transform:translateY(-3px);box-shadow:0 0 20px #00eaff8c}.logout-btn:active{transform:scale(.96)}.admin-layout{min-height:calc(100vh - 100px);display:flex}.sidebar{background:#070d23f5;border-right:1px solid #263354;flex-shrink:0;width:250px;padding:25px;box-shadow:5px 0 25px #0003}.sidebar h2{color:#00eaff;margin-top:0;margin-bottom:20px;font-size:22px}.sidebar button{color:#fff;text-align:left;cursor:pointer;background:#151d35;border:1px solid #263354;border-radius:9px;width:100%;margin:6px 0;padding:13px;font-size:15px;transition:background .25s,border-color .25s,transform .2s}.sidebar button:hover{background:#073d55;border-color:#00eaff;transform:translate(4px)}.sidebar button.active{background:linear-gradient(90deg,#073d55,#11285a);border-color:#00eaff;box-shadow:0 0 15px #00eaff2e}.sidebar .reset-btn{color:#ffd166;text-align:center;border-color:#ff9f00;margin-top:30px}.sidebar .reset-btn:hover{background:#422b00;border-color:#ffb000}.admin-content{flex:1;min-width:0;max-width:1100px;padding:35px}.content-header{margin-bottom:20px}.content-header h2{color:#00eaff;text-shadow:0 0 12px #00eaff40;margin:0;font-size:30px}.content-header p{color:#9eabc0;margin-top:8px;font-size:15px}.add-box{gap:10px;margin:30px 0;display:flex}.add-box input{color:#fff;background:#10182d;border:1px solid #39486b;border-radius:9px;outline:none;flex:1;min-width:0;padding:15px;font-size:16px;transition:border-color .25s,box-shadow .25s}.add-box input::placeholder{color:#71809c}.add-box input:focus{border-color:#00eaff;box-shadow:0 0 15px #00eaff26}.add-box button{color:#001018;cursor:pointer;background:linear-gradient(135deg,#00bcd4,#00eaff);border:none;border-radius:9px;padding:0 25px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s}.add-box button:hover{transform:translateY(-2px);box-shadow:0 0 18px #00eaff73}.add-box button:active{transform:scale(.96)}.items-list{flex-direction:column;gap:12px;display:flex}.admin-item{background:linear-gradient(135deg,#121b32,#0d162b);border:1px solid #263354;border-radius:12px;align-items:center;gap:15px;padding:18px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.admin-item:hover{border-color:#00bcd4;transform:translate(5px);box-shadow:0 0 18px #00bcd41f}.item-number{background:linear-gradient(135deg,#642cff,#a900ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-weight:700;display:flex;box-shadow:0 0 12px #a900ff40}.item-text{color:#f1f5ff;word-break:break-word;flex:1;min-width:0;font-size:16px;line-height:1.5}.item-actions{flex-shrink:0;gap:8px;display:flex}.item-actions button{cursor:pointer;color:#fff;border-radius:7px;padding:8px 12px;font-weight:700;transition:transform .2s,box-shadow .2s}.item-actions button:hover{transform:translateY(-2px)}.edit-btn{background:#3157d5;border:1px solid #6d8cff}.edit-btn:hover{box-shadow:0 0 12px #6d8cff66}.delete-btn{background:#b8173f;border:1px solid #ff527d}.delete-btn:hover{box-shadow:0 0 12px #ff527d66}.empty{text-align:center;color:#888;background:#ffffff05;border:1px dashed #39486b;border-radius:12px;padding:40px}.offline-note{color:#8defff;text-align:center;background:#0d2a30cc;border:1px solid #00bcd4;border-radius:10px;margin-top:30px;padding:15px;line-height:1.7;box-shadow:0 0 15px #00bcd414}@media (width<=800px){.admin-header{flex-direction:column;align-items:stretch;padding:20px}.admin-header h1{font-size:23px}.logout-btn{width:100%}.admin-layout{flex-direction:column}.sidebar{border-bottom:1px solid #263354;border-right:none;width:100%}.admin-content{padding:20px}.admin-item{flex-wrap:wrap}.item-actions{width:100%}.item-actions button{flex:1}}@media (width<=500px){.admin-content{padding:15px}.add-box{flex-direction:column}.add-box input{width:100%}.add-box button{min-height:48px}.admin-item{padding:14px}.item-number{width:32px;height:32px}.item-text{font-size:14px}.content-header h2{font-size:24px}}.admin-page{overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none}.admin-page input{-webkit-user-select:text;user-select:text}.media-page{box-sizing:border-box;color:#fff;background:radial-gradient(circle at 0 0,#a900ff2e,#0000 30%),radial-gradient(circle at 100% 100%,#00eaff26,#0000 30%),linear-gradient(135deg,#050817,#0b1028,#020617);width:100%;min-height:100vh;padding:18px 25px 25px;overflow-x:hidden}.media-topbar{box-sizing:border-box;background:#051232eb;border:1px solid #00eaff;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:88px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 0 15px #00eaff26,inset 0 0 20px #00eaff0a}.media-title{text-align:center}.media-title h1{color:#fff;margin:0;font-size:30px;font-weight:800}.media-title span{color:#00eaff;margin-top:2px;font-size:15px;font-weight:600;display:block}.back-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #00eaff;border-radius:10px;padding:11px 20px;font-size:16px;font-weight:600;transition:all .3s}.back-button:hover{color:#001018;background:#00eaff;box-shadow:0 0 15px #00eaff80}.add-media-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b00ff,#00d9ff);border-radius:12px;justify-content:center;align-items:center;padding:12px 22px;font-size:15px;font-weight:800;transition:all .3s;display:inline-flex}.add-media-button:hover{transform:scale(1.05);box-shadow:0 0 20px #00d9ff80}.add-media-button input{display:none}.media-display{box-sizing:border-box;background:#000;border:1px solid #a600ff;border-radius:20px;justify-content:center;align-items:center;width:100%;height:calc(100vh - 180px);min-height:450px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #a600ff33}.media-display img,.media-display video{object-fit:cover;width:100%;height:100%;animation:.8s mediaFade;display:block}@keyframes mediaFade{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.media-list{gap:10px;width:100%;margin-top:12px;padding-bottom:5px;display:flex;overflow-x:auto}.media-item{background:#051432cc;border:1px solid #00eaff66;border-radius:10px;align-items:center;gap:8px;min-width:230px;padding:8px 10px;transition:all .3s;display:flex}.media-item.active{border-color:#00eaff;box-shadow:0 0 12px #00eaff59}.media-select{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;display:flex}.media-select span{font-size:18px}.media-select small{white-space:nowrap;text-overflow:ellipsis;max-width:170px;overflow:hidden}.delete-media{cursor:pointer;background:0 0;border:none;padding:4px;font-size:17px;transition:all .2s}.delete-media:hover{transform:scale(1.2)}.media-header{text-align:center;margin-top:30px}.media-header h1{margin-bottom:5px;font-size:34px}.media-header p{color:#00eaff}.upload-box{text-align:center;background:#051232d9;border:1px solid #00eaff;border-radius:20px;width:min(700px,90%);margin:80px auto 0;padding:55px 30px;box-shadow:0 0 25px #00eaff1f}.upload-icon{margin-bottom:15px;font-size:55px}.upload-box h2{margin-bottom:10px}.upload-box p{color:#b7c8df;margin-bottom:25px}.upload-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#8b00ff,#00d9ff);border-radius:12px;padding:13px 25px;font-weight:800;transition:all .3s;display:inline-block}.upload-button:hover{transform:scale(1.05);box-shadow:0 0 20px #00d9ff73}@media (width<=700px){.media-page{padding:10px}.media-topbar{padding:12px}.media-title h1{font-size:20px}.back-button{padding:8px 12px;font-size:13px}.add-media-button{padding:9px 12px;font-size:12px}.media-display{border-radius:14px;height:calc(100vh - 150px);min-height:350px}.media-list{display:none}}