:root{font-family:system-ui,sans-serif;color:#173630;background:#f1f5f2;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#13665b;color:white;padding:1.3rem;display:flex;gap:.6rem;flex-direction:column}.brand{font-size:1.5rem;font-weight:750}main{max-width:1100px;margin:auto;padding:1rem}h1{font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.04em}h2{margin-top:0;font-size:1.3rem}p{line-height:1.6}section,article{background:white;border-radius:16px;padding:1.3rem;margin:1rem 0;border:1px solid #dce6df}nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}nav form{margin-left:auto}a{color:#13665b;font-weight:600}label{display:block;margin:.8rem 0;font-size:.9rem;font-weight:600}input,select{display:block;width:100%;padding:.8rem;border:1px solid #aabeb4;border-radius:8px;margin-top:.4rem;font:inherit;background:white;color:#173630}button{background:#13665b;color:white;border:0;border-radius:8px;padding:.85rem 1.1rem;font:inherit;font-weight:650;cursor:pointer;min-height:44px}.secondary{background:#e7efe9;color:#174a3e}.check{display:flex;align-items:center;gap:.5rem}.check input{width:auto;margin:0}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.stats article{margin:0}.stats strong{display:block;font-size:1.5rem;margin-top:.5rem}.pair{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.year{display:flex;gap:1rem;align-items:center}.year input{max-width:130px}.error{background:#ffe9df;padding:1rem;border-radius:8px}.login{max-width:480px;margin:3rem auto}.record{background:#f7faf7}.delete{margin-top:.7rem}footer{text-align:center;padding:2rem;color:#5b7367}[hidden]{display:none!important}input:focus,select:focus,button:focus,a:focus{outline:3px solid #dda950;outline-offset:2px}@media(min-width:760px){header{flex-direction:row;justify-content:space-between;align-items:center}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stats{grid-template-columns:repeat(4,1fr)}}@media print{header,nav,.year,.columns,#settings,footer,.delete,#print{display:none}body{background:white}main{max-width:none}section,article{break-inside:avoid;border-radius:0}a{color:black}.stats{grid-template-columns:repeat(4,1fr)}}
