:root{color-scheme:dark}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#0c1118}
body{margin:0;color:#eaf1f6;background:radial-gradient(ellipse at 50% 0,#24443a50,transparent 58%),#0c1118;font:14px/1.7 'Segoe UI Variable','Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:620px;margin:6vh auto;padding:35px 38px 38px;border:1px solid #35483f;border-radius:20px;background:linear-gradient(155deg,#1b2826,#151e28 40%,#141c27);box-shadow:0 25px 90px #0005,inset 0 1px #ffffff05}
main::before{content:'ТАБЛИЦА / РАБОЧЕЕ ПРОСТРАНСТВО';display:block;margin-bottom:24px;color:#99d8bf;font-size:9px;font-weight:650;letter-spacing:1.8px}h1{margin:0 0 16px;color:#f2f7fb;font-size:29px;font-weight:650;line-height:1.3;letter-spacing:-.8px}h2{margin-top:28px;font-size:19px;font-weight:600;letter-spacing:-.3px}p{color:#abbfcb;font-size:13px}
label{display:flex;flex-direction:column;gap:7px;margin:17px 0;color:#c5d4dd;font-size:12px}input{width:100%;min-width:0;padding:12px 14px;border:1px solid #3a4e5d;border-radius:10px;background:#0f1821;color:#eef6fc;font:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#8197a8;opacity:1}input:focus{border-color:#75e7bc;outline:0;box-shadow:0 0 0 3px #75e7bc15}
button{padding:11px 18px;border:1px solid #a0f3d6;border-radius:10px;background:#75e7bc;color:#0a3326;font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:background .15s,transform .15s}form>button{min-height:44px;margin-top:7px}button:hover{background:#a8f4d9}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid #75e7bc;outline-offset:4px}
.error{padding:11px 14px;border:1px solid #f99aaa40;border-radius:9px;background:#f99aaa0c;color:#ffc0ca}p[role=status]:not(.error){color:#a6dac4}a{color:#8fe5c1;text-underline-offset:4px}a:hover{color:#c0ffe6}ul{list-style:none;margin:22px 0;padding:0}li{margin:10px 0;padding:13px 15px;border:1px solid #30414e;border-radius:10px;background:#101a24;color:#ccdce6;font-size:13px}li form{display:inline-block;margin-left:8px}li button{margin:4px 0;min-height:30px;padding:5px 9px;border-color:#e9a6af40;border-radius:7px;background:#ed99a610;color:#eeb6bf;font-size:10px;font-weight:500}li button:hover{background:#ed99a622}::selection{background:#75e7bc36;color:#fff}
@media(max-width:680px){main{margin:18px 14px;padding:27px 23px;border-radius:16px}main::before{font-size:8px;letter-spacing:1.2px}h1{font-size:25px}li form{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}