/* QuickInvoice Pro 18 visual shell layered over stable Pro 17.4.44 core. Black traditional sidebar refresh. */
:root{--qi18-green:#087a21;--qi18-green2:#10b448;--qi18-dark:#0f172a;--qi18-muted:#64748b;--qi18-bg:#f5f8f6;--qi18-border:#e5ece7;--qi18-shadow:0 18px 55px rgba(15,23,42,.10);--qi18-radius:22px}body .qi15lu-root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;color:var(--qi18-dark)}.qi-auth51-page{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(420px,1.05fr) minmax(390px,.95fr)!important;background:linear-gradient(135deg,#f7fbf8,#eef7f0)!important;padding:28px!important;gap:26px!important;box-sizing:border-box!important}.qi-auth51-marketing{border-radius:34px!important;overflow:hidden!important;box-shadow:var(--qi18-shadow)!important;min-height:calc(100vh - 56px)!important;position:relative!important;border:1px solid rgba(255,255,255,.7)!important}.qi-auth51-marketing:after{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(8,122,33,.04))!important;pointer-events:none!important}.qi-auth51-panel{background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:34px!important;box-shadow:var(--qi18-shadow)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:34px!important;min-height:calc(100vh - 56px)!important;box-sizing:border-box!important}.qi-auth51-safe{background:#eefaf1!important;color:#075f1b!important;border:1px solid #ccefd5!important;border-radius:999px!important;padding:10px 16px!important;font-weight:800!important;margin-bottom:18px!important}.qi-auth51-card{background:#fff!important;border:1px solid var(--qi18-border)!important;border-radius:28px!important;box-shadow:0 14px 42px rgba(15,23,42,.10)!important;padding:34px!important;width:min(100%,470px)!important}.qi-auth51-card h1{font-size:34px!important;letter-spacing:-.04em!important;line-height:1.05!important;margin:0 0 7px!important;color:#0f172a!important}.qi-auth51-card p{color:var(--qi18-muted)!important;margin-top:0!important}.qi-auth51-form label{font-size:13px!important;font-weight:800!important;color:#334155!important;margin:14px 0 7px!important;display:block!important}.qi-input,.qi-auth51-form input,.qi-auth51-form select,.qi-auth51-form textarea{border:1px solid #dfe8e2!important;background:#f8fbf9!important;border-radius:15px!important;min-height:48px!important;padding:12px 14px!important;box-shadow:none!important;outline:none!important;box-sizing:border-box!important;width:100%!important}.qi-input:focus,.qi-auth51-form input:focus,.qi-auth51-form select:focus,.qi-auth51-form textarea:focus{border-color:#16a34a!important;box-shadow:0 0 0 4px rgba(16,180,72,.12)!important;background:white!important}.qi-btn.green,.qi-auth51-submit,.qi-btn.green.full{background:linear-gradient(135deg,var(--qi18-green),var(--qi18-green2))!important;color:#fff!important;border:none!important;border-radius:16px!important;box-shadow:0 14px 30px rgba(8,122,33,.22)!important;min-height:50px!important;font-weight:900!important}.qi-auth51-row{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:14px 0!important;gap:10px!important}.qi-auth51-link,.qi-auth51-new button,.qi-auth51-new a{color:var(--qi18-green)!important;font-weight:900!important;text-decoration:none!important}.qi-auth51-employee{width:min(100%,470px)!important;background:#f8fbf9!important;border:1px solid var(--qi18-border)!important;border-radius:18px!important;padding:16px!important;margin-top:16px!important;color:#475569!important}.qi18-login-toggle{width:min(100%,470px);display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#eef7f0;border:1px solid #dbeee0;border-radius:999px;padding:6px;margin-bottom:18px}.qi18-login-toggle a,.qi18-login-toggle span{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:999px;font-weight:900;text-decoration:none;color:#475569}.qi18-login-toggle .active{background:#fff;color:#087a21;box-shadow:0 8px 20px rgba(15,23,42,.10)}
.qi-app{background:#f5f8f6!important;min-height:100vh!important}.qi-sidebar{background:#0b1220!important;border-right:1px solid rgba(255,255,255,.08)!important;box-shadow:8px 0 35px rgba(2,6,23,.22)!important;padding:18px!important;color:#e5e7eb!important}.qi-company-card{background:linear-gradient(135deg,#111827,#0b1220)!important;border:1px solid rgba(16,180,72,.28)!important;border-radius:22px!important;padding:16px!important;box-shadow:0 10px 25px rgba(0,0,0,.25)!important;color:#f8fafc!important;font-weight:900!important}.qi-logo-icon{background:linear-gradient(135deg,var(--qi18-green),var(--qi18-green2))!important;color:#fff!important;border-radius:14px!important}.qi-sidebar nav button,.qi-sidebar button:not(.qi-logout-btn){border-radius:16px!important;margin:4px 0!important;color:#d1d5db!important;font-weight:800!important;transition:.18s!important;background:transparent!important;border:1px solid transparent!important}.qi-sidebar nav button:hover,.qi-sidebar nav button.active,.qi-sidebar button.active{background:rgba(16,180,72,.14)!important;color:#ffffff!important;box-shadow:inset 4px 0 0 #10b448,inset 0 0 0 1px rgba(16,180,72,.20)!important}.qi-logout-btn{background:rgba(190,18,60,.14)!important;color:#fecdd3!important;border:1px solid rgba(251,113,133,.28)!important;border-radius:16px!important;font-weight:900!important}.qi-sidebar *{border-color:rgba(255,255,255,.08)!important}.qi-sidebar h1,.qi-sidebar h2,.qi-sidebar h3,.qi-sidebar strong,.qi-sidebar .qi-company-name{color:#ffffff!important}.qi-sidebar small,.qi-sidebar span,.qi-sidebar p{color:#cbd5e1!important}.qi-sidebar svg,.qi-sidebar i{color:#e5e7eb!important;fill:currentColor!important}.qi-sidebar a{color:#e5e7eb!important}.qi-sidebar nav button:hover svg,.qi-sidebar nav button.active svg,.qi-sidebar button.active svg{color:#ffffff!important}.qi-sidebar input{background:#111827!important;color:#ffffff!important;border-color:rgba(255,255,255,.12)!important}
.qi-main{background:#f5f8f6!important;padding:24px!important}.qi-topbar,.qi-mobile-header{background:rgba(255,255,255,.86)!important;border:1px solid var(--qi18-border)!important;border-radius:22px!important;box-shadow:0 12px 35px rgba(15,23,42,.06)!important;margin-bottom:18px!important}.qi-screen,.qi-page,.qi-card,.qi-panel,.qi-box,.qi15lu-root [class*="panel"],.qi15lu-root [class*="card"]{border-radius:var(--qi18-radius)!important}.qi-card,.qi-panel,.qi-box,.qi-stat,.qi-table-wrap{background:#fff!important;border:1px solid var(--qi18-border)!important;box-shadow:0 12px 35px rgba(15,23,42,.06)!important}.qi-main h1,.qi-main h2,.qi-main h3{letter-spacing:-.035em!important;color:#0f172a!important}.qi-btn,.qi-main button{border-radius:14px!important;font-weight:900!important}.qi-table,.qi-table table,.qi15lu-root table{border-collapse:separate!important;border-spacing:0 8px!important}.qi-table th,.qi15lu-root table th{color:#64748b!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important}.qi-table td,.qi15lu-root table td{background:#fff!important;border-top:1px solid var(--qi18-border)!important;border-bottom:1px solid var(--qi18-border)!important}.qi-table tr td:first-child,.qi15lu-root table tr td:first-child{border-left:1px solid var(--qi18-border)!important;border-radius:14px 0 0 14px!important}.qi-table tr td:last-child,.qi15lu-root table tr td:last-child{border-right:1px solid var(--qi18-border)!important;border-radius:0 14px 14px 0!important}.qi-toast{border-radius:16px!important;background:#0f172a!important;color:#fff!important;box-shadow:0 16px 40px rgba(0,0,0,.25)!important}.qi-employee-dash,.qi-employee-v2{background:#f5f8f6!important;min-height:100vh!important}.qi-emp-topbar,.qi-emp-welcome,.qi-emp-progress,.qi-emp-stop,.qi-emp-detail,.qi-emp-stop-list>div{background:#fff!important;border:1px solid var(--qi18-border)!important;border-radius:22px!important;box-shadow:0 12px 35px rgba(15,23,42,.06)!important}.qi-emp-progress .qi-emp-bar span{background:linear-gradient(90deg,var(--qi18-green),var(--qi18-green2))!important}.qi-emp-logout,.qi-emp-logout-inline{border-radius:14px!important;background:#fff1f2!important;color:#be123c!important;font-weight:900!important}@media(max-width:900px){.qi-auth51-page{grid-template-columns:1fr!important;padding:14px!important}.qi-auth51-marketing{min-height:260px!important}.qi-auth51-panel{min-height:auto!important;padding:20px!important}.qi-auth51-card{padding:24px!important}.qi-auth51-card h1{font-size:28px!important}.qi-main{padding:12px!important}.qi-sidebar{border-radius:0 24px 24px 0!important}.qi18-login-toggle{margin-top:0}}


/* 18.5.14 login-safe QuickInvoice sidebar brand refresh — dashboard only */
.qi-sidebar .qi-company-card{display:none!important;}
.qi-sidebar-brand{
  display:block!important;
  margin:4px 6px 22px!important;
  padding:10px 8px 16px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.qi-sidebar-logo{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:6px!important;}
.qi-sidebar-logo .qi-logo-q{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:42px!important;height:42px!important;border-radius:12px!important;
  background:linear-gradient(135deg,#ffffff,#e5f7ec)!important;color:#0b1220!important;
  font-weight:1000!important;font-size:18px!important;letter-spacing:-.08em!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
  position:relative!important;
}
.qi-sidebar-logo .qi-logo-q:after{content:''!important;position:absolute!important;right:8px!important;bottom:8px!important;width:7px!important;height:20px!important;border-radius:4px!important;background:#16a34a!important;transform:rotate(-35deg)!important;}
.qi-sidebar-logo{display:none!important;}
.qi-sidebar-word{font-size:29px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-.04em!important;color:#fff!important;white-space:nowrap!important;padding-top:6px!important;}
.qi-sidebar-word span{color:#22c55e!important;}
.qi-sidebar-company{display:none!important;}
.qi-sidebar-logo .qi-sidebar-logo-img{width:44px!important;height:44px!important;display:block!important;object-fit:contain!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))!important;}
@media(max-width:980px){.qi-sidebar-brand{margin:0 12px 16px!important;padding:4px 0 14px!important}.qi-sidebar-word{font-size:26px!important}}