:root{font-family:system-ui,sans-serif;color:#173052;background:#f2f5fa}*{box-sizing:border-box}body{margin:0}main{max-width:1180px;margin:40px auto;padding:0 24px}header{display:flex;gap:16px;align-items:center;margin-bottom:30px}h1{font-size:30px;margin:0}header p{margin:4px 0;color:#607189}.mark{background:#1767dc;color:white;font-weight:800;font-size:32px;border-radius:16px;padding:8px 22px}section{background:white;border:1px solid #e0e7f0;border-radius:16px;padding:28px;margin:24px 0;box-shadow:0 4px 20px #17305208}h2{margin-top:0;font-size:20px}label{display:block;font-size:14px;font-weight:600}input{display:block;width:100%;border:1px solid #bdcadd;border-radius:8px;padding:11px;margin:8px 0 16px;font:inherit}button{border:0;border-radius:8px;background:#1767dc;color:white;padding:11px 16px;font:inherit;cursor:pointer;margin:4px 4px 4px 0}button:hover{filter:brightness(.94)}.secondary{background:#eaf0f8;color:#173052}.danger{background:#fff0f0;color:#a12626}.create{display:flex;gap:20px;align-items:end}.create label:first-of-type{flex:1}.create button{margin-bottom:16px}.login{max-width:440px;margin:50px auto}.error{padding:16px;background:#fff0f0;color:#a12626;border-radius:8px}.code{font-family:monospace;overflow-wrap:anywhere;font-size:18px}.table{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid #e5ebf3;vertical-align:top}td form{min-width:260px}td input{max-width:180px}p,footer{color:#607189;line-height:1.6}.logout{text-align:right}footer{text-align:center;font-size:13px}@media(max-width:650px){main{padding:0 12px}.create{display:block}section{padding:20px}}