:root{font-family:Segoe UI,Arial,sans-serif;color:#182138;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;background:#5346d9;color:white;padding:12px 16px;border-radius:9px}button:hover{filter:brightness(.94)}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(420px,90vw);background:white;padding:35px;border-radius:18px;box-shadow:0 14px 50px #18213819}.login h1{color:#5346d9;margin-bottom:4px}.login label{display:block;margin:22px 0 8px}.login input{width:100%;padding:13px;border:1px solid #d5dbea;border-radius:8px;margin-top:6px}.login button{width:100%;margin-top:18px}#loginError{color:#b72c45}#app{display:flex;min-height:100vh}#app[hidden],#login[hidden]{display:none}aside{width:235px;flex-shrink:0;background:#1d2040;color:white;padding:25px 15px;display:flex;flex-direction:column;gap:10px}aside h2{margin:0 10px}aside small{margin:0 10px 25px;color:#a6abd2}nav{display:grid;gap:5px}nav button{background:transparent;text-align:left;color:#d9dcf5}nav button.active{background:#5145bc;color:white}.outline{margin-top:auto;background:transparent;border:1px solid #8b8fb4}main{padding:30px;flex:1;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}header h1{margin:0}header p{color:#788198}.panel{background:white;padding:22px;border-radius:14px;box-shadow:0 3px 18px #1a23410d;overflow:auto}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.tile{background:white;padding:24px;border-radius:14px;border:1px solid #e9ecf4}.tile b{display:block;font-size:23px;margin-top:10px;color:#5145bc}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{padding:11px;border:1px solid #d5dbea;border-radius:8px;max-width:380px;width:100%}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #eef0f5;max-width:250px;overflow-wrap:anywhere}th{background:#f7f8fc} .error{color:#b72c45}.muted{color:#788198}@media(max-width:700px){#app{display:block}aside{width:100%;padding:15px}nav{display:flex;overflow:auto}nav button{white-space:nowrap}main{padding:15px}header{display:block}}

.product-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.product-heading h2{margin:0}.product-heading p{margin:6px 0}.product-scroll{overflow-x:auto}.product-table{min-width:900px}.product-table th{white-space:nowrap}.product-table td{vertical-align:middle;max-width:240px}.product-table .arabic{margin-top:5px;direction:rtl;text-align:left;color:#59647e}.product-table small{display:block;margin-top:4px}.secondary-btn{background:#edf0fa;color:#343c69}.modal-overlay{position:fixed;inset:0;background:#10162c9c;z-index:100;display:grid;place-items:center;padding:18px}.product-modal{width:min(720px,96vw);max-height:94vh;overflow-y:auto;background:white;border-radius:16px;padding:24px;box-shadow:0 22px 70px #0003}.product-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.product-form label{display:flex;flex-direction:column;gap:6px;font-size:14px}.product-form input:not([type=checkbox]),.product-form select{width:100%;padding:11px;border:1px solid #d5dbea;border-radius:8px;background:white}.product-form .check-row{display:flex;flex-direction:row;align-items:center}.product-form .error,.product-form .form-actions{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px}.close-btn{background:transparent;color:#333;font-size:28px;padding:0 8px}@media(max-width:620px){.product-form{grid-template-columns:1fr}.product-heading{flex-wrap:wrap}}

.inv-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.inv-toolbar input{min-width:240px;flex:1}.inv-toolbar button{white-space:nowrap}.inv-warning{grid-column:1/-1;color:#9a4d00;background:#fff4df;padding:12px;border-radius:8px}.product-scroll{overflow-x:auto}


/* Falcon ERP Customer and Vendor editor layout */
.partner-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  align-items: start;
  max-width: 1100px;
  margin-top: 22px;
}
.partner-form > label {
  display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  color: #343e59;
}
.partner-form > label > span { display: block; }
.partner-form input,
.partner-form select {
  width: 100%;
  min-width: 0;
  min-height: 43px;
  padding: 10px 12px;
  border: 1px solid #d5dbea;
  border-radius: 9px;
  background: #fff;
  color: #182138;
  font: inherit;
}
.partner-form input:focus {
  outline: 2px solid #7468e5;
  outline-offset: 1px;
}
.partner-form > button {
  justify-self: start;
  min-width: 130px;
  margin-top: 5px;
}
.partner-form > p {
  grid-column: 1 / -1;
  margin: 0;
}
@media (max-width: 680px) {
  .partner-form { grid-template-columns: 1fr; }
}

/* Falcon SaaS platform administrator workspace */
.saas-dashboard{max-width:1440px;margin:0 auto}.saas-dashboard-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#171b42,#5346d9);color:#fff;box-shadow:0 14px 34px #18213822}.saas-dashboard-header h2{margin:4px 0 8px;font-size:27px}.saas-dashboard-header .muted{color:#d9dcf5;max-width:650px}.saas-dashboard-header .eyebrow{color:#bfc6ff}.saas-dashboard-header .secondary-btn{background:#fff;color:#343c69}.saas-dashboard-message{min-height:20px;margin:14px 2px}.saas-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}.saas-metric{background:#fff;border:1px solid #e5e9f4;border-radius:14px;padding:18px 20px;box-shadow:0 3px 16px #1a23410a}.saas-metric span,.saas-metric small{display:block;color:#66718d}.saas-metric strong{display:block;margin:8px 0 4px;font-size:26px;color:#1d2643}.saas-metric.success{border-top:4px solid #239767}.saas-metric.warning{border-top:4px solid #d88916}.saas-metric.danger{border-top:4px solid #c6435a}.saas-workspace{background:#fff;border-radius:16px;padding:24px;box-shadow:0 3px 18px #1a23410d}.saas-workspace-heading h3{margin:4px 0 18px}.saas-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.saas-toolbar input,.saas-toolbar select{padding:11px 12px;border:1px solid #d5dbea;border-radius:8px;background:#fff;font:inherit}.saas-toolbar input{min-width:min(100%,360px);flex:1}.saas-toolbar select{min-width:150px}.saas-table-wrap table{min-width:1040px}.saas-table-wrap td small{display:block;margin-top:4px;color:#788198}.saas-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.saas-status.success{background:#e5f6ee;color:#137648}.saas-status.warning{background:#fff3dc;color:#9a5e00}.saas-status.danger{background:#ffe9ed;color:#a7203e}.saas-status.neutral{background:#edf0fa;color:#4c5677}.saas-customer-dialog{border:0;border-radius:18px;padding:0;width:min(760px,94vw);max-height:90vh;box-shadow:0 24px 80px #10162c55}.saas-customer-dialog::backdrop{background:#10162c9c}.saas-customer-card{padding:28px;background:#fff}.saas-customer-dialog-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.saas-customer-dialog-header h2{margin:4px 0}.saas-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.saas-detail-grid>div{background:#f7f8fc;border:1px solid #e8ebf4;padding:12px;border-radius:10px;min-width:0}.saas-detail-grid dt{font-size:12px;color:#68738d}.saas-detail-grid dd{margin:5px 0 0;overflow-wrap:anywhere;color:#1d2643;font-weight:600}.saas-customer-card.product-form{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-customer-card.product-form>h2,.saas-customer-card.product-form>p{grid-column:1/-1;margin:0}.saas-customer-card.product-form .eyebrow{margin-bottom:-12px}@media(max-width:900px){.saas-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-dashboard-header{flex-direction:column}}@media(max-width:620px){.saas-metric-grid,.saas-detail-grid,.saas-customer-card.product-form{grid-template-columns:1fr}.saas-dashboard-header,.saas-workspace{padding:20px}.saas-dashboard-header .form-actions{width:100%;justify-content:flex-start}.saas-toolbar input,.saas-toolbar select{width:100%;min-width:0}}