*{box-sizing:border-box}body{margin:0;background:#f2f5f1;color:#17251f;font-family:system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.auth,.app{width:min(100% - 28px,540px);margin:35px auto}.auth{max-width:430px;margin-top:9vh}.brand{text-align:center;margin-bottom:24px;color:#173d30}.brand h1{margin:8px 0}.brand p,.muted,header p{color:#738078}.panel,.next{background:#fff;border:1px solid #e1e8e1;border-radius:17px;padding:19px;margin:14px 0}.tabs{display:flex;background:#eff3ef;padding:4px;border-radius:10px;margin-bottom:15px}.tabs button{flex:1;border:0;background:transparent;padding:10px;border-radius:8px}.tabs .sel{background:#fff;font-weight:700}label{display:block;font-size:14px;font-weight:650;margin:13px 0}input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #d9e1da;border-radius:10px}.primary{border:0;background:#174532;color:#fff;border-radius:11px;padding:14px;font-weight:700}.panel>.primary{width:100%;margin-top:12px}.app header,.row{display:flex;justify-content:space-between;align-items:center}.app header h1{margin:4px 0}.app header p{margin:4px 0}.app header small,.next small{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#718077}.logout,.refresh{border:0;background:transparent;color:#315343}.next{background:#173d30;color:#fff;border:0;padding:22px}.next small{color:#c4d8cb}.next h2{margin:10px 0 4px;font-size:25px}.next p{margin:0;color:#d6e3da;font-size:14px}.row h3{display:flex;align-items:center;gap:7px;margin:0;font-size:17px}.refresh{display:flex;align-items:center;gap:5px;font-size:12px}.entry{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0ed}.entry:first-of-type{margin-top:12px}.entry b{background:#edf3ee;border-radius:8px;padding:6px 10px;color:#315b45}.entry span{flex:1;font-weight:650}.entry span small{display:block;color:#758279;font-weight:400}.entry>small{color:#718077}.mine b{background:#d9eee0}.row strong{font-size:12px;background:#e1f4e6;color:#27623a;padding:6px 10px;border-radius:20px}.full{width:100%;margin-top:12px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.actions button{border:1px solid #dfe6df;background:#f8faf8;border-radius:11px;padding:13px 5px;display:flex;justify-content:center;align-items:center;gap:7px;color:#315343;font-weight:650}.actions svg{width:18px}.leave{border:1px solid #f0d6d2;background:#fff8f7;color:#9a4339;border-radius:11px;padding:12px}.err{background:#fff2e8;color:#8a4b17;padding:10px;border-radius:9px;font-size:13px}.foot{text-align:center;color:#748078;font-size:12px}@media(min-width:600px){.app{margin-top:45px}}.notice{background:#eaf5ed;color:#245b38;padding:10px;border-radius:9px;font-size:13px}.row strong.paused{background:#fff0d9;color:#8a5716}.row strong.present{background:#e1f4e6;color:#27623a}.row strong.absent{background:#edf0ed;color:#59645d}