:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffde59de;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#eae2b7;text-decoration:inherit}a:hover{color:#fb5607}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}header img{display:block;width:100%;height:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#eae2b7;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#searchUserInput{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #3a3a3a;margin-top:8px;background-color:#2a2a2a;color:#ffde59de}.container{max-width:1100px;margin:0 auto;padding:0 16px}.groups{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.group-card{flex:1 1 320px;min-width:260px;max-width:100%;border:1px solid #fb5607;border-radius:12px;padding:16px;display:grid;gap:12px}.group-card__head{display:flex;justify-content:space-between;align-items:baseline}.group-card ul{margin:0;padding-left:18px}.user-list{display:grid;gap:10px}.user-card{display:flex;align-items:center;gap:12px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;padding:8px 12px;transition:background .2s,transform .2s}.user-card:hover{background:#2a2a2a}.user-info{display:flex;flex-direction:column}.user-info a:hover{text-decoration:underline}.user-info small{color:#999;font-size:12px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:flex-start}.widget-card{flex:1 1 320px;max-width:560px;border:1px solid #e6e6e6;border-radius:16px;box-shadow:0 4px 14px #0000000f;overflow:hidden}.widget-card__header{padding:14px 16px;border-bottom:1px solid #eee}.widget-card__header h3{margin:0;font-size:1.1rem}.widget-card__body{padding:16px}.stack-md>*+*{margin-top:12px}.field{display:grid;grid-template-columns:1fr;gap:6px}.field__label{color:#eae2b7;font-size:.92rem}.field__input{padding:10px 12px;border:1px solid #d9d9d9;border-radius:10px;font-size:.95rem}.field__input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed26}.actions{display:flex;justify-content:space-between;margin-top:8px}.btn{appearance:none;border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.btn-primary{background:#7c3aed;color:#fff}.btn-primary:hover{filter:brightness(1.05)}.intro-box{background:linear-gradient(135deg,#eae2b7,#fefae0);color:#3a3a3a;border-radius:16px;padding:2px 16px;margin:12px auto;box-shadow:0 4px 20px #0000001a;max-width:800px;text-align:left;font-family:Poppins,Segoe UI,sans-serif;line-height:1.7;letter-spacing:.2px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.intro-box p{position:relative;z-index:1;white-space:pre-line;font-size:1.1rem}.intro-box h2{position:relative;z-index:1;margin-bottom:16px;font-size:1.5rem;font-weight:700;color:#fb5607;text-shadow:0 1px 2px rgba(0,0,0,.1)}