:root{--g:#173f35;--dark:#13251f;--lime:#dcef67;--bg:#f4f4ef;--line:#d8ded9;--muted:#68736e}*{box-sizing:border-box}body{margin:0;font:15px Arial;color:#19251f;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);padding:12px 17px;background:white;border-radius:4px;font-weight:bold}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.welcome{padding:55px 8vw;background:var(--g);color:white;display:flex;flex-direction:column;justify-content:space-between}.welcome>b,aside>b{letter-spacing:2px}.welcome h1{font-size:clamp(42px,5vw,70px);line-height:1.05;margin:15px 0}.welcome p{font-size:18px;line-height:1.6;color:#d2ddd8}.welcome small{color:var(--lime);letter-spacing:2px;font-weight:bold}.welcome li{margin:15px 0}.auth{display:grid;place-items:center;padding:35px}.auth form{width:min(100%,440px)}.auth form>small{color:#587166;font-weight:bold;letter-spacing:2px}.auth h2{font-size:31px;margin:10px 0}.auth p,.content p{color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);margin:25px 0}.tabs button{border:0;background:none;padding-inline:0;margin-right:25px}.tabs .on{border-bottom:3px solid var(--g)}label{display:grid;gap:7px;font-weight:bold;font-size:13px;margin:14px 0}input,select{padding:13px;border:1px solid #c8d0cb}.primary{background:var(--lime);border:0}.full{width:100%}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.shell>aside{background:var(--dark);color:white;padding:28px 20px;display:flex;flex-direction:column}.club{padding:22px 10px;margin:25px 0;border-block:1px solid #ffffff18}.club small,.member small{display:block;color:#91a59d;margin-bottom:6px}.shell nav{display:grid;gap:5px}.shell nav button{border:0;background:none;color:#b8c7c1;text-align:left}.shell nav button.on{background:#ffffff12;color:white}.member{margin-top:auto;border-top:1px solid #ffffff18;padding:20px 10px}.content{padding:38px 5vw}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.header-actions{display:flex;gap:12px;align-items:center;margin-left:36px}.feedback-button{margin-right:14px;padding:12px 17px;color:#173f35;background:var(--lime);border:1px solid var(--lime);border-radius:4px;font-weight:bold;text-decoration:none}.feedback-button:hover,.feedback-button:focus-visible{background:#e7f57f;outline:3px solid #dcef6759;outline-offset:2px}.password-dialog{width:min(92vw,470px);padding:32px;border:1px solid var(--line);border-radius:6px;color:#19251f;background:white}.password-dialog::backdrop{background:#10251fcc}.password-dialog h2{margin:8px 0}.password-dialog p{color:var(--muted);line-height:1.5}.password-dialog form>small{color:#587166;font-weight:bold;letter-spacing:2px}.password-dialog input{width:100%}.password-dialog .dialog-close{position:absolute;top:14px;right:14px;padding:7px 11px;border:0;background:#f0f2ef;font-size:20px}.content h1{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:30px}.stats>div,.panel,.course,table{background:white;border:1px solid var(--line)}.stats>div{padding:22px}.stats b{display:block;font-size:28px;margin-top:8px}.course{display:grid;grid-template-columns:105px 1fr auto;align-items:center;margin:18px 0}.course>div{padding:22px}.course .date{align-self:stretch;background:var(--g);color:white;display:grid;place-content:center;text-align:center}.date b{font-size:28px}.course>div:last-child{text-align:right}.course>div:last-child small{display:block;margin-bottom:10px}.status{font-size:11px;font-weight:bold;background:#e8efe7;padding:6px 9px;border-radius:20px}.interest,.panel{padding:27px}.interest{background:#e7eddf;display:flex;justify-content:space-between;align-items:center}.notice{padding:15px;background:#edf1e9;border-left:3px solid var(--lime);margin:18px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}@media(max-width:1000px){.content header{align-items:flex-start;gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:780px){.login{grid-template-columns:1fr}.welcome{min-height:360px;padding:35px}.shell{grid-template-columns:1fr}.shell>aside{display:none}.content{padding:25px 18px}.header-actions{flex-direction:column;align-items:stretch;margin-left:0}.feedback-button{margin-right:0;text-align:center}.stats{grid-template-columns:1fr}.course{grid-template-columns:78px 1fr}.course>div:last-child{grid-column:1/-1}.interest{align-items:start;gap:20px;flex-direction:column}}