:root{--teal:#384bff;--teal-dark:#2c3ad1;--accent:#e8b30b;--ink:#14202b;--muted:#5b6b7a;--bg:#eef2f5;--panel:#fff;--line:#dce3ea;--amber:#b45309;--amber-soft:#fdf2e2;--green:#15803d;--green-soft:#dcfce7;--blue:#1d4ed8;--blue-soft:#dbeafe;--shadow:0 1px 2px rgba(16,32,45,.06),0 8px 24px rgba(16,32,45,.05)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{background:var(--panel);border-bottom:1px solid var(--line);height:60px;gap:12px;padding:0 22px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:9px;font-weight:800;letter-spacing:-.01em}.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800}.brand small{display:block;font-size:.68rem;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.topbar .spacer{flex:1 1}.topbar .who{font-size:.85rem;color:var(--muted)}.topbar .who b{color:var(--ink)}.topnav{display:flex;gap:4px;margin-left:18px}.nav-link{font-size:.9rem;font-weight:600;color:var(--muted);padding:7px 13px;border-radius:8px}.nav-link:hover{color:var(--ink);background:#f2f6f8}.nav-link.active{color:var(--teal);background:rgba(56,75,255,.09)}.container{max-width:860px;margin:0 auto;padding:26px 22px 60px}.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head-row .page-sub{margin-bottom:0}.cell-sub{font-size:.78rem;color:var(--muted);margin-top:2px}.form-card{padding:0}.form-section{padding:20px 22px;border-bottom:1px solid var(--line)}.form-section h3{margin:0 0 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--teal)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}.field-wrap{display:flex;flex-direction:column}.field-wrap.wide{grid-column:1/-1}.field-wrap label{font-size:.82rem;font-weight:600;margin-bottom:6px}.field-wrap .req{color:#dc2626}.field-wrap input,.field-wrap select{padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:.93rem;background:#fff;color:var(--ink);font-family:inherit}.field-wrap input:focus,.field-wrap select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(56,75,255,.12)}@media (max-width:620px){.form-grid{grid-template-columns:1fr}}.line-item{display:flex;gap:10px;margin-bottom:10px;align-items:center}.line-item input{padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-size:.9rem;font-family:inherit;background:#fff;color:var(--ink)}.line-item input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(56,75,255,.12)}.line-item .li-name{flex:1 1}.line-item .li-pack{width:190px}.line-item .li-qty{width:80px;text-align:right}.line-item .li-remove{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);background:#fff;border-radius:8px;color:var(--muted);font-size:1.1rem;cursor:pointer}.line-item .li-remove:hover{color:#dc2626;border-color:#f0b8b8}@media (max-width:620px){.line-item{flex-wrap:wrap}.line-item .li-name,.line-item .li-pack{flex:1 1 100%;width:auto}}.page-title{font-size:1.5rem;letter-spacing:-.02em;margin:0 0 2px}.page-sub{color:var(--muted);margin:0 0 20px;font-size:.95rem}.order-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);padding:16px 18px;margin-bottom:12px;transition:transform .08s ease,box-shadow .12s ease}.order-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(16,32,45,.08),0 14px 32px rgba(16,32,45,.08)}.order-card .row1{display:flex;align-items:center;gap:12px}.order-card .pharm{font-weight:700;font-size:1.02rem}.order-card .num{font-size:.8rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.order-card .meta{margin-top:6px;font-size:.86rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 16px}.order-card .meta b{color:var(--ink);font-weight:600}.spacer{flex:1 1}.badge{display:inline-block;font-size:.74rem;font-weight:700;padding:3px 11px;border-radius:999px;white-space:nowrap}.badge.New{background:var(--amber-soft);color:var(--amber)}.badge.Accepted{background:var(--blue-soft);color:var(--blue)}.badge.Dispatched{background:var(--green-soft);color:var(--green)}.badge.Off{background:#f1f4f7;color:#6b7280}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.92rem;font-weight:650;padding:10px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer;transition:background .12s ease,opacity .12s ease}.btn.primary{background:var(--teal);color:#fff}.btn.primary:hover{background:var(--teal-dark)}.btn.light{background:var(--panel);color:var(--ink);border-color:var(--line)}.btn.light:hover{background:#f5f8fa}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}.btn.btn-sm{padding:6px 14px;font-size:.82rem}.row-disabled{opacity:.55}.login-error{background:#fdecec;border:1px solid #f6c9c9;color:#b91c1c;font-size:.86rem;padding:10px 12px;border-radius:9px;margin-bottom:16px}.detail-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.detail-hd{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.detail-hd h2{margin:0;font-size:1.25rem}.detail-hd .sub{color:var(--muted);font-size:.88rem;margin-top:2px}.items{width:100%;border-collapse:collapse}.items td,.items th{text-align:left;padding:12px 22px;border-bottom:1px solid var(--line)}.items th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.items td.qty,.items th.qty{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.items tbody tr:last-child td{border-bottom:none}.detail-actions{padding:18px 22px;display:flex;gap:12px;flex-wrap:wrap;background:#fafcfd;border-top:1px solid var(--line)}.backlink{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.9rem;margin-bottom:14px}.backlink:hover{color:var(--ink)}.auth{min-height:100dvh;display:flex}.auth__brand{position:relative;width:52%;overflow:hidden;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(1100px 560px at 12% -5%,rgba(56,75,255,.3),transparent 60%),linear-gradient(150deg,#0b1024,#141a4d 48%,#0b1024)}.auth__brand:after,.auth__brand:before{content:"";position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none}.auth__brand:before{top:-90px;left:-70px;width:320px;height:320px;background:rgba(56,75,255,.16)}.auth__brand:after{bottom:-130px;right:-90px;width:400px;height:400px;background:rgba(232,179,11,.1)}.auth__logo{position:relative;z-index:1;display:flex;align-items:center;gap:11px}.auth__logo .mark{width:42px;height:42px;border-radius:12px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:21px;font-weight:800;box-shadow:0 6px 22px rgba(56,75,255,.55)}.auth__logo b{font-size:1.14rem;font-weight:800;letter-spacing:-.01em}.auth__logo small{display:block;font-size:.64rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--accent);margin-top:2px}.auth__hero{position:relative;z-index:1;margin:auto 0}.auth__hero h2{font-size:2.2rem;line-height:1.13;font-weight:800;letter-spacing:-.025em;margin:0 0 12px;max-width:13ch}.auth__hero p{color:#b9c2e6;font-size:1.01rem;max-width:44ch;margin:0 0 30px;line-height:1.6}.auth__features{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;max-width:520px}.auth__feature{background:hsla(0,0%,100%,.055);border:1px solid hsla(0,0%,100%,.1);border-radius:14px;padding:15px 16px;transition:background .15s ease}.auth__feature:hover{background:hsla(0,0%,100%,.09)}.auth__feature .ico{width:34px;height:34px;border-radius:9px;background:rgba(56,75,255,.28);display:grid;place-items:center;margin-bottom:10px;color:#aebcff}.auth__feature .ico svg{width:18px;height:18px}.auth__feature h4{margin:0 0 3px;font-size:.9rem;font-weight:700}.auth__feature p{margin:0;font-size:.78rem;color:#9aa6d4;line-height:1.45}.auth__stats{position:relative;z-index:1;display:flex;gap:42px;padding-top:8px}.auth__stats .v{font-size:1.16rem;font-weight:800}.auth__stats .l{font-size:.72rem;color:#8b97c8}.auth__panel{flex:1 1;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth__mobilebrand{display:none}.login-card{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(16,32,45,.05),0 18px 50px rgba(16,32,45,.09);padding:36px 32px}.login-card h1{text-align:center;font-size:1.4rem;margin:2px 0 4px;letter-spacing:-.01em}.login-card .tag{text-align:center;color:var(--muted);font-size:.9rem;margin-bottom:24px}.field{margin-bottom:15px}.field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--ink)}.field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;font-size:.95rem;background:#fff;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.field input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(56,75,255,.14)}.login-card .btn.primary{box-shadow:0 8px 20px rgba(56,75,255,.26)}.demo-note{text-align:center;font-size:.78rem;color:var(--muted);margin-top:18px;line-height:1.5}@media (max-width:960px){.auth__brand{display:none}.auth__mobilebrand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px;font-weight:800}.auth__mobilebrand .mark{width:34px;height:34px;border-radius:10px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800}}.empty{text-align:center;color:var(--muted);padding:50px 0}