/* BineshHub design foundation — shared by the public site, sign-in, workspace and company profile.
   Fonts are self-hosted because the server's CSP only allows same-origin assets. */
@font-face{font-family:"Vazirmatn";src:url("font/Vazirmatn-wght.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Estedad";src:url("font/estedad-arabic-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Estedad";src:url("font/estedad-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-200B,U+2012-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#f4f1ea; --paper-2:#ebe6da; --card:#fbfaf6; --white:#fff;
  --ink:#17160f; --ink-2:#3b3930; --muted:#76726a; --faint:#a29d91;
  --line:#dbd4c5; --line-2:#e7e1d4;
  --accent:#d0461a; --accent-2:#a9370f; --accent-soft:#f5e1d5; --accent-wash:#faefe8;
  --ok:#2c6a4c; --ok-soft:#e0ebe3; --warn:#9a6210; --warn-soft:#f3e7cf; --bad:#b42318; --bad-soft:#f6e0dc;
  --night:#15140f; --night-2:#1f1e18; --night-line:#35332b; --night-muted:#9d988b;
  --font:"Vazirmatn",Tahoma,"Segoe UI",sans-serif; --display:"Estedad","Vazirmatn",Tahoma,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --r-xs:6px; --r-sm:9px; --r:12px; --r-lg:18px; --r-xl:24px;
  --shadow-1:0 1px 0 rgba(23,22,15,.03),0 1px 3px rgba(23,22,15,.06);
  --shadow-2:0 2px 6px rgba(23,22,15,.05),0 14px 34px -14px rgba(23,22,15,.22);
  --shadow-3:0 4px 10px rgba(23,22,15,.06),0 30px 70px -24px rgba(23,22,15,.32);
  --ring:0 0 0 3px rgba(208,70,26,.22);
  --ease:cubic-bezier(.2,.8,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.75;
  -webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}
h1,h2,h3,h4{font-family:var(--display);line-height:1.55;margin:0;font-weight:700;letter-spacing:-.01em}
p{margin:0}
a{color:inherit}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
::selection{background:rgba(208,70,26,.2)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}
*{scrollbar-width:thin;scrollbar-color:#cfc8b8 transparent}
.num{font-variant-numeric:tabular-nums}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:fixed;inset-inline-start:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:var(--r-sm);text-decoration:none}
.skip-link:focus{top:12px}
.ic{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- buttons ---------- */
.btn,.primary-button,.secondary-button,.text-button,.ghost-button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 16px;border-radius:var(--r-sm);
  border:1px solid transparent;font-weight:600;font-size:13.5px;text-decoration:none;white-space:nowrap;
  transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease)}
.btn:active:not(:disabled),.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled){transform:translateY(1px)}
.primary-button,.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.primary-button:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#000}
.btn-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-accent:hover:not(:disabled){background:var(--accent-2);border-color:var(--accent-2)}
.secondary-button,.btn-line{background:var(--card);color:var(--ink);border-color:var(--line)}
.secondary-button:hover:not(:disabled),.btn-line:hover:not(:disabled){border-color:var(--ink-2);background:var(--white)}
.text-button,.ghost-button{background:transparent;color:var(--ink-2);padding:0 8px;min-height:32px}
.text-button:hover:not(:disabled),.ghost-button:hover:not(:disabled){color:var(--accent-2);background:var(--accent-wash)}
.danger-button{color:var(--bad)!important}
.primary-button.danger-button{background:var(--bad);border-color:var(--bad);color:#fff!important}
.primary-button:disabled,.secondary-button:disabled,.btn:disabled{opacity:.45}
.btn-lg{min-height:48px;padding:0 22px;font-size:15px;border-radius:var(--r)}
.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-2);
  transition:background .16s var(--ease),color .16s var(--ease),border-color .16s var(--ease)}
.icon-button:hover:not(:disabled){background:var(--paper-2);color:var(--ink)}
.icon-button .ic{width:19px;height:19px}

/* ---------- form controls ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{
  width:100%;min-height:40px;padding:8px 12px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);
  transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}
textarea{resize:vertical;line-height:1.8}
input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:#c6bfae}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--ink-2);box-shadow:var(--ring)}
input::placeholder,textarea::placeholder{color:var(--faint)}
input[type=checkbox],input[type=radio]{accent-color:var(--ink);width:16px;height:16px;margin:0;flex:none}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2376726a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 12px center;padding-inline-end:12px;padding-inline-start:34px}
label{display:grid;gap:6px;font-size:13px;color:var(--ink-2)}
.check-row{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}
kbd{direction:ltr;unicode-bidi:isolate;display:inline-block;font-family:var(--mono);font-size:11px;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--card);color:var(--muted)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}