.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#000,#1a1a1a,#000);padding:1rem;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(236,72,153,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(244,114,182,.08) 0%,transparent 50%);pointer-events:none}.login-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:2.5rem;border-radius:16px;box-shadow:0 20px 60px #ec489926,0 0 0 1px #f472b614,inset 0 1px #ffffff0d;width:100%;max-width:400px;position:relative;z-index:1}.login-card h1{font-size:2rem;color:#fff;margin-bottom:.5rem;text-align:center;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card h2{font-size:1.2rem;color:#888;margin-bottom:2rem;text-align:center;font-weight:400}.form-group input{width:100%;padding:.75rem;border:2px solid #2a2a2a;border-radius:8px;font-size:1rem;background-color:#0f0f0f;color:#e0e0e0;transition:all .3s}.form-group input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.form-group input:disabled{background-color:#1a1a1a;cursor:not-allowed;opacity:.5}.form-group input::placeholder{color:#555}.error-message{background-color:#ec48991a;border:1px solid rgba(236,72,153,.25);color:#f472b6;padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center}.login-button{width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d,0 0 #ec489900;position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-button:hover:not(:disabled):before{left:100%}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #ec489966,0 0 0 4px #ec489914}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #ec48994d,0 0 0 2px #ec489926}.login-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.dashboard-container{min-height:calc(100vh - 60px);background-color:transparent}.dashboard-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:0;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08);width:100%;box-sizing:border-box}.header-content{max-width:3840px!important;margin:0 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:1.5rem 2rem!important;box-sizing:border-box!important;width:100%!important}.dashboard-header h1{font-size:1.8rem;margin:0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.header-actions{display:flex;align-items:center;gap:1.5rem}.about-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.about-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.about-button:hover:before{width:300px;height:300px}.about-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.download-dropdown{position:relative}.download-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden;display:flex;align-items:center;gap:.5rem}.download-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.download-button:hover:before{width:300px;height:300px}.download-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.dropdown-arrow{font-size:.8rem;transition:transform .3s;display:inline-block}.download-dropdown:hover .dropdown-arrow,.download-button:focus .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid rgba(236,72,153,.25);border-radius:10px;box-shadow:0 8px 30px #00000080,0 4px 15px #ec489933;min-width:180px;z-index:1000;overflow:hidden}.dropdown-item{width:100%;padding:.75rem 1.5rem;background:transparent;color:#f472b6;border:none;text-align:left;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;transition:all .2s}.dropdown-item:hover{background:#ec489926;color:#ec4899}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:16px;border:1px solid rgba(236,72,153,.25);box-shadow:0 20px 60px #00000080,0 8px 30px #ec489933;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(236,72,153,.15)}.modal-header h2{margin:0;font-size:1.8rem;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:transparent;border:none;color:#f472b6;font-size:2rem;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.modal-close:hover{background:#ec489926;color:#ec4899;transform:rotate(90deg)}.modal-body{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.download-app-button{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d;position:relative;overflow:hidden}.download-app-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .4s,height .4s}.download-app-button:hover:before{width:400px;height:400px}.download-app-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966}.download-app-button:active{transform:translateY(0)}.user-name{font-size:1rem}.admin-link{background:#ec48991a;color:#f472b6;text-decoration:none;padding:.65rem 1.75rem;border-radius:10px;border:1px solid rgba(236,72,153,.25);font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.admin-link:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.admin-link:hover:before{width:300px;height:300px}.admin-link:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.dashboard-content{max-width:1200px;margin:0 auto;padding:2rem}.dashboard-content h2{font-size:2rem;margin-bottom:2rem;color:#e0e0e0}.loading,.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:800px;margin:0 auto}.category-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;transition:all .3s;border:1px solid rgba(244,114,182,.08);position:relative}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940;border-color:#ec489940}.category-card h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.category-description{color:#888;margin-bottom:1.5rem;line-height:1.6}.category-items{display:flex;flex-direction:column;gap:1rem}.sites-list{display:flex;flex-direction:column;gap:.75rem}.tests-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.test-item{border-left:3px solid rgba(236,72,153,.3)}.site-link{text-decoration:none;color:inherit}.site-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f0f0f;border-radius:8px;transition:all .2s;border:1px solid rgba(244,114,182,.08);position:relative}.site-item:hover{background:#1a1a1a;border-color:#ec489940;transform:translate(4px);box-shadow:0 4px 15px #ec489914}.site-item h4{margin:0;font-size:1.1rem;color:#e0e0e0;flex:1}.site-description{margin:.25rem 0 0;font-size:.9rem;color:#888}.site-arrow{font-size:1.5rem;color:#ec4899;margin-left:1rem;transition:transform .2s}.site-item:hover .site-arrow{transform:translate(4px)}.no-sites{color:#666;font-style:italic;margin-top:1rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{flex-wrap:wrap;gap:.75rem;width:100%}.about-button,.download-button,.admin-link,.logout-button{font-size:.85rem;padding:.5rem 1.25rem}.user-name{width:100%;order:-1}.dropdown-menu{right:auto;left:0;min-width:160px}.modal-content{width:95%;max-height:85vh}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-size:1.5rem}.modal-body{padding:1.5rem}.download-app-button{padding:.875rem 2rem;font-size:1rem;width:100%}.categories-grid{grid-template-columns:1fr}.dashboard-content{padding:1rem}}.site-detail-container{min-height:calc(100vh - 60px);background-color:transparent}.site-detail-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.site-detail-header h1{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.site-url{color:#f472b6cc;text-decoration:none;font-size:.95rem;display:inline-block;margin-top:.5rem;border-bottom:1px solid rgba(244,114,182,.25);transition:border-color .2s}.site-url:hover{border-bottom-color:#ec4899;color:#ec4899}.site-detail-content{max-width:1200px;margin:0 auto;padding:2rem}.site-description-section{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);padding:1.5rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.site-description-section p{margin:0;line-height:1.8;color:#e0e0e0}.site-detail-content h2{font-size:1.8rem;margin-bottom:1.5rem;color:#e0e0e0}.loading,.error,.empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.lessons-list{display:flex;flex-direction:column;gap:1rem}.lesson-card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;text-decoration:none;color:inherit;transition:all .2s;border:1px solid rgba(244,114,182,.08);position:relative;display:block}.lesson-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940;border-color:#ec489940}.lesson-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.lesson-header h3{margin:0;font-size:1.3rem;color:#fff;flex:1}.video-badge{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;margin-left:1rem;box-shadow:0 2px 10px #ec489940}.lesson-preview{color:#888;line-height:1.6;margin-bottom:.5rem}.lesson-arrow{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#ec4899;transition:transform .2s}.lesson-card:hover .lesson-arrow{transform:translateY(-50%) translate(4px)}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.site-detail-content,.lesson-card{padding:1rem}}.lesson-detail-container{min-height:calc(100vh - 60px);background-color:transparent}.lesson-detail-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.lesson-detail-header h1{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lesson-detail-content{max-width:1200px;margin:0 auto;padding:2rem}.video-section,.content-section{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.video-section h2,.content-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:#e0e0e0}.video-wrapper{position:relative;border-radius:8px;overflow:hidden;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-wrapper video{width:100%;height:auto;display:block;border-radius:8px}.lesson-content{line-height:1.8;color:#e0e0e0;font-size:1.05rem}.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-content h4{color:#fff;margin-top:1.5rem;margin-bottom:1rem}.lesson-content h1{font-size:2rem}.lesson-content h2{font-size:1.5rem}.lesson-content h3{font-size:1.3rem}.lesson-content p{margin-bottom:1rem}.lesson-content ul,.lesson-content ol{margin-bottom:1rem;padding-left:2rem}.lesson-content li{margin-bottom:.5rem}.lesson-content a{color:#f472b6;text-decoration:none}.lesson-content a:hover{color:#ec4899;text-decoration:underline}.lesson-content code{background:#0f0f0f;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#f472b6;border:1px solid rgba(244,114,182,.15)}.lesson-content pre{background:#0f0f0f;padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1rem;border:1px solid rgba(244,114,182,.15)}.lesson-content pre code{background:none;padding:0;border:none;color:#e0e0e0}.lesson-content img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.discord-obs-gallery .arrow{transition:opacity .2s ease,background .25s}.discord-obs-gallery .arrow[style*="opacity: 0.5"],.discord-obs-gallery .arrow[style*="pointer-events: none"]{cursor:not-allowed}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.lesson-detail-content{padding:1rem}.video-section,.content-section{padding:1.5rem}}.admin-dashboard{min-height:calc(100vh - 60px);background-color:transparent}.admin-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:1.8rem;margin:0 0 .25rem;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-user{font-size:.9rem;opacity:.9;margin:0;color:#888}.header-actions{display:flex;gap:1rem;align-items:center}.view-site-button{background:#ec48991a;color:#f472b6;text-decoration:none;padding:.65rem 1.75rem;border-radius:10px;border:1px solid rgba(236,72,153,.25);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.view-site-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.view-site-button:hover:before{width:300px;height:300px}.view-site-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.logout-button{background:#ec48991a;color:#f472b6;border:1px solid rgba(236,72,153,.25);padding:.65rem 1.75rem;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #ec489914;position:relative;overflow:hidden}.logout-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ec489926;transform:translate(-50%,-50%);transition:width .4s,height .4s}.logout-button:hover:before{width:300px;height:300px}.logout-button:hover{background:#ec489926;border-color:#ec489966;color:#ec4899;transform:translateY(-1px);box-shadow:0 4px 15px #ec489933}.admin-container{max-width:1400px;margin:0 auto;display:flex;gap:2rem;padding:2rem}.admin-sidebar{width:250px;flex-shrink:0}.admin-nav{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08);display:flex;flex-direction:column;gap:.5rem}.nav-link{padding:.75rem 1rem;text-decoration:none;color:#e0e0e0;border-radius:8px;transition:all .2s;font-size:1rem}.nav-link:hover{background:#ec48991a;color:#f472b6}.nav-link.active{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 4px 15px #ec489940}.admin-content{flex:1;min-width:0}@media (max-width: 768px){.admin-container{flex-direction:column;padding:1rem}.admin-sidebar{width:100%}.admin-nav{flex-direction:row;flex-wrap:wrap}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}}.admin-page{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(244,114,182,.08)}.page-header h2{margin:0;color:#e0e0e0;font-size:1.8rem}.btn-primary{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d,0 0 #ec489900;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966,0 0 0 4px #ec489914}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #ec48994d,0 0 0 2px #ec489926}.btn-secondary{background:#2a2a2a;color:#e0e0e0;border:1px solid rgba(244,114,182,.15);padding:.875rem 2rem;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0003;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#f472b614;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-secondary:hover:before{width:300px;height:300px}.btn-secondary:hover{background:#333;border-color:#f472b64d;transform:translateY(-1px);box-shadow:0 4px 15px #0000004d}.admin-form{background:#0f0f0f;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid rgba(244,114,182,.08)}.admin-form h3{margin:0 0 1.5rem;color:#e0e0e0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#e0e0e0;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid #2a2a2a;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#0f0f0f;color:#e0e0e0;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec489914}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:#555}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;margin-top:1rem}.admin-table thead{background:#0f0f0f}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#e0e0e0;border-bottom:2px solid rgba(244,114,182,.08)}.admin-table td{padding:1rem;border-bottom:1px solid rgba(244,114,182,.05);color:#e0e0e0;vertical-align:middle}.admin-table td:last-child{white-space:nowrap}.admin-table tbody tr{transition:all .2s}.admin-table tbody tr:hover{background:#ec48990d}.admin-table a{color:#f472b6;text-decoration:none}.admin-table a:hover{color:#ec4899;text-decoration:underline}.btn-edit,.btn-delete{padding:.625rem 1.25rem;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.01em;margin-right:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-edit{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;box-shadow:0 2px 10px #ec489940}.btn-edit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s}.btn-edit:hover:before{left:100%}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ec48994d}.btn-delete{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 10px #dc35454d}.btn-delete:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s}.btn-delete:hover:before{left:100%}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 15px #dc354566}.loading{text-align:center;padding:3rem;color:#888;font-size:1.1rem}@media (max-width: 768px){.admin-page{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-table{font-size:.9rem}.admin-table th,.admin-table td{padding:.5rem}}.test-detail-container{min-height:calc(100vh - 60px);background-color:transparent}.test-detail-header{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff;padding:1.5rem 2rem;box-shadow:0 2px 20px #ec489914,0 0 0 1px #f472b614;border-bottom:1px solid rgba(244,114,182,.08)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.back-link{color:#f472b6cc;text-decoration:none;font-size:.95rem;margin-bottom:.5rem;display:inline-block;transition:color .2s}.back-link:hover{color:#ec4899}.test-detail-header h1{font-size:2rem;margin:.5rem 0;background:linear-gradient(135deg,#ec4899,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.test-description{color:#888;margin:.5rem 0;font-size:1rem}.test-category{color:#f472b6;margin:.5rem 0 0;font-size:.95rem}.test-detail-content{max-width:900px;margin:0 auto;padding:2rem}.test-notice{background:#ec48991a;border:1px solid rgba(236,72,153,.25);border-radius:10px;padding:1rem 1.5rem;margin-bottom:2rem;color:#f472b6;text-align:center}.test-form{display:flex;flex-direction:column;gap:2rem}.question-block{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border-radius:12px;padding:1.5rem;box-shadow:0 4px 20px #0000004d,0 0 0 1px #f472b614;border:1px solid rgba(244,114,182,.08);transition:all .3s}.question-block:hover{border-color:#ec489940;box-shadow:0 8px 30px #ec489926,0 0 0 1px #ec489940}.question-label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.question-number{font-size:1.1rem;font-weight:700;color:#ec4899}.question-text{font-size:1.1rem;color:#e0e0e0;line-height:1.6}.answer-input{width:100%;padding:1rem;border:2px solid #2a2a2a;border-radius:8px;font-size:1rem;font-family:inherit;background-color:#0f0f0f;color:#e0e0e0;transition:all .2s;resize:vertical;min-height:100px}.answer-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.answer-input::placeholder{color:#555}.test-form-actions{display:flex;justify-content:center;margin-top:1rem}.submit-test-button{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff;border:none;padding:1rem 3rem;border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:Inter,sans-serif;letter-spacing:.05em;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ec48994d;position:relative;overflow:hidden}.submit-test-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.submit-test-button:hover:before{left:100%}.submit-test-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ec489966}.submit-test-button:active{transform:translateY(0)}.loading,.error{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.error{color:#f472b6}@media (max-width: 768px){.test-detail-content,.question-block{padding:1rem}.test-detail-header{padding:1rem 1.5rem}}.app-footer{margin-top:auto;padding:1rem 2rem;text-align:center;position:relative;z-index:1;border-top:1px solid rgba(244,114,182,.08);background:#0000004d}.footer-content{max-width:1200px;margin:0 auto}.footer-text{font-size:.75rem;color:#666;margin:0;font-weight:400;letter-spacing:.02em}.footer-author{color:#f472b699;font-weight:500;transition:color .2s}.footer-author:hover{color:#f472b6e6}@media (max-width: 768px){.app-footer{padding:.75rem 1rem}.footer-text{font-size:.7rem}}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:transparent;position:relative;z-index:1}.content-wrapper{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%;position:relative;z-index:1}.category-card,.lesson-card,.site-item,.logout-button,.admin-link{position:relative}.category-card:before,.lesson-card:before,.site-item:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ec489966,#f472b666);border-radius:14px;opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.category-card:hover:before,.lesson-card:hover:before,.site-item:hover:before{opacity:.6}@media (max-width: 768px){.content-wrapper{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e0e0e0;font-weight:400;letter-spacing:-.01em;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(236,72,153,.04) 0%,transparent 60%),radial-gradient(circle at 80% 80%,rgba(244,114,182,.03) 0%,transparent 60%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.03) 0%,transparent 60%),radial-gradient(circle at 60% 70%,rgba(244,114,182,.02) 0%,transparent 60%);background-size:280% 280%;animation:smoothGradient 25s ease infinite;pointer-events:none;z-index:0;opacity:.9}@keyframes smoothGradient{0%,to{background-position:0% 50%,100% 50%,50% 0%,50% 100%}50%{background-position:100% 50%,0% 50%,50% 100%,50% 0%}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(1.8px 1.8px at 25px 35px,rgba(244,114,182,.55),transparent),radial-gradient(1.2px 1.2px at 65px 75px,rgba(236,72,153,.5),transparent),radial-gradient(1.2px 1.2px at 110px 45px,rgba(244,114,182,.6),transparent),radial-gradient(1.8px 1.8px at 150px 25px,rgba(236,72,153,.55),transparent),radial-gradient(1.2px 1.2px at 200px 85px,rgba(244,114,182,.5),transparent),radial-gradient(1.8px 1.8px at 250px 55px,rgba(236,72,153,.55),transparent),radial-gradient(1.2px 1.2px at 300px 15px,rgba(244,114,182,.45),transparent),radial-gradient(1.8px 1.8px at 350px 95px,rgba(236,72,153,.55),transparent),radial-gradient(1.2px 1.2px at 400px 35px,rgba(244,114,182,.5),transparent),radial-gradient(1.8px 1.8px at 450px 75px,rgba(236,72,153,.55),transparent);background-repeat:repeat;background-size:500px 500px;animation:gentleTwinkle 15s ease-in-out infinite;pointer-events:none;z-index:0;opacity:.6}@keyframes gentleTwinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh;position:relative;z-index:1}