*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#232942;font:15px system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1250px;margin:auto;padding:24px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;background:white;border-bottom:1px solid #e9ecf4;padding:16px max(20px,calc((100vw - 1200px)/2))}.logo{font-weight:850;font-size:24px;letter-spacing:-1px}.logo span{color:#6857ef}.nav{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.nav a,.pill{border:1px solid #e8eaf2;border-radius:12px;background:white;padding:10px 13px;font-size:13px;font-weight:650}.nav a.active{background:#6857ef;color:white}.head{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.muted{color:#8992a5;font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:14px}.card{background:white;border:1px solid #eef0f6;border-radius:18px;padding:20px;margin-bottom:15px;box-shadow:0 4px 20px #25305206}.card h3{margin:0 0 14px}.stat{font-size:30px;font-weight:800;margin:12px 0 0}.teal{color:#009a9f}.blue{color:#387ce2}.orange{color:#df7a2f}.pink{color:#d8508e}.green{color:#16875a}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #eef0f5;vertical-align:middle}th{color:#8a92a5;font-size:11px;text-transform:uppercase;letter-spacing:.04em}input,select{font:inherit;border:1px solid #dfe4ee;border-radius:10px;padding:10px;background:white;max-width:100%;width:100%}label{display:block;color:#657087;font-size:13px;font-weight:600;margin-bottom:10px}label input,label select{margin-top:6px}button,.btn{cursor:pointer;border:0;border-radius:10px;background:#6757ee;color:white;font-weight:700;padding:11px 15px;font:inherit}button.small{padding:7px 10px;font-size:12px}.secondary{background:#eae7ff;color:#5142bb}.danger{background:#ffe8e8;color:#af3949}.row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.row>*{flex:1}.row button{flex:0 0 auto}.notice{background:#e4f7ec;padding:13px;border-radius:12px;color:#147349;margin-bottom:16px}.error{color:#b23d4c}.auth{max-width:430px;background:white;border-radius:22px;margin:9vh auto;padding:36px;box-shadow:0 10px 40px #18203d13}.auth button{width:100%}.tablewrap{overflow-x:auto}.calendar{min-width:930px}.calendar th,.calendar td{text-align:center;border:1px solid #e7ebf4}.calendar td{padding:4px;min-width:112px}.calendar .person{text-align:left;min-width:110px;font-weight:700}.cell{display:block;border-radius:8px;background:#eaf1ff;padding:9px 4px;min-height:57px;font-size:11px;white-space:pre-line}.cell.off{background:#e8f7ef;color:#16875a}.cell.leave{background:#fff0dd;color:#a76c19}.formbox{background:#f7f8fc;border-radius:13px;padding:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:650px){.shell{padding:13px}.top{padding:15px}.split{grid-template-columns:1fr}.card{padding:14px}.nav a{font-size:12px;padding:9px}th,td{padding:8px 4px}}