*{box-sizing:border-box}body{margin:0;font-family:system-ui,Arial;background:#0e1117;color:#e6edf3}.container{max-width:860px;margin:0 auto;padding:24px}.card{background:#161b22;padding:16px;border:1px solid #30363d;border-radius:12px}.input,.button,textarea{width:100%;padding:10px;margin:6px 0;border-radius:8px;border:1px solid #30363d;background:#0d1117;color:#e6edf3}.button{cursor:pointer}.row{display:flex;gap:12px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 8px;border:1px solid #30363d;border-radius:999px;margin-right:6px}.link{color:#79c0ff;text-decoration:none}.nav{display:flex;gap:12px;margin-bottom:12px}.card h3{margin-bottom:8px;font-weight:600}.card p{margin:0;text-align:center}table{border-spacing:0;border:1px solid #ddd}th,td{padding:8px;border-bottom:1px solid #ddd}th{background-color:#f4f4f5}tr:hover{background-color:#f9fafb}li:hover{background-color:#f3f4f6}form input{padding:6px;border-radius:6px;border:1px solid #ddd}form label{font-weight:500}form button{padding:6px 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Roboto,sans-serif}:root{--color-bg: #fdfdfd;--color-primary: #a7d8ff;--color-primary-dark: #6bb8f0;--color-accent: #ffe4b5;--color-text: #333;--color-border: #e0e0e0;--color-card: #ffffff}body{background:linear-gradient(180deg,var(--color-bg),var(--color-accent) 250%);color:var(--color-text);display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px}.container{width:100%;max-width:600px;background-color:var(--color-card);border-radius:16px;box-shadow:0 4px 15px #00000014;padding:20px;overflow:hidden}.nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:var(--color-primary);border-radius:12px;margin-bottom:20px;padding:10px;gap:8px}.link{color:var(--color-text);text-decoration:none;font-weight:500;padding:8px 12px;border-radius:8px;transition:all .2s ease}.link:hover{background-color:var(--color-primary-dark);color:#fff}.button{background-color:var(--color-primary);color:var(--color-text);border:none;border-radius:8px;padding:8px 14px;font-weight:500;cursor:pointer;transition:all .2s ease}.button:hover{background-color:var(--color-primary-dark);color:#fff}.card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d}.card h2,.card h3,.card h4{color:var(--color-text);margin-bottom:10px}ul{list-style:none}li{background-color:#f9fcff;border-radius:8px;margin-bottom:8px;padding:10px;cursor:pointer;transition:all .2s ease;border:1px solid var(--color-border)}li:hover{background-color:var(--color-primary);color:#fff}input,select{width:100%;padding:8px;border-radius:8px;border:1px solid var(--color-border);font-size:1rem}label{font-weight:500;margin-bottom:4px;display:block}.row{display:flex;flex-wrap:wrap;gap:10px}@media (max-width: 600px){.container{padding:12px;border-radius:12px}.nav{flex-direction:column}.link,.button{width:100%;text-align:center}}@media (prefers-color-scheme: dark){:root{--color-bg: #1a1d21;--color-primary: #2a7dbf;--color-primary-dark: #186499;--color-accent: #333b44;--color-text: #f0f4f8;--color-border: #3a4048;--color-card: #23272c}body{background:linear-gradient(180deg,var(--color-bg),var(--color-accent) 200%);color:var(--color-text)}.card{border:1px solid var(--color-border);box-shadow:0 3px 10px #0000004d}.link:hover,.button:hover,li:hover{background-color:var(--color-primary-dark);color:#fff}li{background-color:#2a3038}input,select{background-color:#2a3038;border-color:var(--color-border);color:var(--color-text)}.nav{background-color:var(--color-primary-dark)}}.card ul{padding:0}.card li{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:12px;margin-bottom:12px;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.card li:hover{transform:translateY(-3px);box-shadow:0 3px 10px #0000001a}.card li p{margin:4px 0;font-size:.95rem;color:var(--color-text)}.link-button{display:inline-block;text-decoration:none;text-align:center;font-weight:600;margin-top:10px;padding:10px 16px;border-radius:8px;background-color:var(--color-primary);color:var(--color-text);transition:all .2s ease}.link-button:hover{background-color:var(--color-primary-dark);color:#fff;box-shadow:0 4px 10px #00000026}@media (max-width: 600px){.card li{padding:14px}.link-button{width:100%;padding:12px;font-size:1rem}.card li p{font-size:1rem}}.link-button{position:relative;overflow:hidden}.link-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff6;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease,opacity .4s ease;opacity:0}.link-button:active:after{width:200%;height:200%;opacity:.2;transition:0s}.card li{opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease forwards}.card li:nth-child(1){animation-delay:.05s}.card li:nth-child(2){animation-delay:.1s}.card li:nth-child(3){animation-delay:.15s}.card li:nth-child(4){animation-delay:.2s}.admin-card{opacity:0;transform:translateY(10px);animation:fadeInUp .4s ease forwards}.admin-card:nth-child(1){animation-delay:.05s}.admin-card:nth-child(2){animation-delay:.1s}.admin-card:nth-child(3){animation-delay:.15s}.admin-card:nth-child(4){animation-delay:.2s}.admin-row{opacity:0;transform:translateY(10px);animation:fadeInUp .3s ease forwards}.admin-row:nth-child(1){animation-delay:.05s}.admin-row:nth-child(2){animation-delay:.1s}.admin-row:nth-child(3){animation-delay:.15s}.admin-row:nth-child(4){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card label{font-weight:600;margin-top:10px}.card input,.card select{margin-bottom:10px}