*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#fff7ec;color:#1f2933}button,input,select{font:inherit}header{height:64px;background:linear-gradient(90deg,#fff0cf,#ffab24);display:flex;justify-content:space-between;align-items:center;padding:10px 18px;border-bottom:1px solid #e29c35}header b{display:block;font-size:22px;color:#d45500}header span{font-size:12px}.ghost,button{border:1px solid #e47931;background:#ff7c12;color:white;border-radius:10px;padding:9px 13px;font-weight:700;cursor:pointer}.ghost{background:white;color:#b94b00}main{max-width:1500px;margin:auto;padding:14px}.appbar,.tools{display:flex;gap:8px;align-items:end;background:white;border:1px solid #edd4be;border-radius:14px;padding:10px;margin-bottom:10px}.appbar label{flex:1}.appbar select,.tools input,.tools select,label input,label select,textarea{width:100%;border:1px solid #ddc3b0;border-radius:9px;padding:9px;background:white}.tools input{flex:1}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px}.stats div{background:white;border:1px solid #edd4be;border-radius:14px;padding:13px;text-align:center}.stats span{display:block;font-size:12px}.stats b{font-size:25px;color:#cc3c20}.tableCard{background:white;border:1px solid #edd4be;border-radius:14px;padding:8px}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1100px}th,td{padding:9px;border-bottom:1px solid #eee;text-align:left;font-size:12px}th{background:#fff4e8}.status{font-weight:800}.trial{color:#c97800}.licensed{color:#16803b}.locked{color:#b42020}.actions{display:flex;gap:5px;flex-wrap:wrap}.actions button{padding:6px 8px;font-size:11px}.modal{position:fixed;inset:0;background:#0007;display:none;align-items:center;justify-content:center;padding:12px;z-index:9}.modal.on{display:flex}.sheet{width:min(760px,96vw);max-height:92vh;overflow:auto;background:white;border-radius:18px}.sheetHead{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid #eee}.sheetHead button{background:#eee;color:#222;border:0;border-radius:50%;width:36px;height:36px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}.formGrid label{font-size:12px;font-weight:700}.formGrid .full{grid-column:1/-1}.formActions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.keybox{font-family:monospace;background:#fff7db;border:1px dashed #d68b00;border-radius:9px;padding:9px;word-break:break-all}.history{padding:12px}.history div{border-bottom:1px solid #eee;padding:8px}.loginBody{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff0c8,#ffb125)}.loginCard{width:min(430px,94vw);background:white;border:3px solid #b73228;border-radius:25px;padding:28px}.brandMark{margin:auto;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;border:3px solid #ff7900;color:#ff7900;font-size:46px;font-weight:900}.loginCard h1{text-align:center;color:#e45d00;margin-bottom:5px}.loginCard p{text-align:center;margin-top:0}.loginCard label{display:block;font-weight:bold;margin:10px 0}.loginCard button{width:100%;margin-top:8px}.err{color:#c00;margin-top:8px;text-align:center}.company{text-align:center;font-size:11px;margin-top:18px;color:#666}
@media(max-width:800px){header b{font-size:17px}.stats{grid-template-columns:repeat(2,1fr)}.stats div:last-child{grid-column:1/-1}.tools,.appbar{align-items:stretch;flex-direction:column}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}main{padding:8px}}

/* ===== V3: FILTER + EXPORT SAME ROW ===== */
.tools{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.tools input{
  grid-column:1 / -1;
  width:100%;
}
.tools select{
  min-width:220px;
  width:100%;
}
.tools .ghost{
  white-space:nowrap;
  min-width:190px;
  height:42px;
}

@media(max-width:620px){
  .tools{
    grid-template-columns:minmax(0,1fr) auto !important;
    flex-direction:unset !important;
    align-items:center !important;
  }
  .tools input{
    grid-column:1 / -1;
  }
  .tools select{
    min-width:0;
  }
  .tools .ghost{
    min-width:145px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
  }
}

/* ===== V4.1 ADMIN LOGIN ===== */
.loginBody{min-height:100vh;padding:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fff1d0 0%,#ffd37a 48%,#ffad24 100%);background-attachment:fixed}
.loginCardNew{width:min(440px,96vw);padding:24px 28px 26px;border:3px solid #b83229;border-radius:26px;box-shadow:0 18px 55px #8a4a1530}
.loginLogo{display:block;width:170px;max-height:150px;object-fit:contain;margin:0 auto 6px}
.loginCardNew h1{font-size:29px;margin:4px 0 2px;color:#e35e00;line-height:1.05}
.loginSub{text-align:center;margin:0 0 18px;color:#323232}
.loginLabel{font-size:14px;margin:9px 0 5px!important}
.loginCardNew input{height:46px;font-size:16px}
.passwordWrap{display:flex;position:relative;align-items:center}
.passwordWrap input{padding-right:54px}
.eyeBtn{position:absolute;right:5px;width:42px!important;height:38px;margin:0!important;padding:0!important;border:2px solid #b83229!important;border-radius:12px!important;background:#ff7900!important}
.loginOptions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 2px}
.rememberRow{display:flex!important;align-items:center;gap:7px;margin:0!important;font-size:13px}
.rememberRow input{width:18px!important;height:18px}
.linkBtn{width:auto!important;margin:0!important;padding:4px!important;background:transparent!important;color:#b23523!important;border:0!important;text-decoration:underline;font-size:13px}
.loginPrimary{height:48px;font-size:16px;margin-top:7px!important;border:2px solid #9d2d23!important}
.forgotModal{position:fixed;inset:0;background:#0008;display:none;align-items:center;justify-content:center;padding:15px;z-index:99}
.forgotModal.on{display:flex}
.forgotSheet{width:min(500px,96vw);background:#fff;border-radius:20px;padding:18px;border:2px solid #e48235}
.forgotHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:17px}
.forgotHead button{width:36px!important;height:36px!important;padding:0!important;margin:0!important;border-radius:50%;background:#eee;color:#222;border:0}
.forgotSheet label{display:block;font-weight:700;font-size:13px;margin:9px 0}
.forgotSheet input{width:100%;padding:10px;border:1px solid #ddc3b0;border-radius:10px}
.forgotHint{font-size:11px;background:#fff5e8;border-radius:10px;padding:8px;color:#666}
.forgotActions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.forgotActions button{width:auto!important}
@media(max-width:520px){.loginBody{padding:7px}.loginCardNew{padding:18px 17px}.loginLogo{width:140px}.loginCardNew h1{font-size:24px}.loginOptions{align-items:flex-start}.linkBtn{font-size:12px}}