body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#000;height:100vh;overflow:hidden}.login-container{height:100vh;width:100vw;display:flex;justify-content:flex-end;align-items:center;background:url(/assets/background_login.png) no-repeat left center;background-size:contain}.login-right{width:50%;max-width:700px;height:400px;display:flex;flex-direction:column;justify-content:center;padding:40px;border-radius:40px;box-shadow:0 25px 60px #0006;background:linear-gradient(135deg,#fff,#f3f3f3);margin-right:60px;animation:slideIn .7s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}h2{text-align:center;margin-bottom:25px;font-size:3rem;color:#222}form{display:flex;flex-direction:column;gap:15px}form input{padding:14px;font-size:16px;border-radius:10px;border:1px solid #ccc;box-shadow:inset 0 1px 3px #0000001a;transition:.3s ease}form input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff4d}.error{color:#d8000c;background-color:#ffd2d2;padding:10px 14px;margin:12px 0;border-left:4px solid #d8000c;border-radius:6px;font-size:13px;font-weight:500}body,html{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden}.register-background-wrapper{height:100vh;background:url(/assets/background3.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center}.register-card{width:70%;max-width:1000px;height:550px;display:flex;border-radius:40px;box-shadow:0 20px 40px #00000040;overflow:hidden;background:#fff}.register-left-panel{position:relative;flex:1;background:url(/assets/background3.jpg) no-repeat center center;background-size:cover;background-color:#000;overflow:hidden}.register-left-panel:before{content:"";position:absolute;inset:0;background:#0a040480;z-index:1}.register-right-panel{flex:1;padding:15px;display:flex;align-items:center;justify-content:center}.register-form-card{width:100%;max-width:350px}.register-input{width:100%;padding:12px;margin-bottom:16px;border:1px solid #ccc;border-radius:6px;font-size:14px}form .error-message{color:#d8000c;background-color:#ffd2d2;padding:10px 14px;margin:12px 0;border-left:4px solid #d8000c;border-radius:6px;font-size:13px;font-weight:500}.register-title{font-size:30px;font-weight:600;font-family:Poppins,sans-serif;margin-bottom:30px;color:#120909}form button:hover{background-color:#008a8a}form button{width:100%;padding:12px;background:linear-gradient(to right,#00c6ff,#0072ff);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #0072ff4d}form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0072ff80}.already-message{color:#000}:root{--bg-outer-1: #111629;--bg-outer-2: #090d18;--glass: rgba(30, 35, 60, .6);--haze-a: #4c7dff;--haze-b: #9d46ff;--text-main: #eaf2ff;--text-fade: #8a94b7;--scroll: #5d648c;--badge-bg: #3e3550;--badge-txt: #ffd85b}html,body{margin:0;height:100%;font-family:Segoe UI,sans-serif;overflow-y:auto;scrollbar-width:none}body{color:var(--text-main);background:radial-gradient(1100px circle at 25% 18%,#1c2648 0%,transparent 55%),radial-gradient(900px circle at 75% 82%,#431c67 0%,transparent 60%),linear-gradient(180deg,var(--bg-outer-1),var(--bg-outer-2));height:auto}.dashboard-container{max-width:1280px;margin:0 auto;padding:3.2rem clamp(1rem,4vw,2.6rem)}.dashboard-hero{text-align:center;margin-bottom:3.6rem}.dashboard-hero h1{margin:0;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero-highlight{background:linear-gradient(60deg,#a2b2bd,#611ff0 45%,#ff59d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cards-grid{display:grid;column-gap:20px;row-gap:60px;grid-auto-flow:dense;grid-template-columns:repeat(auto-fill,minmax(900px,9fr))}.wide{grid-column:span 2}.tall{grid-row:span 2}@media (min-width: 1040px){.cards-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:240px}}.card{position:relative;height:100%;padding:1.45rem 1.6rem;border-radius:20px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:0 8px 24px #00000075;outline:1px solid rgba(255,255,255,.04);transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000008c}.card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(circle at 28% 22%,var(--haze-a) 0%,transparent 55%),radial-gradient(circle at 82% 78%,var(--haze-b) 0%,transparent 60%);filter:blur(34px);opacity:.28;z-index:-1}.chart-card:before{opacity:.4}.card h3{margin:0 0 1rem;font-size:1.15rem;font-weight:600;margin-left:10px}.contest-scroll{max-height:540px;overflow-y:auto;scrollbar-width:none;scrollbar-color:var(--scroll) transparent}.contest-scroll::-webkit-scrollbar{width:6px}.contest-scroll::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:4px}.card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:8px;background:linear-gradient(135deg,#4c7dff,#120434,#ff59d3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .25s}.card:hover:after{opacity:.55}.heatmap{display:grid;grid-template-columns:repeat(7,18px);column-gap:4px;row-gap:1px;width:max-content;margin-inline:auto}.heat-cell{width:18px;height:18px;border-radius:3px}.card ul,.card ol{list-style:none;margin:0;padding:0;line-height:1.55;font-size:.9rem}.scrollable{max-height:180px;overflow-y:scroll;scrollbar-width:none}.recs-card li,.subs-card li,.lb-card li{display:flex;align-items:center;padding:6px 4px;gap:.55rem;border-radius:6px;transition:background .15s}.recs-card li:hover,.subs-card li:hover,.lb-card li:hover{background:#ffffff0d}.recs-card li+li,.subs-card li+li,.lb-card li+li{border-top:1px solid rgba(255,255,255,.05)}.sub-title,.lb-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-time{color:var(--text-fade);font-size:.75rem}.status-dot{font-size:.8rem;line-height:0}.status-dot.accepted{color:#21e29a;text-shadow:0 0 4px #21e29a99}.status-dot.wrong-answer{color:#ff5d78;text-shadow:0 0 4px #ff5d7899}.badge{margin-left:.55rem;margin-bottom:5px;padding:.22rem .68rem;border-radius:999px;font-size:.64rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.badge.easy{background:#5cb85c;color:#fff}.badge.medium{background:#f0ad4e;color:#fff}.badge.difficult{background:#d9534f;color:#fff}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:.8rem;font-weight:700;border-radius:50%;color:#111}.rank-1 .rank-badge{background:linear-gradient(145deg,#ffda5a,#ffc400)}.rank-2 .rank-badge{background:linear-gradient(145deg,#e2e3e9,#c6c7d1)}.rank-3 .rank-badge{background:linear-gradient(145deg,#f0b56f,#d88a37)}.lb-score{color:var(--text-fade);font-size:.84rem;font-weight:600}.lb-card li:not(.rank-1):not(.rank-2):not(.rank-3) .rank-badge{background:#37406b;color:#fff}.skill-card .streak{margin-bottom:.9rem;font-size:.96rem;color:#a9b4cf}.btn-primary{margin-top:.95rem;padding:.6rem 1.4rem;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;background:linear-gradient(130deg,#3ca9ff,#635bff);box-shadow:0 4px 14px #629cff59;transition:.18s transform,.18s box-shadow;color:#f4efe5;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #629cff80}.contest-card{display:flex;flex-direction:column;align-items:center;height:540px;overflow-y:scroll;scrollbar-width:none;position:relative}.contest-card h3{align-self:flex-start}.contest-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#4c7dff,#8e5cff 55%,#ff5bd2);filter:blur(32px);opacity:.3}.contest-title{font-size:1.05rem;font-weight:600;margin:.2rem 0 1.2rem;color:#dfe5ff;text-align:center;line-height:1.3;letter-spacing:.01em}.btn-ghost{margin-top:.95rem;padding:.6rem 1.4rem;margin-left:7px;text-decoration:none;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;background:linear-gradient(130deg,#3ca9ff,#635bff);box-shadow:0 4px 14px #629cff59;transition:.18s transform,.18s box-shadow;color:#f4efe5}.btn-ghost:hover{transform:translateY(-2px);box-shadow:0 6px 20px #629cff80}.contest-box{margin-bottom:5px;padding:1.6rem 1.8rem 2rem;width:290px;text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:inset 0 0 6px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contest-box .contest-title{margin:0 0 1rem;font-size:1.05rem;font-weight:600;color:#dfe5ff}.contest-box .countdown{font-family:Segoe UI Mono,monospace;font-size:1.1rem;font-weight:600;background:#0000002e;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:.55rem .8rem;margin-bottom:1.4rem}.contest-box .join-btn{display:inline-block;width:100%;padding:.7rem 0;font-size:.95rem}.heatmap{display:grid;grid-template-columns:repeat(7,16px);height:118px;max-height:118px;column-gap:4px;row-gap:1px;justify-content:center;align-items:center}.heat-cell{width:100%;aspect-ratio:1 / 1;border-radius:3px;transition:opacity .2s;width:13px;height:15px}.heat-cell:hover{outline:1px solid rgba(255,255,255,.5)}.problem-list-container{--bg-start: #0c1120;--bg-end: #14102a;background:radial-gradient(circle at 30% 20%,#182042 0%,var(--bg-start) 35%),radial-gradient(circle at 70% 80%,#361654,#1a1234 45%),linear-gradient(180deg,var(--bg-end),var(--bg-start));color:#e9ecf4;font-family:Segoe UI,sans-serif;min-height:100vh;padding:40px 60px}.problem-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 30px;background:#161c2e8c;box-shadow:0 2px 4px #00000059,0 12px 28px #00000073,inset 0 0 0 1px #ffffff0d;border-radius:12px;box-shadow:0 8px 20px #0006;height:30px}.problem-list-header h2{color:#fff;font-size:28px;font-weight:700;letter-spacing:1px}.problem-search{background:#1e1e2f;border:none;color:#fff;padding:10px 15px;border-radius:12px;width:300px;font-size:16px;box-shadow:0 0 10px #0000004d;transition:all .3s ease}.problem-search::placeholder{color:#aaa}.problem-search:focus{outline:none;box-shadow:0 0 12px #64ffda99;background-color:#222}.problem-items{display:flex;flex-direction:column;gap:10px}.problem-item{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-radius:12px;text-decoration:none;color:#fff;background:#2637688c;box-shadow:0 2px 4px #00000059,0 12px 28px #00000073,inset 0 0 0 1px #ffffff0d;border:1px solid #2b2f3e;height:10px}.problem-item:hover{background:#2a2f45;transform:translateY(-2px);box-shadow:0 4px 14px #0006}.problem-index{font-weight:700;display:flex;align-items:center;gap:12px;min-width:100px}.check-icon{color:#00e676}.problem-title{flex-grow:1;text-align:left;font-size:17px;font-weight:500;padding-left:10px}.problem-difficulty{font-weight:700;padding:6px 14px;border-radius:20px;font-size:14px;text-transform:capitalize}.problem-difficulty.Easy{background-color:#00ff7f26;color:#00ff7f}.problem-difficulty.Medium{background-color:#ffd70026;color:#f0ad4e}.problem-difficulty.Hard{background-color:#ff634726;color:#ff4d4f}.history-container{--bg-start: #0c1120;--bg-end: #14102a;background:radial-gradient(circle at 30% 20%,#182042 0%,var(--bg-start) 35%),radial-gradient(circle at 70% 80%,#361654,#1a1234 45%),linear-gradient(180deg,var(--bg-end),var(--bg-start));color:#e9ecf4;font-family:Segoe UI,sans-serif;min-height:100vh;padding:40px;display:flex;flex-direction:column;align-items:center}.history-title{font-size:32px;margin-bottom:24px;color:#e9e7f2}.history-table-wrapper{width:100%;max-width:1000px;background-color:#1c1f2b;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0009}.history-table{width:100%;border-collapse:collapse}.history-table thead{background-color:#222530}.history-table th{padding:14px 20px;text-align:left;font-size:16px;font-weight:600;color:#d0d0d0}.history-table tbody tr{transition:background-color .2s}.history-table tbody tr:nth-child(2n){background-color:#1f2231}.history-table tbody tr:nth-child(odd){background-color:#242639}.history-table tbody tr:hover{background-color:#2d2f44}.history-table td{padding:14px 20px;font-size:15px;color:#bbb;border-bottom:1px solid #333645}.history-table tbody tr.accepted td:first-child{border-left:4px solid #00e676;padding-left:16px}.history-table tbody tr.failed td:first-child{border-left:4px solid #ff4d4f;padding-left:16px}.prob-title a{color:#8ecaff;text-decoration:none;font-weight:500}.prob-title a:hover{text-decoration:underline}.loading,.no-data{font-size:18px;color:#888;text-align:center;margin-top:60px}.leaderboard-container{--bg-start: #0c1120;--bg-end: #14102a;background:radial-gradient(circle at 30% 20%,#182042 0%,var(--bg-start) 35%),radial-gradient(circle at 70% 80%,#361654,#1a1234 45%),linear-gradient(180deg,var(--bg-end),var(--bg-start));color:#e9ecf4;font-family:Segoe UI,sans-serif;min-height:100vh;padding:40px;display:flex;flex-direction:column;align-items:center;margin-top:-30px}.leaderboard-title{font-size:32px;margin-bottom:24px;color:#efdfdf}.leaderboard-card{width:100%;max-width:900px;background-color:#1c1f2b;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0009}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead{background-color:#222530}.leaderboard-table th{padding:14px 20px;text-align:left;font-size:16px;font-weight:600;color:#d0d0d0}.leaderboard-table tbody tr{transition:background-color .2s}.leaderboard-table tbody tr:nth-child(2n){background-color:#1f2231}.leaderboard-table tbody tr:nth-child(odd){background-color:#242639}.leaderboard-table tbody tr:hover{background-color:#2d2f44}.leaderboard-table td{padding:14px 20px;font-size:15px;color:#bbb;border-bottom:1px solid #333645}.leaderboard-table tbody tr.first-place{background:linear-gradient(90deg,#00e6761a,#00c8641a)}.leaderboard-table tbody tr.first-place td{color:#00e676;font-weight:600}.leaderboard-table td:first-child{font-weight:700;width:60px}.leaderboard-table td:nth-child(2){color:#8ecaff}.leaderboard-table td:nth-child(5){color:#ffa07a}.footer{background-color:#0b1532;color:#fff;display:flex;justify-content:center;align-items:center;height:40px;font-size:1rem;text-align:center;margin-left:-1rem;margin-right:-1rem;margin-top:200px}.home-wrapper{height:100%;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#27354b;display:flex;flex-direction:column;min-height:100vh;background:#f5f8ff;background:radial-gradient(circle at 20% 20%,#eef4ff,#f8fbff 70%);padding:0 1rem}.home-main{flex:1;text-align:center;overflow-y:auto}.cards-container{display:grid;gap:1.8rem;width:100%;max-width:1050px;margin:0 auto}@media (min-width:600px){.cards-container{grid-template-columns:1fr 1fr}}@media (min-width:960px){.cards-container{grid-template-columns:1fr 1fr 1fr}}.info-card{position:relative;padding:2.2rem 2rem;border-radius:20px;background:#fff;box-shadow:0 12px 24px #25396d14;transition:transform .25s,box-shadow .25s;overflow:hidden}.info-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#4e7bff,#8c58ff 55%,#ff46c4);filter:blur(38px);opacity:.18;transition:opacity .25s}.info-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #25396d24}.info-card:hover:before{opacity:.28}.info-card h2{margin:0 0 .65rem;font-size:1.35rem;color:#253251}.info-card p{margin:0;font-size:1.02rem;line-height:1.55;color:#506180}.home-main::-webkit-scrollbar{width:8px}.home-main::-webkit-scrollbar-thumb{background:#d6def4;border-radius:4px}.hero{position:relative;padding:5.5rem 1rem;text-align:center;overflow:hidden;background:#f5f8ff}.hero h1{margin:0 0 1.1rem;font-size:clamp(2.4rem,7vw,3.8rem);font-weight:700;color:#27334f;letter-spacing:-.02em}.hero .brand{background:linear-gradient(90deg,#4e7bff,#8c58ff 55%,#ff46c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tagline{max-width:760px;margin:0 auto 1.9rem;font-size:1.25rem;line-height:1.55;color:#45526e}.intro{max-width:820px;margin:0 auto 2.8rem;font-size:1.07rem;line-height:1.6;color:#506180}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.b1{width:320px;height:320px;top:-100px;left:-160px;background:#4e7bff}.b2{width:220px;height:220px;bottom:-70px;right:-120px;background:#ff46c4}.wave{position:absolute;bottom:0;left:0;width:100%;height:140px;fill:#f5f8ff}.navbar{width:100%;height:60px;background-color:#081739;display:flex;align-items:center;justify-content:space-between;padding:0 40px;box-shadow:0 2px 10px #0003;position:sticky;top:0;z-index:1000}.logo{display:flex;align-items:center;margin-left:-40px}.navbar-logo{width:120px;height:auto;object-fit:contain;cursor:pointer}.nav-links{display:flex;gap:7rem;list-style:none;padding:0;margin:0;align-items:center;justify-content:center}.nav-link{position:relative;color:#fff;text-decoration:none;font-size:1.4rem;font-weight:500;padding:12px 20px;border-radius:8px;transition:all .3s ease-in-out}.nav-link:hover{color:#00bfff;background-color:#00bfff1a;transform:scale(1.04);box-shadow:0 0 10px #00bfff4d}.nav-link:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0%;height:2px;background-color:#00bfff;transition:width .3s ease}.nav-link:hover:after{width:60%}.auth-links{gap:0rem;padding:60px;margin:0}.auth-link{color:#fff;text-decoration:none;font-size:1.4rem;font-weight:500;padding:12px 20px;border-radius:8px;transition:all .3s ease-in-out}.auth-link:hover{color:#00bfff;background-color:#00bfff1a;transform:scale(1.04);box-shadow:0 0 10px #00bfff4d}.navbar-profile{display:flex;align-items:center;position:relative}.navbar-avatar{width:40px;height:40px;margin-right:50px;border-radius:50%;object-fit:cover;border:2px solid #00bfff;cursor:pointer}.avatar-dropdown{position:absolute;top:50px;right:0;background-color:#222;border-radius:8px;box-shadow:0 0 10px #0003;z-index:1000;display:flex;flex-direction:column;padding:8px 0}.avatar-dropdown button{padding:10px 20px;margin-right:90px;background:none;border:none;color:#fff;text-align:left;font-size:14px;transition:background .3s ease;cursor:pointer;width:100%}.avatar-dropdown button:hover{background-color:#333}.admin-dashboard{display:flex;height:100vh;--bg-outer-1: #111629;--bg-outer-2: #090d18;--glass: rgba(30, 35, 60, .6);--haze-a: #4c7dff;--haze-b: #9d46ff;--text-main: #eaf2ff;--text-fade: #8a94b7;--scroll: #5d648c;--badge-bg: #3e3550;--badge-txt: #ffd85b;font-family:Segoe UI,sans-serif}.sidebar{width:220px;background-color:#0e1a2b;padding:1rem;display:flex;flex-direction:column;gap:1rem}.admin-logo{display:flex;align-items:center;margin-bottom:0rem}.admin-logo img{width:90px}.sidebar button{background:#121f30;color:#cdd9ed;padding:12px 15px;border:none;border-radius:8px;font-size:15px;text-align:left;cursor:pointer;transition:.2s ease}.sidebar button:hover{background:#1a2c47;color:#00bfff}.dashboard-content{flex-grow:1;padding:2rem;text-align:center}.admin-header{display:flex;justify-content:center;align-items:center;gap:1rem}.admin-header h1{font-size:2.5rem;font-weight:600}.admin-avatar{width:60px;height:60px;border-radius:50%;border:3px solid #00bfff}.action-buttons{margin-top:3rem;display:flex;justify-content:center;gap:2rem}.action-buttons button{background-color:#000;border:2px solid #00bfff;color:#00bfff;padding:1rem 2rem;font-size:1.2rem;border-radius:10px;cursor:pointer;transition:.2s ease}.action-buttons button:hover{background-color:#001f33}.add-problem-container{max-width:860px;margin:3.5rem auto;padding:2.6rem 3rem;border-radius:24px;background:#22284699;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;box-shadow:0 12px 32px #0000008c}.add-problem-container:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(135deg,#4c7dff,#8e5cff 55%,#ff5bd2);filter:blur(38px);opacity:.23}.add-problem-container h2{margin:0 0 1.8rem;font-weight:700;font-size:1.65rem;text-align:center;background:linear-gradient(90deg,#4c7dff,#8e5cff 55%,#ff5bd2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.add-problem-container .message{text-align:center;margin-bottom:1.6rem;font-weight:600;color:#ff7373;font-size:1rem}.add-problem-container input,.add-problem-container textarea,.add-problem-container select{width:100%;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#20263f;color:#eaf0ff;font-size:.94rem;transition:border-color .18s,box-shadow .18s,background .18s}.add-problem-container textarea{min-height:110px;resize:vertical}.add-problem-container input::placeholder,.add-problem-container textarea::placeholder{color:#5f688b}.add-problem-container input:focus,.add-problem-container textarea:focus,.add-problem-container select:focus{outline:none;border-color:#4c7dff;box-shadow:0 0 0 2px #4c7dff59;background:#1a2137}.add-problem-container button{display:inline-block;padding:.8rem 1.9rem;font-size:1.02rem;font-weight:600;border:none;border-radius:14px;color:#fff;cursor:pointer;background:linear-gradient(130deg,#3ca9ff,#665aff);box-shadow:0 6px 20px #629cff66;transition:transform .18s,box-shadow .18s}.add-problem-container button:hover{transform:translateY(-3px);box-shadow:0 10px 28px #629cff8c}.add-problem-container button:active{transform:none;box-shadow:0 6px 20px #629cff66}.form-scroll-area{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding-right:8px}.form-scroll-area *{max-width:100%;box-sizing:border-box}.testcase-form{max-width:800px;margin:50px auto;padding:35px 40px;background:linear-gradient(145deg,#1c1e2f,#252741);border-radius:16px;box-shadow:0 8px 20px #007bff40;color:#000205;font-family:Segoe UI,sans-serif}.testcase-form h2{font-size:30px;margin-bottom:25px;color:#61dafb;text-align:center;border-bottom:1px solid #444;padding-bottom:10px}.testcase-form h3{font-size:20px;margin:30px 0 10px;color:#00bfff}.tc-block{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px}.tc-block input{flex:1;padding:12px 16px;border-radius:10px;border:1px solid #444;font-size:15px;background-color:#2c2f48;color:#fff;transition:border .3s ease}.tc-block input:focus{border-color:#61dafb;outline:none}.tc-block button{background-color:#ff4d4f;border:none;padding:12px 16px;color:#fff;border-radius:10px;cursor:pointer;transition:background-color .25s ease}.tc-block button:hover{background-color:#cc3b3f}.testcase-form button[type=button]{background-color:#007bff;color:#fff;padding:10px 18px;border:none;border-radius:10px;margin-top:5px;cursor:pointer;font-size:15px;transition:background-color .3s ease}.testcase-form button[type=button]:hover{background-color:#0062cc}.testcase-form button[type=submit]{margin-top:30px;background-color:#28a745;font-size:16px;padding:14px 28px;color:#fff;border:none;border-radius:12px;cursor:pointer;width:100%;transition:background-color .3s ease}.testcase-form button[type=submit]:hover{background-color:#257136}.msg{background-color:#232a3b;padding:12px 18px;border-left:5px solid #61dafb;margin-bottom:20px;font-weight:500;border-radius:8px;color:#cbd5e0}.page-bg{height:100vh;overflow-y:auto;padding:20px;background:linear-gradient(to bottom right,#0e1525,#1e2c4d);scrollbar-width:thin;scrollbar-color:#61dafb transparent}.page-bg::-webkit-scrollbar{width:8px}.page-bg::-webkit-scrollbar-thumb{background-color:#0003;border-radius:10px}.problem-detail-container{--bg-start: #0c1120;--bg-end: #14102a;background:radial-gradient(circle at 30% 20%,#182042 0%,var(--bg-start) 35%),radial-gradient(circle at 70% 80%,#361654,#1a1234 45%),linear-gradient(180deg,var(--bg-end),var(--bg-start));color:#e9ecf4;min-height:100vh;padding:20px;display:flex;gap:10px;font-family:Segoe UI,sans-serif}.left-panel{flex:1.3;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;gap:7px}.right-panel{flex:1;display:flex;flex-direction:column;background-color:#1c1f2b;border-radius:12px;padding:30px;box-shadow:0 4px 12px #0006;max-height:calc(100vh - 80px);overflow:hidden}.problem-header{display:flex;flex-wrap:wrap;align-items:center;gap:15px}.problem-header h2{font-size:26px;font-weight:700;color:#f5f5f5;margin:0}.difficulty{padding:6px 22px;border-radius:16px;font-size:18px;font-weight:700;text-transform:capitalize}.difficulty.easy{background:#00ff7f26;color:#7bcda4}.difficulty.medium{background:#ffd70026;color:#e4ac5e}.difficulty.difficult{background:#ff634726;color:#ff4d4f}.section{background-color:#262931;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000004d;margin-bottom:20px;margin-right:10px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.example-block{background-color:#313547;padding:22px;border-radius:8px;margin-bottom:12px;border-left:4px solid #ff7b7b}.simplify-btn{background:linear-gradient(135deg,#3ca2ff,#6e56ff);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-left:px;padding:6px 16px;border:none;border-radius:18px}.simplify-btn:hover{box-shadow:0 0 8px #63a5ff99;transform:translateY(-1px)}.simplify-btn:disabled{opacity:.55;cursor:default}.heading{display:flex;align-items:center;gap:10px}.section-problem-description h4{font-weight:700;color:#e3ebf3;font-size:20px}.section-problem-description{display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding-bottom:15px}.section-problem-description h4,.section-problem-description button,.section-problem-description p{margin:0}.simplified-box{background:#22252d;border:1px solid #3c4361;border-left:4px solid #00d4ff;color:#e0e6f0;line-height:1.6;margin:25px 25px 25px 10px;border-radius:10px;padding:auto}.hint-box{max-height:260px;overflow-y:auto;scrollbar-width:none;white-space:pre-wrap;word-wrap:break-word}.code-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:8px}.code-toolbar select,.code-toolbar button{background:#333;border:none;color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer}.code-toolbar button:hover{background:#444}.code-toolbar button:nth-child(4){background:linear-gradient(135deg,#27d18c,#07c66f);font-weight:700;padding:10px}.monaco-container{height:400px;border-radius:8px;overflow:hidden}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card{background:#22252d;border:1px solid #3c4361;border-radius:12px;width:min(600px,90%);max-height:75vh;overflow-y:auto;padding:24px 28px;box-shadow:0 8px 24px #0009;color:#e0e6f0;line-height:1.6;word-wrap:break-word}.modal-card h3{margin:0 0 12px;color:#ffab6d}.modal-body ul{margin-left:1.2rem}.modal-body li::marker{color:#00d4ff}.close-btn{margin-top:18px;background:linear-gradient(135deg,#3ca2ff,#6e56ff);color:#fff;border:none;border-radius:18px;padding:6px 20px;cursor:pointer;font-weight:600}.close-btn:hover{box-shadow:0 0 6px #63a5ff99}.code-area{flex:1;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.code-editor{height:700px;overflow-y:auto;background-color:#1e1e2f;border-radius:8px;padding:12px;color:#f5f5f5;font-family:Fira Code,monospace;font-size:14px;resize:vertical}.output-box{max-height:300px;overflow-y:auto;background-color:#2a2d3b;border-radius:8px;padding:12px 16px;color:#d0f0ff;font-family:Courier New,monospace;font-size:14px;white-space:pre-wrap;box-shadow:0 0 6px #0000004d}.output-box h4{color:#8ecaff;margin-bottom:8px}.passed{border-left:4px solid #00ff7f;padding-left:8px;margin-bottom:12px}.failed{border-left:4px solid #ff4d4f;padding-left:8px;margin-bottom:12px}.passed p,.failed p{margin:4px 0}hr{border:none;border-top:1px solid #444;margin:8px 0}.input-editor{background-color:#1e1e2f;border-radius:8px;color:#f5f5f5;font-family:Fira Code,monospace;font-size:14px;padding:12px;border:none;outline:none;resize:none;margin-bottom:16px;height:100px}.loading,.problem-error{font-size:18px;color:#ccc;text-align:center;margin-top:40px}.problem-constraints{background:#2f3346;border-left:4px solid #00d4ff;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:22px 24px;box-shadow:0 4px 14px #00000059;transition:transform .18s,box-shadow .18s}.problem-constraints:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000073}.problem-constraints h4{margin:0 0 8px;font-size:17px;font-weight:600;color:#e3ebf3}.problem-constraints p{margin:0 0 14px;line-height:1.6;color:#dfe6f1}.submission-detail{--bg-start: #0c1120;--bg-end: #14102a;background:radial-gradient(circle at 30% 20%,#182042 0%,var(--bg-start) 35%),radial-gradient(circle at 70% 80%,#361654,#1a1234 45%),linear-gradient(180deg,var(--bg-end),var(--bg-start));color:#e9ecf4;padding:40px;font-family:Segoe UI,sans-serif;height:100vh}.back-button{display:inline-block;margin-bottom:20px;color:#8ecaff;text-decoration:none}.back-button:hover{text-decoration:underline}.submission-detail h2{color:#e9e7f2;margin-bottom:20px;margin-top:-20px}.meta p{margin:6px 0;font-size:17px}.code-block{background:#1c1f2b;border-radius:8px;padding:20px;margin-top:30px;box-shadow:0 4px 12px #00000080;overflow-y:auto;max-height:270px;border-left:4px solid #00ff88}.code-block pre{overflow-x:auto;white-space:pre-wrap;font-family:Fira Code,monospace;font-size:14px;line-height:1.4}.admin-form{max-width:820px;margin:4rem auto 2.5rem;padding:2.5rem 3rem 3rem;border-radius:26px;background:#1f243e8c;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:relative;box-shadow:0 14px 38px #0000008c}.admin-form:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#4c7dff,#925bff 55%,#ff5ace);filter:blur(36px);opacity:.22}.admin-form h2{margin:0 0 2rem;font-size:2.55rem;font-weight:700;text-align:center;background:linear-gradient(90deg,#4c7dff,#925bff 55%,#ff5ace);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.admin-form input,.admin-form textarea,.admin-form select{width:100%;padding:.75rem .9rem;margin:.5rem 0 1.3rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#242b46;color:#eaf0ff;font-size:.93rem;transition:border-color .18s,box-shadow .18s,background .18s}.admin-form textarea{min-height:96px;resize:vertical}.admin-form input::placeholder,.admin-form textarea::placeholder{color:#5f688b}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:none;border-color:#4c7dff;box-shadow:0 0 0 2px #4c7dff59;background:#1f253d}.prob-row{display:grid;grid-template-columns:1fr 140px 2fr 46px;gap:1.9rem;align-items:start;border:1px solid rgba(255,255,255,.07);background:#ffffff08;padding:1.2rem 1.3rem;border-radius:16px;margin-bottom:1.4rem}.prob-card{border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:1.9rem 2.9rem 1.1rem;margin-bottom:1.6rem;background:#ffffff08;display:grid;grid-template-areas:"title diff diff" "desc  desc desc" "inFmt outFmt trash";grid-template-columns:1fr 160px 40px;gap:1rem 2.3rem}.prob-title{grid-area:title}.prob-diff{grid-area:diff;min-width:130px}.prob-desc{grid-area:desc;min-height:100px;resize:vertical}.prob-in{grid-area:inFmt}.prob-out{grid-area:outFmt}.prob-trash{grid-area:trash}.prob-card input,.prob-card textarea,.prob-card select{background:#20263f;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.7rem .8rem;color:#eaf0ff;font-size:.9rem}.prob-card textarea{font-size:.88rem}.prob-trash{background:none;border:none;color:#ff5d78;font-size:1.3rem;cursor:pointer;align-self:center;transition:transform .15s}.prob-trash:hover{transform:scale(1.2)}.add-prob-btn{display:inline-block;background:none;border:none;color:#4c7dff;font-weight:600;margin:.4rem 0 1.4rem;cursor:pointer}.add-prob-btn:hover{text-decoration:underline}.admin-form .btn-primary{display:block;margin:1.8rem auto 0;padding:.8rem 2.2rem;font-size:1.02rem;font-weight:600;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(130deg,#3ca9ff,#665aff);box-shadow:0 6px 20px #629cff66;transition:transform .18s,box-shadow .18s}.admin-form .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #629cff8c}.admin-form .btn-primary:active{transform:none;box-shadow:0 6px 20px #629cff66}.case-panel{background:#ffffff0a;border-radius:14px;padding:1.1rem 1.2rem;margin-top:.8rem}.case-row{display:grid;grid-template-columns:1fr 1fr 90px 32px;gap:1.8rem;margin-bottom:.9rem;align-items:start}.sample-check{display:flex;align-items:center;font-size:.82rem;color:#c8d0f2}.case-row textarea{background:#20263f;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:.55rem .6rem;min-height:66px;color:#eaf0ff;font-size:.85rem;resize:vertical}.case-row button{background:none;border:none;color:#ff5d78;font-size:1.2rem;cursor:pointer}.case-row button:hover{transform:scale(1.15)}.manage-container{max-width:900px;margin:3.5rem auto;padding:2.4rem 3rem;background:#22284699;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 12px 32px #0000008c;position:relative;color:#eaf0ff;font-family:Segoe UI,sans-serif}.manage-container:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#4c7dff,#8e5cff 55%,#ff5bd2);filter:blur(36px);opacity:.23}.manage-container h2{margin:0 0 1.6rem;font-weight:700;font-size:1.55rem;text-align:center;background:linear-gradient(90deg,#4c7dff,#8e5cff 55%,#ff5bd2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}table{width:100%;border-collapse:collapse;font-size:.92rem}thead tr{background:#ffffff0d}th,td{padding:.85rem 1rem;text-align:left}tr:not(:last-child){border-bottom:1px solid rgba(255,255,255,.06)}.diff-chip{padding:.18rem .6rem;border-radius:10px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.diff-chip.easy{background:#00ff8a1f;color:#45ffb7}.diff-chip.medium{background:#ffdd5526;color:#ffd85b}.diff-chip.difficult{background:#ff4b4b26;color:#ff7474}.center-msg{text-align:center;margin:3rem 0;font-size:1rem}.contest-detail{max-width:900px;margin:2.5rem auto;padding:2.4rem 2.8rem;border-radius:22px;background:#181c2e99;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 32px #0000008c;position:relative;color:#e5e9ff}.contest-detail:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#4e7bff,#8c58ff 55%,#ff46c4);filter:blur(36px);opacity:.22}.contest-detail header{text-align:center;margin-bottom:2.6rem}.contest-detail h1{margin:0;font-size:2rem;font-weight:700}.contest-detail .subtitle{opacity:.8;font-size:1.05rem;margin:.7rem 0 0}.badge{display:inline-block;padding:.28rem .85rem;border-radius:12px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:1.2rem}.badge.upcoming{background:#ffc447;color:#2a1d00;margin-right:9px}.badge.live{background:#ff478d;color:#330013;margin-right:9px}.badge.ended{background:#6b7cff;color:#08083b;margin-right:9px}.count-pill{margin:1.2rem auto 0;display:inline-block;padding:.55rem 1rem;font-family:Segoe UI Mono,monospace;font-size:1.15rem;font-weight:600;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:14px}.problem-table{margin-top:1.6rem}.problem-table table{width:100%;border-collapse:collapse}.problem-table th,.problem-table td{padding:.75rem .55rem;text-align:left}.problem-table tbody tr:nth-child(odd){background:#ffffff08}.problem-table a{color:#4e9dff;text-decoration:none}.problem-table a:hover{text-decoration:underline}.leaderboard{max-width:900px;margin:4rem 9rem;padding:2.5rem;background:#d7d7df;border-radius:16px;box-shadow:0 12px 40px #0000000d;font-family:Segoe UI,sans-serif;position:relative}.leaderboard:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#6a11cb,#2575fc);border-top-left-radius:16px;border-top-right-radius:16px}.leaderboard h1{text-align:center;color:#2d3748;margin-bottom:1.5rem;font-size:2.6rem;font-weight:700}.leaderboard table{width:100%;border-collapse:separate;border-spacing:0 8px}.leaderboard th,.leaderboard td{padding:14px 0;text-align:center;position:relative}.leaderboard th{color:#718096;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;border-bottom:none}.leaderboard tbody tr{background:#fff;box-shadow:0 4px 10px #00000008;transition:transform .3s,background .3s}.leaderboard tbody tr:nth-child(2n){background:#f7fafc}.leaderboard tbody tr:hover{background:#ebf8ff;transform:translateY(-2px)}.leaderboard td{font-size:1rem;color:#2d3748}.leaderboard td.rank{font-weight:700;font-size:1.2rem}.leaderboard td.rank[data-rank="1"]{color:#d4af37}.leaderboard td.rank[data-rank="2"]{color:silver}.leaderboard td.rank[data-rank="3"]{color:#cd7f32}.leaderboard td.rank[data-rank="1"]:before,.leaderboard td.rank[data-rank="2"]:before,.leaderboard td.rank[data-rank="3"]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;border-radius:50%;opacity:.1;margin-left:90px}.leaderboard td.rank[data-rank="1"]:before{background:#d4af37}.leaderboard td.rank[data-rank="2"]:before{background:silver}.leaderboard td.rank[data-rank="3"]:before{background:#cd7f32}@media (max-width: 600px){.leaderboard{padding:1.5rem}.leaderboard h1{font-size:1.8rem}.leaderboard th,.leaderboard td{padding:10px 8px}}.badge-contest{width:40px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;padding-left:5px}.badge-content{margin-top:8px;font-size:24px;margin-left:100px}html,body,#root{height:100%;margin:0;padding:0;box-sizing:border-box}.admin-form-container{padding:2rem;background:#fdfdfd;max-width:700px;margin:auto;border-radius:10px;box-shadow:0 2px 12px #0000001a}.admin-form-container input,.admin-form-container textarea,.admin-form-container select{width:100%;margin-bottom:15px;padding:10px;border:1px solid #ccc;border-radius:6px}.admin-form-container button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;cursor:pointer;margin-right:10px;border-radius:6px}.admin-form-container button:hover{background-color:#0056b3}