/* BayGo v0.9.2 identity + performance reset */
:root{
  --primary:#0173EE;
  --primary-dark:#022357;
  --aqua:#01C1C2;
  --bg:#F5FBFC;
  --surface:#FFFFFF;
  --surface-2:#F8FCFF;
  --text:#0B1736;
  --muted:#667085;
  --border:#DDEAF3;
  --green:#12B981;
  --red:#EF4444;
  --orange:#F59E0B;
  --shadow:0 16px 44px rgba(2,35,87,.08);
  --shadow-soft:0 8px 24px rgba(2,35,87,.06);
  --radius:18px;
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{
  margin:0;min-height:100%;
  font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;
  background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;
}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
img{max-width:100%;display:block}
::selection{background:rgba(1,193,194,.22)}
:focus-visible{outline:3px solid rgba(1,115,238,.18);outline-offset:2px}
.primary-btn,.ghost-btn,.mini-btn,.icon-btn,.bell-btn{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}
.primary-btn:hover,.ghost-btn:hover,.mini-btn:hover,.icon-btn:hover,.bell-btn:hover{transform:translateY(-1px)}
.primary-btn{
  border:0;background:linear-gradient(135deg,var(--primary),var(--aqua));
  color:#fff;border-radius:14px;padding:12px 18px;font-weight:900;
  box-shadow:0 12px 26px rgba(1,115,238,.20);text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.primary-btn.inline{display:inline-flex}
.ghost-btn{
  border:1px solid var(--border);background:#fff;color:var(--primary-dark);
  border-radius:13px;padding:10px 14px;font-weight:800;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.icon-btn,.bell-btn{
  width:44px;height:44px;border:1px solid var(--border);border-radius:14px;
  background:#fff;color:var(--primary-dark);box-shadow:var(--shadow-soft);
}
.bell-btn{width:auto;padding:0 13px;font-weight:900}
.card{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:18px;
}
.form-stack{display:grid;gap:10px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.form-stack input,.form-stack select,.form-stack textarea,.field,
.form-grid input,.form-grid select,.form-grid textarea{
  width:100%;border:1px solid var(--border);border-radius:14px;
  padding:12px 13px;background:#fff;color:var(--text);
}
textarea.field,.form-grid textarea{min-height:92px;resize:vertical}
label{font-weight:800;color:#203456}
.small-msg{font-size:13px;color:var(--red);margin-top:10px}
.small-msg.ok,.notice.ok{background:#ECFDF5;color:#05603A;border:1px solid #ABEFC6}
.small-msg.err,.notice.err{background:#FEF3F2;color:#B42318;border:1px solid #FECDCA}
.small-msg.ok,.small-msg.err{border-radius:14px;padding:12px;line-height:1.8}
.notice{
  background:#EFF8FF;border:1px solid #B2DDFF;color:#1849A9;
  border-radius:16px;padding:14px;line-height:1.8;
}
.badge{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  padding:5px 10px;font-size:12px;font-weight:900;background:#EEF4FF;color:#3538CD;
  white-space:nowrap;
}
.badge.new,.badge.pending{background:#FFF7ED;color:#C2410C}
.badge.confirmed,.badge.delivered,.badge.active,.badge.dns_ok{background:#ECFDF3;color:#027A48}
.badge.cancelled,.badge.failed,.badge.returned{background:#FEF3F2;color:#B42318}
.badge.ready,.badge.in_delivery,.badge.called{background:#EFF8FF;color:#175CD3}
.money{font-weight:900}
.text-green{color:#059669}.text-red{color:#dc2626}
.price{font-weight:1000;color:var(--primary);font-size:28px}
.muted-line{color:var(--muted);line-height:1.8}
.grid{display:grid;gap:14px}
.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.actions,.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mini-btn{
  border:1px solid var(--border);background:#fff;color:#19325D;
  border-radius:11px;padding:8px 11px;font-weight:850;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.mini-btn.danger,.ghost-btn.danger{background:#FEF3F2;color:#B42318;border-color:#FECDCA}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:18px;background:#fff}
.data-table{width:100%;border-collapse:collapse;min-width:860px}
.data-table th,.data-table td{padding:12px;border-bottom:1px solid #EEF4F8;text-align:right;vertical-align:middle}
.data-table th{background:#F8FCFF;color:#203456;font-size:13px;position:sticky;top:0;z-index:1}
.data-table tr:hover td{background:#FBFDFF}
.mobile-card{display:none}
.clean-url,.url-preview{
  direction:ltr;text-align:left;background:#F8FCFF;border:1px dashed #B9D7EA;
  border-radius:13px;padding:10px;color:#0B1736;overflow:auto;
}
.brand-logo{height:42px;width:auto;object-fit:contain}
.brand-icon{width:46px;height:46px;border-radius:14px;object-fit:contain}
.brand-mark{
  width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--aqua));
  display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 30px rgba(1,115,238,.2);
}
.brand-mark img{width:100%;height:100%;object-fit:contain;padding:6px}
@media(max-width:1050px){.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .form-grid{grid-template-columns:1fr}
  .grid.cards{grid-template-columns:1fr}
  .primary-btn,.ghost-btn{width:100%}
}