body{margin:0;background:#fbfaf7;font-family:Arial,Helvetica,sans-serif;color:#151515}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button,input{font:inherit}header{background:#fff;border-bottom:1px solid #eee}.head{max-width:1200px;margin:auto;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.logo{font-size:30px;letter-spacing:-2px}.logo small{font-size:7px;display:block;text-align:center;letter-spacing:0;color:#555;margin-top:-4px}.period{background:#fff7e7;padding:7px 10px;font-size:11px;font-weight:700}.wrap{max-width:1200px;margin:auto;padding:28px 22px 44px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.intro{background:#f8edcf;padding:32px}.intro h1{font-size:38px;font-weight:500;margin:0 0 10px}.intro p{color:#555;line-height:1.5}.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.rule{background:#fff;padding:12px;text-align:center;border-top:4px solid #ff5b2d}.rule strong{display:block;color:#ff5b2d;font-size:18px}.rule span{font-size:10px;color:#666}.login{background:#ff8754;padding:26px;color:#fff}.login h2{font-weight:500;margin:0 0 8px}.field{margin-top:12px}.field label{display:block;font-size:11px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.field input{width:100%;border:0;padding:12px}.btn{display:inline-block;border:0;background:#a53a27;color:#fff;padding:11px 14px;font-weight:700;cursor:pointer}.login .btn{width:100%;margin-top:14px}.error{background:#fff1ed;color:#8d2f20;padding:10px;margin-top:12px;font-size:12px}.topbar{display:flex;gap:10px;align-items:center}.logout{font-size:11px;background:#eee;padding:8px 10px}.panel{background:#fff;border:1px solid #eee;padding:22px;margin-top:16px}.profile{display:flex;justify-content:space-between;gap:20px}.profile h2{margin:0 0 8px;font-weight:500}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{background:#fff7e7;padding:6px 9px;font-size:11px}.total{text-align:right}.total small{color:#777}.total strong{display:block;font-size:30px;color:#a53a27;margin-top:5px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.card{padding:18px 20px;min-height:105px}.commission{background:#ff8754;color:#fff}.ap{background:#f1d58a}.card .label{font-size:12px;text-transform:uppercase}.card .value{font-size:26px;font-weight:700;margin-top:18px}.layout{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.kpi{padding:14px 0;border-bottom:1px solid #eee}.kpihead{display:flex;justify-content:space-between;gap:15px}.track{height:8px;background:#f0ede7;margin-top:9px}.fill{height:100%;background:#ff5b2d}.threshold{font-size:10px;display:inline-block;padding:4px 7px;margin-top:7px;background:#edf5ef;color:#2c7c5c}.formula{background:#fff7e7;padding:13px;margin-top:12px;font-size:13px}.payrow{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee}.paytotal{background:#ff5b2d;color:#fff;padding:13px;margin-top:12px;display:flex;justify-content:space-between}.adminsearch{display:flex;gap:10px;align-items:end}.adminsearch .field{flex:1}.adminsearch input{border:1px solid #ddd}.months{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.month{background:#f7f7f5;padding:15px}.pass{border-top:5px solid #2c7c5c}.fail{border-top:5px solid #b34539}.wait{border-top:5px solid #c9b476}.footer{text-align:center;color:#aaa;font-size:11px;margin-top:24px}@media(max-width:850px){.hero,.layout{grid-template-columns:1fr}.rules{grid-template-columns:1fr 1fr}}@media(max-width:560px){.wrap{padding:18px 12px}.profile{flex-direction:column}.total{text-align:left}.cards,.months{grid-template-columns:1fr}}