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:#050816;margin:0;font-family:Arial,Helvetica,sans-serif}.digital-wall{background:radial-gradient(circle at 15% 20%,#00e5ff1f,#0000 28%),radial-gradient(circle at 85% 80%,#7c3aed24,#0000 30%),linear-gradient(135deg,#040714,#081027,#120721);width:100%;min-height:100vh;padding:24px;position:relative;overflow-x:hidden}.header{z-index:1;background:linear-gradient(135deg,#070f26f5,#120826f2);border:1px solid #00eeff47;border-radius:24px;justify-content:space-between;align-items:center;gap:25px;margin-bottom:22px;padding:22px 26px;display:flex;position:relative;box-shadow:0 15px 45px #00000059,0 0 30px #00eeff0f}.college{align-items:center;gap:18px;display:flex}.logo{background:linear-gradient(135deg,#00eeff26,#7c3aed33);border:1px solid #00eeff40;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:38px;display:flex}.college h2{letter-spacing:1px;margin:0 0 5px;font-size:clamp(18px,2vw,26px)}.college h1{letter-spacing:1.5px;color:#00eaff;margin:0;font-size:clamp(22px,3vw,36px)}.college p{color:#9ca9cf;margin:8px 0 0;font-size:14px}.clock-box{text-align:center;background:#ffffff09;border:1px solid #7c3aed59;border-radius:18px;min-width:220px;padding:18px 22px}.clock-box span{color:#00eaff;letter-spacing:1.5px;margin-bottom:7px;font-size:12px;font-weight:700;display:block}.clock-box strong{font-size:28px;display:block}.clock-box small{color:#b6c2e3;margin-top:6px;font-size:13px;display:block}.dashboard{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid;position:relative}.card{background:linear-gradient(145deg,#ffffff0b,#ffffff05);border:1px solid #ffffff14;border-radius:22px;min-height:260px;padding:22px;position:relative;overflow:hidden;box-shadow:0 14px 35px #00000047}.notices{border-color:#ff009959}.events{border-color:#00ddff59}.faculty{border-color:#00ffaa59}.achievements{border-color:#ffbe0061}.lecture{border-color:#aa00ff61}.weather{border-color:#00eeff59}.card-title{align-items:center;gap:10px;margin-bottom:18px;display:flex}.card-title .icon{font-size:26px}.card-title h2{letter-spacing:1px;margin:0;font-size:20px}.card-title b{color:#fff;letter-spacing:1px;background:#ff355e;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px}.scroll-container{border-radius:12px;height:150px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 8% 92%,#0000 100%)}.scroll-content{flex-direction:column;gap:10px;animation:18s linear infinite verticalScroll;display:flex}.scroll-container:hover .scroll-content{animation-play-state:paused}.scroll-item{color:#e8edff;background:#ffffff0b;border:1px solid #ffffff0f;border-radius:10px;flex-shrink:0;padding:10px 12px;font-size:14px;line-height:1.5}.event-scroll-item{flex-direction:column;gap:5px;display:flex}.event-scroll-item strong{color:#fff}.event-scroll-item small{color:#00eaff}.faculty-scroll-item{text-align:center;color:#eafff7}.achievement-scroll-item{color:#fff1cf;align-items:flex-start;gap:10px;display:flex}.lecture-scroll-item{color:#f3e8ff;flex-direction:column;gap:5px;display:flex}.lecture-scroll-item small{color:#c3a7ff}.lecture-time{color:#df9dff;margin-top:3px}@keyframes verticalScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bottom-text{color:#00eaff;text-align:center;background:#ffffff0b;border-radius:10px;margin-top:15px;padding:10px 12px;font-size:12px;font-weight:700}.weather-content{justify-content:center;align-items:center;gap:18px;margin-top:10px;display:flex}.sun{font-size:64px}.weather-content strong{font-size:38px}.weather-content p{color:#00eaff;margin:4px 0 0;font-weight:700}.weather-info{color:#c6d3ed;text-align:center;border-top:1px solid #ffffff12;margin-top:18px;padding-top:13px;font-size:13px}.quote{z-index:1;text-align:center;background:#ffffff06;border:1px solid #00eeff29;border-radius:20px;max-width:1100px;margin:22px auto 0;padding:25px 35px;position:relative}.quote span{color:#00eaff;font-size:40px;line-height:0}.quote p{color:#e8edff;margin:12px 0;font-size:17px;font-style:italic;line-height:1.6}.quote small{color:#8898c4}.developer-section{z-index:1;text-align:center;margin-top:28px;padding:20px 10px 10px;position:relative}.developer-line{background:linear-gradient(90deg,#0000,#00eaff,#0000);width:180px;height:2px;margin:0 auto 14px}.developer-title{color:#00eaff;letter-spacing:2px;font-size:13px;font-weight:800}.developer-names{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.developer-names span{color:#cbd5f5;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;padding:7px 12px;font-size:12px}.developer-class{color:#94a3c5;margin-top:13px;font-size:12px}.developer-year{color:#6f7fa8;margin-top:7px;font-size:11px}.developer-tagline{color:#7383ad;margin-top:10px;font-size:11px}.swipe-hint{z-index:1;text-align:center;color:#6e82b4;margin-top:15px;font-size:11px;position:relative}.install-screen{background:radial-gradient(circle at 0 0,#0ef3,#0000 32%),radial-gradient(circle at 100% 100%,#7c3aed38,#0000 35%),linear-gradient(135deg,#040714,#081027,#120721);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.install-card{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#070d22f2;border:1px solid #00eeff73;border-radius:30px;width:min(430px,94vw);padding:42px 28px;box-shadow:0 25px 70px #00000080,0 0 35px #00eeff1f}.install-icon{object-fit:cover;border-radius:36px;width:170px;height:170px;margin:0 auto 25px;display:block;box-shadow:0 0 35px #0ef3}.install-card h1{color:#fff;margin:0;font-size:30px;font-weight:800}.install-card h2{color:#00eaff;text-transform:uppercase;letter-spacing:1px;margin:6px 0 13px;font-size:21px}.install-card p{color:#cbd5ed;margin:0 0 28px;font-size:15px;line-height:1.5}.install-button{cursor:pointer;color:#fff;letter-spacing:.6px;background:linear-gradient(90deg,#00bfe8,#6d3df5);border:none;border-radius:14px;width:100%;padding:16px 20px;font-size:17px;font-weight:800;box-shadow:0 12px 30px #00d9ff2e}.continue-button{color:#c6d0e9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;width:100%;margin-top:12px;padding:13px 20px;font-size:14px}.install-card small{color:#8290b5;margin-top:18px;font-size:12px;line-height:1.5;display:block}@media (width<=1000px){.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.header{flex-direction:column;align-items:stretch}.clock-box{width:100%}}@media (width<=680px){.digital-wall{padding:12px}.dashboard{grid-template-columns:1fr}.college{align-items:flex-start}.logo{flex-shrink:0;width:58px;height:58px;font-size:30px}.college h2{font-size:16px}.college h1{font-size:21px}.college p{font-size:11px}.clock-box strong{font-size:24px}.card{min-height:auto;padding:18px}.scroll-container{height:170px}.quote{padding:20px}.install-card{padding:32px 20px}.install-icon{width:145px;height:145px}.install-card h1{font-size:25px}.install-card h2{font-size:19px}}*{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}}