@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";.App{color:#0f172a;background:linear-gradient(#f8fafc 0%,#eef2ff 100%);min-height:100vh}.App--dark{color:#e2e8f0;background:#0f172a}.layout-container,.layout-container-dark{width:100%;min-height:100vh;overflow-x:hidden}.content-footer{background:linear-gradient(#ffffffa3,#eef2ffc7);flex:1;min-width:0;padding:20px 24px 90px}.layout-container-dark .content-footer{color:#e2e8f0;background:linear-gradient(#0f172a 0%,#111827 100%)}.mobile-nav{display:none}@media (width<=600px){.App{background:linear-gradient(#f8fafc 0%,#eef2ff 100%)}.desktop-nav{display:none}.content-footer{padding:12px 12px 80px}.mobile-nav{z-index:40;width:100%;display:block;position:fixed;bottom:0;left:0}}html,body{height:100%;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*,:before,:after{box-sizing:border-box}.bar{--sidebar-open-width:240px;--sidebar-closed-width:64px;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--text-primary:#1e293b;--text-secondary:#64748b;--bg-sidebar:#fff;--bg-hover:#f8fafc;--border:#e2e8f0;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;width:var(--sidebar-open-width);flex:0 0 var(--sidebar-open-width);background:var(--bg-sidebar);border-right:1px solid var(--border);height:100vh;box-shadow:var(--shadow);z-index:200;flex-direction:column;transition:width .4s cubic-bezier(.4,0,.2,1),flex-basis .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bar:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-light), #a78bfa);z-index:10;height:3px;position:absolute;top:0;left:0;right:0}.bar.closed{width:var(--sidebar-closed-width);flex-basis:var(--sidebar-closed-width);border-right:1px solid var(--border);background:#f1f5f9}.toggle-btn{background:var(--bg-hover);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:1000;border:none;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;margin:12px;font-size:1.25rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.toggle-btn:hover{background:var(--accent-glow);color:var(--accent);transform:scale(1.05)}.bar.closed .toggle-btn{background:var(--bg-sidebar);transform:rotate(180deg);box-shadow:0 2px 8px #00000014}.toggle-btn .on{color:var(--accent)}.toggle-btn .off{color:var(--text-secondary)}.nav{flex-direction:column;flex:1;gap:.25rem;width:100%;min-height:0;margin:0;padding:.75rem;list-style:none;display:flex;overflow:hidden auto}.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-track{background:0 0}.nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.list{text-align:left;text-transform:none;opacity:0;border-radius:12px;width:100%;min-height:48px;margin:0;padding:0;text-decoration:none;transition:transform .2s,background-color .25s;animation:.4s cubic-bezier(.4,0,.2,1) forwards slideInLeft;display:block;position:relative;overflow:hidden}.list:first-child{animation-delay:50ms}.list:nth-child(2){animation-delay:.1s}.list:nth-child(3){animation-delay:.15s}.list:nth-child(4){animation-delay:.2s}.list:nth-child(5){animation-delay:.25s}.list:nth-child(6){animation-delay:.3s}.list:nth-child(7){animation-delay:.35s}.list:nth-child(8){animation-delay:.4s}.list:hover{transform:translate(2px)}.list:before{content:"";background:var(--accent);border-radius:0 4px 4px 0;width:3px;height:24px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)scaleY(0)}.list:has(.active-link):before{transform:translateY(-50%)scaleY(1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.normal-link,.active-link{border-radius:inherit;width:100%;text-decoration:none;transition:all .25s;display:block}.normal-link{color:var(--text-secondary);background-color:#0000}.normal-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.active-link{color:var(--accent);background:linear-gradient(135deg, var(--accent-glow) 0%, #6366f10d 100%);font-weight:600}.container{align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;display:flex}.icon-container{align-items:center;gap:14px;width:100%;min-width:0;display:flex}.icon,.icon-social{object-fit:contain;filter:grayscale(30%)opacity(.8);flex:none;width:24px;height:24px;margin:0;padding:0;transition:transform .3s,filter .3s}.list:hover .icon,.list:hover .icon-social,.active-link .icon,.active-link .icon-social{filter:grayscale(0%)opacity();transform:scale(1.1)}.icon-social{background:linear-gradient(135deg,#fce7f3 0%,#e0e7ff 100%);border-radius:50%;width:36px;height:36px;padding:4px;transition:all .3s}.icon-social:hover{background:linear-gradient(135deg,#fbcfe8 0%,#c7d2fe 100%);transform:scale(1.1)rotate(-5deg);box-shadow:0 4px 12px #6366f133}.txt,.Tutorial{white-space:nowrap;letter-spacing:.01em;min-width:0;margin:0;font-size:.95rem;font-weight:500;line-height:1.3;transition:opacity .3s,transform .3s;display:inline-block;overflow:visible}.bar.closed .txt,.bar.closed .Tutorial{opacity:0;pointer-events:none;width:0;max-width:0;overflow:hidden;transform:translate(-10px)}.content-sideber{z-index:0;flex:1;min-width:0;height:auto;padding:24px;transition:margin-left .4s cubic-bezier(.4,0,.2,1)}.layout-container,.layout-container-dark{z-index:0;min-height:100vh;display:flex;position:relative}.layout-container{background-color:#f8fafc}.layout-container-dark{color:#e2e8f0;background-color:#0f172a}.layout-container-dark .bar{--bg-hover:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--accent-glow:#6366f140;background:#1e293b;border-right-color:#334155}.layout-container-dark .bar.closed{background:#1e293b}.layout-container-dark .toggle-btn{color:#94a3b8;background:#334155}.layout-container-dark .active-link{background:linear-gradient(135deg,#6366f133 0%,#6366f10d 100%)}@media (width<=768px){.bar{z-index:999;flex-basis:auto;width:280px;max-width:85vw;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;position:fixed;top:0;left:0;transform:translate(0);box-shadow:0 25px 50px -12px #00000040}.bar.closed{width:280px;box-shadow:none;transform:translate(-110%)}.bar.open{width:280px;transform:translate(0)}.bar.open:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1;background:#0000004d;animation:.3s fadeIn;position:fixed;inset:0 0 0 280px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.content-sideber{z-index:0;padding:16px;position:static}.toggle-btn{background:var(--bg-sidebar);box-shadow:var(--shadow);border-radius:0 10px 10px 0;width:48px;height:48px;margin:0;position:absolute;top:8px;right:-56px}.bar.closed .toggle-btn{right:-56px;transform:rotate(0)}}@media screen and (width<=600px){.layout-container,.layout-container-dark{max-width:100%;overflow:hidden}.content-sideber{padding:12px}}.main{scrollbar-width:35px;scrollbar-color:red #00f;background-color:#aaa;border:3px double #333;border-radius:25px;width:70%;height:70%;display:block;position:fixed;top:20%;left:15%;overflow:scroll auto}.msg{color:#ff0;text-shadow:1px 1px red,2px 2px red,4px 4px red;padding-top:10%;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:28px}.close{cursor:pointer;color:#fff;text-shadow:0 1px #3d768a;background:#599bb3 linear-gradient(#599bb3 5%,#408c99 100%);border-radius:8px;padding:13px 32px;font-family:Arial;font-size:20px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 10px 14px -7px #276873}.close:hover{background:#408c99 linear-gradient(#408c99 5%,#599bb3 100%)}.close:active{position:relative;top:1px}a{text-align:center;color:#00f;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-size:20px}.login-container{color:#fff;text-align:center;background:linear-gradient(135deg,#6a11cb,#2575fc);flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Segoe UI,Roboto,sans-serif;display:flex}.login-title{margin-bottom:20px;font-size:2rem;font-weight:600;position:sticky;top:0}.login-illustration{width:50%;margin-bottom:10px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-30px)translate(20px)}}.login-btn{color:#2575fc;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:transform .2s,background .3s}.login-btn:hover{background:#f0f0f0;transform:scale(1.05)}.footer-note{color:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;max-width:calc(100% - 2rem);margin-top:3.5rem;padding:.65rem 1.15rem;font-size:.82rem;font-weight:600;display:flex;box-shadow:0 8px 24px #1a2d782e}.footer-note i{opacity:.72;background:#fff;border-radius:50%;flex:0 0 4px;width:4px;height:4px}@media screen and (width<=600px){.login-illustration,.login-container{width:100%}.footer-note{gap:.45rem;margin-top:2.5rem;padding:.6rem .85rem;font-size:.68rem}@keyframes float{0%,to{transform:translateY(42px)}50%{transform:translateY(-42px)}}}:root{--topper-height:min(35vh, 280px);--avatar-size:140px;--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb}*{box-sizing:border-box;margin:0;padding:0}.profile-top{width:100%;height:var(--topper-height);background-image:var(--bg-url);z-index:100;background-position:50%;background-size:cover;background-attachment:fixed;position:fixed;top:0;left:0;overflow:visible}.bg-gradient-overlay{z-index:1;background:linear-gradient(135deg,#667eead9 0%,#764ba2d9 50%,#0006 100%);width:100%;height:100%;animation:8s infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.floating-shapes{z-index:0;width:100%;height:100%;position:absolute;overflow:hidden}.shape{opacity:.1;border-radius:50%;position:absolute}.shape-1{background:#fff;width:300px;height:300px;animation:8s ease-in-out infinite float;top:-50px;left:10%}.shape-2{background:#f093fb;width:200px;height:200px;animation:10s ease-in-out infinite reverse float;bottom:-30px;right:15%}.shape-3{background:#667eea;width:150px;height:150px;animation:12s ease-in-out infinite float;top:50%;right:5%}.profile_img{bottom:calc(var(--avatar-size) / -2);width:var(--avatar-size);height:var(--avatar-size);box-shadow:0 15px 45px #0006, 0 0 0 3px var(--primary-color), 0 0 25px #f093fb80;z-index:50;object-fit:cover;border:5px solid #fff;border-radius:50%;animation:.6s cubic-bezier(.68,-.55,.265,1.55) profileImagePop;position:absolute;left:70%;transform:translate(-50%)}@keyframes profileImagePop{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}.profile_img:hover{box-shadow:0 20px 55px #00000080, 0 0 0 3px var(--secondary-color), 0 0 35px #f093fbcc;transform:translate(-50%)scale(1.05)}.profile-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40;background:#fffffff2;border:1px solid #fffc;border-radius:20px;width:min(90%,500px);padding:30px 25px;animation:.8s cubic-bezier(.34,1.56,.64,1) slideUp;position:absolute;bottom:-80px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000040,0 0 40px #667eea26}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(40px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.profile-name{color:#1a1a1a;background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.profile-bio{color:#555;margin-bottom:20px;font-size:15px;line-height:1.5}.profile-stats{justify-content:space-around;align-items:center;margin-bottom:20px;padding:15px 0;display:flex}.stat-item{flex-direction:column;align-items:center;gap:5px;display:flex}.stat-number{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.stat-divider{background:linear-gradient(#0000,#ddd,#0000);width:1px;height:30px}.action-buttons{justify-content:center;gap:10px;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.btn-follow{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;flex:1;max-width:150px}.btn-follow:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn-follow.following{color:#333;border:2px solid var(--primary-color);background:linear-gradient(135deg,#e0e0e0,#f5f5f5)}.btn-follow.following:hover{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;border-color:#0000}.btn-message{background:linear-gradient(135deg, var(--accent-color), #ff6b9d);color:#fff;flex:1;max-width:150px}.btn-message:hover{transform:translateY(-2px);box-shadow:0 10px 25px #f093fb66}.btn-more{color:#555;background:#f5f5f5;border:2px solid #e0e0e0;width:44px;height:44px;padding:0}.btn-more:hover{border-color:var(--primary-color);color:var(--primary-color);background:#fff;box-shadow:0 4px 15px #667eea33}.btn svg{width:18px;height:18px}.topper-space{height:calc(var(--topper-height) + 80px);width:100%}@media screen and (width<=900px){:root{--topper-height:min(40vh, 240px);--avatar-size:120px}.profile-info-card{width:min(92%,450px);padding:25px 20px;bottom:-70px}.profile-name{font-size:24px}.stat-number{font-size:20px}.btn{padding:10px 20px;font-size:13px}}@media screen and (width<=600px){:root{--topper-height:min(100vh, 200px);--avatar-size:100px}.profile_img{width:var(--avatar-size);height:var(--avatar-size);box-shadow:0 10px 30px #0000004d, 0 0 0 2px var(--primary-color), 0 0 15px #f093fb66;z-index:1;border-width:4px;top:18%;bottom:auto}.profile-info-card{z-index:0;border-radius:16px;width:95%;margin-bottom:0;padding:20px 18px;bottom:-120px}.profile-name{margin-bottom:6px;font-size:20px}.profile-bio{margin-bottom:15px;font-size:13px}.profile-stats{margin-bottom:15px;padding:12px 0}.stat-number{font-size:18px}.stat-label{font-size:11px}.action-buttons{flex-wrap:wrap;gap:8px}.btn{flex:1;min-width:100px;padding:9px 18px;font-size:12px}.btn-more{width:40px;height:40px}.btn svg{width:16px;height:16px}.shape{display:none}}@media screen and (width<=380px){:root{--avatar-size:85px}.profile_img{bottom:-40px}.profile-info-card{padding:16px 15px;bottom:-50px}.profile-name{font-size:18px}.profile-bio{font-size:12px}.action-buttons{gap:6px}.btn{padding:8px 14px;font-size:11px}}.logo{width:70px;height:50px;animation:6s linear infinite rotation;left:1%}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.all-data{word-wrap:break-word;display:inline}@media screen and (width<=600px){.all-data{display:inline-block}}.mode-toggle{cursor:pointer;background:0 0;border:none;font-size:24px;transition:transform .3s}.sun:before{content:"☀️"}.moon:before{content:"🌙"}.mode-toggle:hover{transform:scale(1.2)}.notice{background-color:#0ff;max-width:50px;max-height:50px;position:fixed;top:5px;right:3%}.profile-container{text-align:left;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border:1px solid #94a3b833;border-radius:28px;gap:18px;max-width:980px;margin:20px auto 40px;padding:28px 24px 36px;display:grid;overflow:hidden;box-shadow:0 18px 45px #0f172a14}.profile-container h1,.profile-container h3,.profile-container h4{color:#0f172a}.point{background:linear-gradient(135deg,#6366f10f,#ec48990f);border:1px solid #94a3b824;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.subject{color:#1e293b;font-family:Georgia,Times New Roman,Times,serif;font-size:1rem;font-weight:800;text-decoration:none}.object{color:#475569;font-family:Georgia,Times New Roman,Times,serif;font-size:1rem;font-weight:700}.calendar{background:linear-gradient(#fff,#f8fafc);border:1px solid #94a3b833;border-radius:18px;width:110px;font-family:sans-serif;overflow:hidden;box-shadow:0 12px 30px #0f172a14}.calendar-header{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444,#b91c1c);padding:10px 0;font-size:18px;font-weight:700}.calendar-date{text-align:center;color:#0f172a;padding-top:12px;font-size:42px;font-weight:800}.calendar-yr{text-align:center;color:#f8fafc;background:linear-gradient(135deg,#1f2937,#334155);padding:8px 0;font-size:18px;font-weight:700}.layout-container-dark .profile-container{color:#e2e8f0;background:#1e293beb;border-color:#94a3b847;box-shadow:0 18px 45px #00000047}.layout-container-dark .profile-container h1,.layout-container-dark .profile-container h3,.layout-container-dark .profile-container h4{color:#f8fafc}.layout-container-dark .point{background:linear-gradient(135deg,#818cf82e,#f472b61f);border-color:#94a3b83d}.layout-container-dark .subject{color:#f1f5f9}.layout-container-dark .object{color:#cbd5e1}.layout-container-dark .calendar{background:linear-gradient(#334155,#1e293b);border-color:#94a3b84d;box-shadow:0 12px 30px #00000040}.layout-container-dark .calendar-date{color:#f8fafc}.boldSpan{font-weight:bolder}.gap{height:5px}@media screen and (width<=600px){.profile-container{border-radius:20px;margin:20px 14px;padding:20px 14px 28px}.point{flex-direction:column;align-items:flex-start;padding:12px 14px}.subject,.object{font-size:.95rem}.calendar{width:92px}.gap{height:2px}}.setting-profile-top{background-image:var(--bg-url);isolation:isolate;background-position:50%;background-size:cover;border-radius:0 0 32px 32px;width:100%;height:min(38vh,300px);position:relative;overflow:visible;box-shadow:0 20px 60px #0003}.setting-profile-top:before{content:"";border-radius:inherit;z-index:1;pointer-events:none;background:linear-gradient(#0000000d 0%,#0000001a 40%,#00000080 100%);position:absolute;inset:0}.bg-gradient-shift{opacity:.25;border-radius:inherit;z-index:0;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(-45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe,#00f2fe) 0 0/400% 400%;animation:12s infinite gradientShift;position:absolute;inset:0}.profile-avatar-wrap{z-index:10;position:absolute;bottom:0;left:50%;transform:translate(-50%,45%)}.avatar-ring{background:conic-gradient(#6366f1,#818cf8,#c084fc,#f472b6,#6366f1);border-radius:50%;width:150px;height:150px;padding:4px;animation:6s linear infinite spin-ring;position:relative;box-shadow:0 10px 40px #6366f14d}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-ring:before{content:"";z-index:-1;background:#fff;border-radius:50%;position:absolute;inset:4px}.setting-profile_img{object-fit:cover;cursor:pointer;border:4px solid #fff;border-radius:50%;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:block;position:relative}.profile-avatar-wrap:hover .setting-profile_img{transform:scale(1.05)}.edit-btn{cursor:pointer;z-index:20;border:none;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.pencil-svg{color:#fff;pointer-events:none;width:18px;height:18px}.edit-btn--bg{-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;gap:8px;padding:10px 18px;top:20px;right:20px;box-shadow:0 4px 20px #00000026}.edit-btn--bg:hover{background:#6366f1e6;border-color:#6366f180;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 30px #6366f166}.edit-label{color:#fff;letter-spacing:.02em;text-shadow:0 1px 3px #0000004d;font-size:.85rem;font-weight:700}.edit-btn--profile{z-index:30;background:linear-gradient(135deg,#6366f1,#818cf8);border:3px solid #fff;border-radius:50%;width:38px;height:38px;position:absolute;bottom:8px;right:8px;box-shadow:0 4px 14px #6366f180}.profile-avatar-wrap:hover .edit-btn--profile,.edit-btn--profile:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);transform:scale(1.15)rotate(-10deg);box-shadow:0 6px 20px #6366f1b3}.edit-btn--profile:after{content:"";pointer-events:none;border:2px solid #6366f166;border-radius:50%;animation:2s infinite pulse-ring;position:absolute;inset:-4px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.profile-spacer{width:100%;height:100px}@media (width<=640px){.setting-profile-top{border-radius:0 0 24px 24px;height:min(32vh,220px)}.avatar-ring{width:120px;height:120px}.profile-avatar-wrap{transform:translate(-50%,40%)}.edit-btn--bg{padding:8px 14px;top:12px;right:12px}.edit-label{font-size:.75rem}.edit-btn--profile{border-width:2px;width:34px;height:34px;bottom:4px;right:4px}.pencil-svg{width:14px;height:14px}.profile-spacer{height:80px}}@media (width<=380px){.avatar-ring{width:100px;height:100px}.edit-btn--bg .edit-label{display:none}}#change-img-container{z-index:5;background:#fefefe;border:2px solid #ccc;border-radius:12px;width:320px;margin:100px auto;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000001a}.form-wrapper{margin-top:0%;margin-bottom:0%;margin-left:25%}@media screen and (width<=600px){#change-img-container{width:90%}.form-wrapper{margin-top:50%;margin-bottom:20%;margin-left:0%}}.form-wrapper-upper{color:#fff;cursor:pointer;background:#343a40;border-radius:8px;margin-top:0%;margin-bottom:0%;margin-left:25%;padding:12px 20px;font-weight:600;position:absolute;top:20%;left:0}.top-bar{color:#fff;background:#0d6efd;justify-content:space-between;align-items:center;padding:10px;font-weight:700;display:flex}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px}.form-wrapper{flex-direction:column;align-items:center;padding:16px;display:flex}.upload-label{color:#fff;cursor:pointer;background:#343a40;border-radius:8px;margin-bottom:12px;padding:12px 20px;font-weight:600}.preview-box{text-align:center;margin-top:10px}.preview-img{border-radius:6px;max-width:100%;height:auto;margin-bottom:10px;transition:transform .3s}.download-link{color:#0d6efd;margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.upload-btn{color:#fff;cursor:pointer;background:#198754;border:none;border-radius:8px;padding:10px 20px;font-weight:700}.upload-btn:hover{background:#157347}.button-group{margin-top:30%}.top-bar-bg{color:#fff;background:#046645;justify-content:space-between;align-items:center;padding:10px;font-weight:700;display:flex}.nickname-container{margin-top:10%}.input-wrapper{width:42%;min-width:200px;display:flex;position:relative}.clear-btn{cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.DARK-input{text-align:center;caret-color:#bf7950;color:#fff;background:0 0;border:none;border-radius:15px;width:70%;min-width:100%;padding-right:2.5rem;font-size:20px;font-weight:900;transition:width .5s ease-in-out}.DARK-input:hover{border-bottom:3px solid #bf7950}.LIGHT-input{text-align:center;caret-color:#fff;color:#333;background:0 0;border:none;border-radius:15px;width:100%;min-width:100%;padding-right:2.5rem;font-size:20px;font-weight:900;transition:width .5s ease-in-out}.LIGHT-input:hover{border-bottom:3px solid #afa}.layout-container-dark .nickname-container label,.layout-container-dark .nickname-container .data{color:#cbd5e1}.layout-container-dark .nickname-container .LIGHT-input,.layout-container-dark .nickname-container .DARK-input{color:#f8fafc;caret-color:#f8fafc}.btn{color:#ddeade;cursor:pointer;background:#bf7950;border:none;border-radius:5px;outline:none;width:80px;margin:auto 20px auto auto;padding:10px 26px;font-size:15px;font-weight:700;text-decoration:none;display:inline;box-shadow:3px 5px 4px #301f0c80}.btn.send:after{content:"Send"}.btn.done:before{content:"Done!"}.active{animation:.8s forwards btn}label{cursor:pointer;background:0 0;border:none;margin-left:.5rem;font-size:1rem;font-weight:800;position:absolute;top:50%;left:0;transform:translateY(-50%)}#std_id{display:none}.data{cursor:pointer;cursor:default;background:0 0;border:none;margin-left:.5rem;font-size:.6rem;position:absolute;top:30%;left:0;transform:translateY(-50%)}@media screen and (width<=600px){.input-wrapper{border:0 solid red;width:90%;min-width:150px;height:auto}.DARK-input,.LIGHT-input{width:100%;height:120px;padding-right:1.5rem}label{overflow-wrap:break-word;border:0 solid red;width:100px;top:35%}.btn{width:50px;margin-right:0;padding:10px;position:absolute;top:60%;left:75%}.clear-btn{left:5rem;right:0}}.theme-container{border:0 solid #0056b3;border-radius:20px;width:5%;position:absolute;top:60%;left:90%}@media screen and (width<=600px){.theme-container{top:40%;left:80%}}.theme-toggle{color:#fff;cursor:pointer;background:#dee6ee;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .3s,transform .3s;display:flex}.theme-toggle:hover{background:#0056b3;transform:scale(1.1)}.theme-toggle.dark{background:#1f0202}.theme-toggle.dark:hover{background:#910707}.content-footer{box-sizing:border-box;z-index:0;flex:1;margin-left:0;padding:20px 20px 100px;position:relative;overflow-y:auto}.footer-bar{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:9999;pointer-events:auto;background:#ffffffd9;border-top:1px solid #fff9;height:72px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f,0 -1px 3px #0000000a}.footer-bar:before{content:"";background:inherit;width:60%;height:32px;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;opacity:0;pointer-events:none;border-top:1px solid #fff9;border-left:1px solid #fff6;border-right:1px solid #fff6;border-radius:24px 24px 0 0;transition:opacity .3s;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 -6px 20px #0000000a}.footer-nav{justify-content:space-around;align-items:center;width:100%;height:100%;margin:0;padding:0 8px 8px;list-style:none;display:flex;position:relative}.footer-list{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.footer-normal-link,.footer-active-link{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.footer-normal-link{background:0 0}.footer-normal-link:after{content:"";background:#cbd5e1;border-radius:50%;width:4px;height:4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)scale(0)}.footer-normal-link:hover:after,.footer-normal-link:active:after{transform:translate(-50%)scale(1)}.footer-active-link{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);transform:translateY(-8px);box-shadow:0 4px 15px #6366f159,0 2px 6px #6366f133}.footer-active-link:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff40 0%,#0000 50%);position:absolute;inset:0}.footer-active-link:after{content:"";opacity:1;background:#6366f1;border-radius:50%;width:5px;height:5px;animation:2s infinite pulse;position:absolute;bottom:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #6366f180}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%)scale(1)}50%{opacity:.6;transform:translate(-50%)scale(.8)}}.footer-list .icon{object-fit:contain;filter:grayscale(40%)opacity(.7);width:28px;height:28px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.footer-list:hover .icon{filter:grayscale(0%)opacity();transform:scale(1.15)}.footer-active-link .icon{filter:brightness(0)invert()drop-shadow(0 2px 4px #0000001a);width:26px;height:26px;transform:scale(1.1)}@media (width<=768px){.footer-bar{display:flex}.content-footer{max-width:100%;padding-bottom:90px}}@media (width<=480px){.footer-bar{height:68px}.footer-normal-link,.footer-active-link{border-radius:14px;width:48px;height:48px}.footer-active-link{transform:translateY(-6px)}.footer-list .icon{width:24px;height:24px}.footer-active-link .icon{width:22px;height:22px}.footer-nav{padding:0 4px 6px}}.layout-container-dark .footer-bar{background:#1e293be6;border-top-color:#ffffff14;box-shadow:0 -4px 20px #0000004d}.layout-container-dark .footer-normal-link:after{background:#475569}.layout-container-dark .footer-list .icon{filter:grayscale(30%)opacity(.6)brightness(1.2)}.layout-container-dark .footer-active-link{background:linear-gradient(135deg,#818cf8 0%,#a5b4fc 100%);box-shadow:0 4px 15px #818cf866}.footer-list span{color:#64748b;opacity:0;font-size:.65rem;font-weight:600;transition:all .3s;position:absolute;bottom:2px;transform:translateY(4px)}.footer-active-link span{opacity:1;color:#6366f1;transform:translateY(0)}.detail-container{text-align:left;margin-top:0%;font-size:16px}.course-container{font-family:Courier New,Courier,monospace;font-weight:800}.course-name{padding-left:10px;font-style:italic;text-decoration:underline}@media screen and (width<=600px){.detail-container{margin-top:0%}}.slide-container{text-align:left;width:100%;margin:0}.panel{border-radius:8px;transition:max-height .5s,padding .3s;overflow:hidden}.panel.open{max-height:auto;padding:10px}.btn-display{width:100%;height:50px;font-size:16px;font-weight:900}.btn-display-dark{color:#f0f8ff;background-color:#333;width:100%;height:50px;font-size:16px;font-weight:900}@media screen and (width<=600px){.btn-display,.btn-display-dark{height:auto;margin-top:10px;margin-bottom:10px}.arrow{padding-right:5%}}.arrow{width:auto;padding-right:20%;font-size:larger;font-weight:900;transition:transform .3s;display:inline-block}.arrow.open{transform:rotate(180deg)}.fees-container{text-align:left;padding-top:2rem;padding-right:3px}.last-fees{margin-bottom:1rem;font-size:18px;font-weight:500}ul.custom-list{padding-bottom:8px;padding-left:1.5rem;font-weight:900;list-style:none}ul.custom-list li:before{content:"";vertical-align:middle;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2016.0.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20width='600px'%20height='600px'%20viewBox='0%200%20600%20600'%20enable-background='new%200%200%20600%20600'%20xml:space='preserve'%3e%3cg%20id='Layer_2'%3e%3cpath%20fill='none'%20stroke='%23E91E63'%20stroke-width='24'%20stroke-miterlimit='10'%20d='M371.987,227.641%20c47.628,47.628,85.039,98.708,106.914,143.552c26.358,54.033,30.096,99.722,11.103,118.714%20c-19.793,19.793-68.267,15.884-125.731-12.979c-43.445-21.821-92.031-59.119-137.242-104.331%20c-46.354-46.354-84.95-95.545-106.667-139.816c-27.48-56.023-30.057-103.743-10.643-123.157%20c18.838-18.839,63.248-16.056,116.694,9.757C271.574,141.193,323.895,179.548,371.987,227.641z'/%3e%3cpath%20fill='none'%20stroke='%23E91E63'%20stroke-width='24'%20stroke-miterlimit='10'%20d='M272.931,201.125%20c65.052-17.465,127.989-24.354,177.767-20.902c59.974,4.16,101.42,23.747,108.385,49.688%20c7.259,27.033-20.345,67.073-74.054,102.434c-40.608,26.733-97.189,50.188-158.941,66.769%20c-63.312,16.998-125.207,25.858-174.408,22.553c-62.26-4.181-104.884-25.789-112.004-52.306%20c-6.907-25.731,17.688-62.811,66.75-96.214C147.879,244.923,207.243,218.761,272.931,201.125z'/%3e%3cpath%20fill='none'%20stroke='%23E91E63'%20stroke-width='24'%20stroke-miterlimit='10'%20d='M200.469,273.707%20c17.357-65.081,42.82-123.05,70.671-164.45c33.556-49.882,71.225-76.008,97.178-69.086c27.045,7.212,47.949,51.123,51.76,115.315%20c2.883,48.533-5.055,109.266-21.531,171.046c-16.892,63.341-40.126,121.389-67.562,162.365%20c-34.716,51.852-74.723,77.988-101.252,70.913c-25.743-6.865-45.584-46.692-50.021-105.881%20C175.963,403.92,182.944,339.424,200.469,273.707z'/%3e%3c/g%3e%3cg%20id='Layer_3'%3e%3cpath%20fill='%23E91E63'%20d='M300,349.369c-1.019,0-1.881-0.353-2.586-1.058l-36.679-35.386c-0.392-0.313-0.931-0.822-1.617-1.528%20c-0.686-0.705-1.773-1.988-3.262-3.851c-1.489-1.86-2.822-3.771-3.997-5.73s-2.224-4.33-3.145-7.112%20c-0.92-2.782-1.381-5.486-1.381-8.111c0-8.621,2.488-15.361,7.465-20.221c4.977-4.859,11.854-7.289,20.631-7.289%20c2.43,0,4.909,0.421,7.436,1.264c2.527,0.843,4.879,1.979,7.054,3.41c2.174,1.43,4.046,2.772,5.613,4.026s3.057,2.586,4.467,3.997%20c1.411-1.411,2.899-2.743,4.467-3.997c1.568-1.254,3.438-2.596,5.614-4.026c2.175-1.431,4.525-2.567,7.054-3.41%20c2.527-0.842,5.006-1.264,7.435-1.264c8.778,0,15.655,2.43,20.632,7.289c4.978,4.859,7.466,11.6,7.466,20.221%20c0,8.66-4.487,17.477-13.461,26.451l-36.619,35.268C301.881,349.017,301.019,349.369,300,349.369z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:cover;width:12px;height:12px;margin-right:8px;display:inline-block}.speed-container{justify-content:center;align-items:center;min-height:250px;padding:20px;display:flex}.speed-card{text-align:center;border-radius:20px;width:50%;max-width:500px;padding:30px;box-shadow:0 10px 30px #00000026}.speed-card h2{margin-bottom:25px}.speed-circle{color:#fff;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 30px;display:flex}.speed-circle span{font-size:48px;font-weight:700}.speed-circle small{font-size:18px}.results{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px;display:grid}.result-box{background:#f8fafc;border-radius:12px;padding:12px}.result-box h4{color:#64748b;margin:0}.result-box p{color:#0f172a;margin:8px 0 0;font-size:18px;font-weight:700}.speed-card button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;transition:all .3s}.speed-card button:hover{background:#4338ca}.speed-card button:disabled{opacity:.7;cursor:not-allowed}.status{color:#475569;margin-top:20px;font-weight:600}@media (width<=600px){.results{grid-template-columns:1fr}.speed-circle{width:180px;height:180px}.speed-circle span{font-size:38px}}.question-box{flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:1.4rem;display:flex}.question{flex-direction:column;justify-content:center;align-items:center;display:flex}.question-box ul{margin-left:1rem;padding:0;list-style-type:none}.question-box ul li{text-align:left;width:100%;margin-top:.8rem;margin-left:.5rem;padding-bottom:.5rem;font-size:1.2rem}.option{cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:.8rem;padding-bottom:20%;padding-left:30px;font-size:1.2rem;font-weight:100;display:inline;position:relative}.option input[type=radio]{opacity:0;cursor:pointer;position:absolute}.checkmark{background-color:#eee;border:2px solid #ccc;border-radius:50%;width:20px;height:20px;position:absolute;top:4px;left:0}.option input[type=radio]:checked~.checkmark{background-color:#4caf50;border-color:#4caf50}.checkmark:after{content:"";display:none;position:absolute}.option input[type=radio]:checked~.checkmark:after{display:block}.checkmark:after{background:#fff;border-radius:50%;width:8px;height:8px;top:5px;left:5px}.finish-exam-btn{color:#fff;text-align:center;cursor:pointer;background-color:#4caf50;border:none;border-radius:5px;margin:20px auto 20px 40%;padding:10px 20px;font-size:16px;text-decoration:none;display:inline-block;position:fixed;top:90%;left:50%;transform:translate(-50%)}.rem-time{word-break:break-all;color:#fff;background-color:#f0f;border-radius:25px;width:100%;height:auto;margin-bottom:1%;padding-left:10%;padding-right:10%;font-size:24px;font-weight:900;position:fixed;top:0%;left:50%;transform:translate(-50%);box-shadow:2px 2px 2px #333,5px 5px 5px #333}@media screen and (width<=768px){.question-box{font-size:1.2rem}.option{font-size:1rem}.finish-exam-btn{padding:8px 16px;font-size:14px;top:80%;left:30%}.rem-time{text-align:center;width:80%;height:auto;margin-bottom:1%;padding-left:5%;padding-right:5%;font-size:15px;top:0%;left:50%}.question-box ul li{margin-left:.1rem;padding-bottom:.8rem}.question-box ul li:hover{background-color:#7fffd4}}.exam-section{font-size-adjust:.68;margin-right:3%;padding:5%;font-family:Poppins\, sans-serif;font-size:14px}.start-exam-btn{color:#fff;text-align:center;cursor:pointer;text-shadow:2px 2px 4px #000;background-color:#4caf50;border:none;border-radius:12px;margin:4px 6px;padding:15px 32px;font-size:20px;font-weight:900;text-decoration:none;display:inline-block;box-shadow:0 4px #999}.exam-container{width:100%;height:0}.exam-container:fullscreen{color:#000;z-index:2147483647;background:#fff;width:100vw;height:100vh;position:fixed;inset:0;overflow:auto}.exam-screen{color:#000;background:#fff;width:100%;min-height:100%;overflow:auto}.custom-alert-backdrop{z-index:99999;-webkit-backdrop-filter:blur(7px);background:#0f172a8c;place-items:center;padding:20px;animation:.25s ease-out alertFadeIn;display:grid;position:fixed;inset:0}.custom-alert{--alert-accent:#2563eb;--alert-soft:#dbeafe;text-align:center;border-top:5px solid var(--alert-accent);background:#fff;border-radius:24px;width:100%;max-width:420px;padding:32px 26px 26px;animation:.35s cubic-bezier(.2,.8,.2,1) alertPopIn;position:relative;box-shadow:0 25px 70px #00000038,0 8px 20px #00000014}.custom-alert--success{--alert-accent:#16a34a;--alert-soft:#dcfce7}.custom-alert--error{--alert-accent:#dc2626;--alert-soft:#fee2e2}.custom-alert--warning{--alert-accent:#d97706;--alert-soft:#fef3c7}.custom-alert--info{--alert-accent:#2563eb;--alert-soft:#dbeafe}.custom-alert-icon{background:var(--alert-soft);width:70px;height:70px;color:var(--alert-accent);border-radius:22px;place-items:center;margin:0 auto 20px;font-size:36px;font-weight:800;animation:.4s ease-out alertIconPop;display:grid}.custom-alert h2{color:#172033;margin:0 0 12px;font-size:25px;font-weight:750;line-height:1.3}.custom-alert p{color:#64748b;overflow-wrap:anywhere;margin:0 0 26px;font-size:15px;line-height:1.7}.custom-alert-button{background:var(--alert-accent);color:#fff;cursor:pointer;border:none;border-radius:13px;width:100%;min-height:48px;padding:12px 20px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s}.custom-alert-button:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 7px 18px #00000026}.custom-alert-button:active{transform:scale(.98)}.custom-alert-button:focus-visible{outline:3px solid var(--alert-soft);outline-offset:3px}@keyframes alertFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertPopIn{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes alertIconPop{0%{opacity:0;transform:scale(.6)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=480px){.custom-alert{border-radius:21px;max-width:360px;padding:28px 22px 22px}.custom-alert-icon{border-radius:19px;width:62px;height:62px;font-size:31px}.custom-alert h2{font-size:22px}.custom-alert p{font-size:14px}}@media (prefers-reduced-motion:reduce){.custom-alert-backdrop,.custom-alert,.custom-alert-icon{animation:none}.custom-alert-button{transition:none}}.camera-mic-check{text-align:center;border:1px solid #ddd;border-radius:12px;max-width:600px;margin:30px auto;padding:24px}.device-status{text-align:left;margin:20px 0}.camera-preview{background:#222;border-radius:8px;width:100%;max-width:400px;margin:20px auto;overflow:hidden}.camera-preview video{object-fit:cover;width:100%;height:auto;min-height:200px;display:block}.camera-mic-check button{cursor:pointer;border:none;border-radius:6px;margin:8px;padding:12px 18px}.camera-mic-check button:disabled{cursor:not-allowed;opacity:.5}.online-fees{box-sizing:border-box;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:600px;margin:20px auto;padding:20px 24px;display:flex}.online-fees-text{align-items:center;gap:14px;display:flex}.online-fees-icon{background:#f1f5ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.online-fees-text h3{color:#1f2937;margin:0 0 5px;font-size:17px;font-weight:600}.online-fees-text p{color:#6b7280;margin:0;font-size:14px}.pay-now-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;outline:none;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.pay-now-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 18px #2563eb40}.pay-now-btn:active{transform:translateY(0)}.pay-arrow{font-size:18px;transition:transform .2s}.pay-now-btn:hover .pay-arrow{transform:translate(4px)}@media (width<=500px){.online-fees{flex-direction:column;align-items:stretch;padding:18px}.online-fees-text{width:100%}.pay-now-btn{justify-content:center;width:100%}}.collection-container{max-width:900px;margin:0 auto;padding:24px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:32px;display:grid}.collection-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}.collection-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.collection-card h3{color:#1e293b;margin:0 0 8px;font-size:1.1rem}.collection-card p{color:#64748b;margin:0 0 12px;font-size:.9rem;line-height:1.5}.collection-card .date{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#818cf8);border:none;border-radius:14px;width:100%;max-width:320px;margin:0 auto;padding:14px 28px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:block;box-shadow:0 4px 14px #6366f14d}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}.load-more-btn .count{opacity:.85;font-size:.85rem;font-weight:500}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:32px;display:grid}.skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:140px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.end-message{text-align:center;color:#64748b;padding:20px;font-size:.95rem}.error-box{text-align:center;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:24px}.load-more-btn{color:#fff;cursor:pointer;font:inherit;background:#e21143;border:0;border-radius:8px;margin:16px auto 0;padding:10px 18px;font-weight:700;display:block}.load-more-btn:disabled{cursor:wait;opacity:.7}.load-more-btn:focus-visible{outline-offset:3px;outline:3px solid #f7a1b8}.AdminNotices{max-width:820px;margin:0 auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.AdminNotices-title{margin:8px 0;font-size:24px;font-weight:700}.AdminNotices-item{border:1px solid #0000000f;border-radius:10px;margin:10px 0;overflow:hidden;box-shadow:0 6px 18px #0000000a}.AdminNotices-item-header{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.meta{white-space:nowrap;align-items:center;gap:12px;display:flex}.meta-label{color:#e21143;font-weight:700;text-decoration:underline}.meta-value{font-weight:600}.meta-date{border-radius:6px;margin-left:8px;padding:4px 8px;font-size:13px}.toggle-btn-notice{--size:40px;width:var(--size);height:var(--size);cursor:pointer;background:#fff;border:2px solid #e21143;border-radius:50%;place-items:center;transition:transform .16s,background .16s;display:grid;position:relative;box-shadow:0 2px 6px #0000000f}.visually-hidden{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden;box-shadow:2px 2px 6px #0000000f}.toggle-btn-notice:before,.toggle-btn-notice:after{content:"";background:#e21143;border-radius:2px;width:14px;height:2px;transition:transform .2s,opacity .2s;position:absolute;box-shadow:0 2px 6px #0000000f}.toggle-btn-notice:before{transform:rotate(0)}.toggle-btn-notice:after{transform:rotate(90deg)}.AdminNotices-item.closed .toggle-btn-notice:before,.AdminNotices-item.closed .toggle-btn-notice:after{opacity:1}.AdminNotices-item.open .toggle-btn-notice:before{background:#222;transform:rotate(45deg)}.AdminNotices-item.open .toggle-btn-notice:after{background:#222;transform:rotate(-45deg)}.AdminNotices-item-body{opacity:0;max-height:0;padding:0 14px;transition:max-height .36s cubic-bezier(.2,.9,.2,1),opacity .28s,padding .24s;overflow:hidden}.AdminNotices-item.open .AdminNotices-item-body{opacity:1;max-height:3000px;padding:14px}.AdminNotices-item-subject{margin:0 0 8px;font-size:16px}.AdminNotices-item-content{font-size:14px;line-height:1.5}.body-label{margin-right:8px;font-weight:700;text-decoration:underline}@media (width<=600px){.meta{flex-direction:column;align-items:flex-start;gap:0}.meta-date{margin-left:0}.toggle-btn-notice{--size:36px}}