:root{font-family:Segoe UI,Arial,sans-serif;color:#202936;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#1e2937;color:#fff;padding:16px 4%;display:flex;gap:28px;align-items:center}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#fff;text-decoration:none}main{max-width:1280px;margin:28px auto;padding:0 24px}footer{text-align:center;padding:28px;color:#667085}.title,.actions,.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.title{justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.card,.panel,.form{background:#fff;border:1px solid #dde2e8;border-radius:8px;padding:18px}.card b{display:block;font-size:24px}.card span{color:#667085}table{width:100%;border-collapse:collapse;background:#fff;margin:16px 0}th,td{text-align:left;padding:10px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#edf1f5}input,select,textarea{display:block;width:100%;padding:9px;border:1px solid #cbd2da;border-radius:5px}label{min-width:180px;flex:1}button,.button{display:inline-block;border:0;border-radius:5px;padding:10px 14px;background:#477c16;color:#fff;text-decoration:none;cursor:pointer}.secondary{background:#475467}.danger{background:#b42318}.inline{display:inline}.success{background:#dff5e1;color:#14532d;padding:12px}.error,.warning{background:#fee4e2;color:#7a271a;padding:12px}.hint{color:#667085}.right{text-align:right}.totals{margin-left:auto;max-width:320px}.login{max-width:420px;margin:60px auto}.wide{overflow-x:auto}