@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--raudhah-pink: #C21658;--raudhah-pink-600: #A8124C;--raudhah-pink-400: #D94A83;--raudhah-mauve: #5E3A44;--raudhah-mauve-800: #3E2128;--raudhah-mauve-600: #7A5560;--raudhah-pale-pink: #FCEAEC;--raudhah-pale-pink-2: #F7D8DE;--raudhah-white: #F7F7F5;--raudhah-pure-white: #FFFFFF;--raudhah-grey: #4F4F40;--raudhah-grey-700: #6E6E5E;--raudhah-grey-400: #A8A89A;--raudhah-grey-200: #D9D9D0;--bg: var(--raudhah-white);--bg-elevated: var(--raudhah-pure-white);--bg-muted: var(--raudhah-pale-pink);--bg-inverse: #3A2029;--surface-card: var(--raudhah-pure-white);--surface-sunken: var(--raudhah-pale-pink);--fg1: var(--raudhah-mauve);--fg2: var(--raudhah-grey);--fg3: var(--raudhah-grey-700);--fg-on-pink: var(--raudhah-white);--fg-on-dark: var(--raudhah-pale-pink);--fg-accent: var(--raudhah-pink);--fg-link: var(--raudhah-pink);--border-subtle: #EDE4E6;--border: #E1D1D5;--fg-on-mauve: var(--raudhah-pale-pink);--border-strong: var(--raudhah-pink);--divider: rgba(76,33,105,.12);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(110,79,90,.08);--shadow-sm: 0 2px 8px rgba(110,79,90,.1);--shadow-md: 0 8px 24px rgba(110,79,90,.12);--shadow-lg: 0 20px 48px rgba(110,79,90,.16);--shadow-glow-pink: 0 0 24px rgba(194,22,88,.45);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--font-display: "PT Serif", "Source Serif Pro", Georgia, serif;--font-body: "Poppins", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--fs-caption: 12px;--fs-small: 14px;--fs-body: 16px;--fs-lead: 18px;--fs-h5: 20px;--fs-h4: 24px;--fs-h3: 32px;--fs-h2: 44px;--fs-h1: 60px;--fs-display: 84px;--lh-tight: 1.1;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed:1.7;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .08em;--tracking-caps: .14em;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-med: .22s;--dur-slow: .42s}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--fg1);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--fg1);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);margin:0;font-weight:700}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4);letter-spacing:var(--tracking-normal)}h5{font-size:var(--fs-h5);letter-spacing:var(--tracking-normal)}.display{font-family:var(--font-display);font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:700}.eyebrow{font-family:var(--font-body);font-size:var(--fs-caption);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-accent)}.lead{font-size:var(--fs-lead);line-height:var(--lh-relaxed);color:var(--fg2)}p{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--fg2);margin:0 0 var(--space-4)}small{font-size:var(--fs-small);color:var(--fg3)}code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-muted);padding:2px 6px;border-radius:var(--radius-xs);color:var(--raudhah-mauve)}a{color:var(--fg-link);text-decoration:none}a:hover{color:var(--raudhah-pink-600);text-decoration:underline}hr{border:0;border-top:1px solid var(--divider);margin:var(--space-6) 0}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-body);font-size:13px;line-height:1.45;color:var(--fg1);background:var(--raudhah-white);overflow:hidden}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}input:focus,textarea:focus,select:focus{outline:none}.app{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;min-width:1200px;background:var(--raudhah-white)}.menu-btn{display:none;width:38px;height:38px;border-radius:8px;border:1px solid var(--border);background:var(--raudhah-pure-white);color:var(--raudhah-mauve);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.menu-btn:hover{background:var(--raudhah-pale-pink);color:var(--raudhah-pink)}.sidebar-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#3c174f80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:49;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.sidebar-scrim.open{opacity:1;pointer-events:auto}.sidebar{background:linear-gradient(180deg,#3a2029,#2c1820);color:var(--raudhah-pale-pink);display:flex;flex-direction:column;border-right:1px solid rgba(252,234,236,.06)}.sidebar-brand{padding:20px 20px 16px;border-bottom:1px solid rgba(252,234,236,.08);display:flex;align-items:center;gap:10px}.sidebar-brand img{height:36px;width:auto}.sidebar-brand-text{line-height:1}.sidebar-brand-text{min-width:0}.sidebar-brand-text .wordmark{font-family:var(--font-display);font-weight:700;font-size:15px;color:#fceaec;letter-spacing:-.01em;white-space:nowrap}.sidebar-brand-text .tag{font-size:9px;color:#d94a83;letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-top:3px;white-space:nowrap}.sidebar-section-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fceaec66;padding:20px 20px 8px;font-weight:600}.sidebar-nav{flex:1;padding:4px 10px}.sidebar-nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:#fceaecb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .16s var(--ease-out);border:none;background:transparent;width:100%;text-align:left;margin-bottom:2px}.sidebar-nav-item:hover{background:#fceaec0f;color:#fceaec}.sidebar-nav-item.active{background:#c216582e;color:#fceaec;box-shadow:inset 0 0 0 1px #c2165859}.sidebar-nav-item svg{flex-shrink:0}.sidebar-nav-item .count{margin-left:auto;background:var(--raudhah-pink);color:#fff;font-size:10px;font-weight:600;padding:1px 7px;border-radius:999px;min-width:18px;text-align:center}.sidebar-footer{padding:14px 20px 18px;border-top:1px solid rgba(252,234,236,.08);font-size:11px}.sidebar-user{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:var(--raudhah-pink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px}.sidebar-user-info{line-height:1.2}.sidebar-user-info .name{color:#fceaec;font-weight:500;font-size:12px}.sidebar-user-info .role{color:#fceaec73;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.sidebar-signout{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 10px;background:transparent;color:#fceaec99;border:1px solid rgba(252,234,236,.12);border-radius:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;transition:all .16s}.sidebar-signout:hover{background:#fceaec0a;color:#fceaec}.main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:52px;background:var(--raudhah-pure-white);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 24px;gap:16px;flex-shrink:0}.topbar-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--raudhah-mauve-800);letter-spacing:-.01em;white-space:nowrap}.topbar-subtitle{white-space:nowrap}.topbar-subtitle{font-size:12px;color:var(--fg3);padding-left:12px;margin-left:12px;border-left:1px solid var(--border)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.topbar-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--raudhah-pale-pink);border-radius:999px;font-size:11px;color:var(--raudhah-mauve);font-weight:500}.topbar-chip .dot{width:6px;height:6px;border-radius:50%;background:#22a06b;box-shadow:0 0 6px #22a06b80}.page{flex:1;overflow:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:all .16s var(--ease-out);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--raudhah-pink);color:#fff;box-shadow:0 1px 2px #c2165833,0 0 #c2165800}.btn-primary:hover{background:var(--raudhah-pink-600);box-shadow:0 2px 8px #c2165859}.btn-secondary{background:var(--raudhah-pure-white);color:var(--raudhah-mauve);border-color:var(--border)}.btn-secondary:hover{border-color:var(--raudhah-pink);color:var(--raudhah-pink);background:#fff8f9}.btn-ghost{background:transparent;color:var(--raudhah-mauve)}.btn-ghost:hover{background:var(--raudhah-pale-pink)}.btn-danger{background:#fff;color:#b9283b;border-color:#f0d0d4}.btn-danger:hover{background:#fff1f3;border-color:#b9283b}.btn-success{background:#f1faf4;color:#1e7e4c;border-color:#cbe7d5}.btn-success:hover{background:#1e7e4c;color:#fff;border-color:#1e7e4c}.btn-sm{padding:4px 9px;font-size:11px}.btn-lg{padding:10px 20px;font-size:13px}.btn-pill{border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-size:11px;padding:10px 22px}.btn-pill.btn-primary{box-shadow:0 0 20px #c2165859}.btn-pill.btn-primary:hover{box-shadow:0 0 28px #c216588c}.btn[disabled]{opacity:.5;cursor:not-allowed}.input,.select,.textarea{display:block;width:100%;background:var(--raudhah-pure-white);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:13px;color:var(--fg1);transition:border-color .16s,box-shadow .16s}.input:focus,.select:focus,.textarea:focus{border-color:var(--raudhah-pink);box-shadow:0 0 0 3px #c216581f}.input::placeholder,.textarea::placeholder{color:var(--fg3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235E3A44' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.label{display:block;font-size:11px;font-weight:600;color:var(--raudhah-mauve);margin-bottom:4px;letter-spacing:.02em}.label .req{color:var(--raudhah-pink);margin-left:2px}.hint{font-size:11px;color:var(--fg3);margin-top:4px}.card{background:var(--raudhah-pure-white);border:1px solid var(--border-subtle);border-radius:12px}.card-head{padding:14px 18px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px}.card-head h3{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--raudhah-mauve-800);letter-spacing:.02em}.card-body{padding:18px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:999px;letter-spacing:.04em;white-space:nowrap}.badge-dot{width:5px;height:5px;border-radius:50%}.badge-neutral{background:#f0ebec;color:var(--raudhah-mauve)}.badge-neutral .badge-dot{background:var(--raudhah-mauve-600)}.badge-success{background:#e6f5ec;color:#1e7e4c}.badge-success .badge-dot{background:#22a06b}.badge-warning{background:#fff3dc;color:#8f5a00}.badge-warning .badge-dot{background:#e3a52e}.badge-danger{background:#fde6ea;color:#a81230}.badge-danger .badge-dot{background:#d73b52}.badge-pink{background:var(--raudhah-pale-pink);color:var(--raudhah-pink)}.badge-pink .badge-dot{background:var(--raudhah-pink)}.badge-info{background:#e6eff8;color:#14548e}.badge-info .badge-dot{background:#2d78c4}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.grow{flex:1}.muted{color:var(--fg3)}.mono{font-family:var(--font-mono)}.eyebrow-sm{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--raudhah-pink)}.divider{height:1px;background:var(--divider)}.tweaks{position:fixed;bottom:20px;right:20px;width:280px;background:var(--raudhah-pure-white);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 48px #6e4f5a40;z-index:100;overflow:hidden}.tweaks-head{padding:12px 14px;background:linear-gradient(180deg,#3a2029,#2c1820);color:#fceaec;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.tweaks-body{padding:14px;display:flex;flex-direction:column;gap:14px}.tweak-row .tweak-label{font-size:11px;font-weight:600;color:var(--raudhah-mauve);margin-bottom:6px;letter-spacing:.04em}.tweak-seg{display:flex;background:var(--raudhah-pale-pink);border-radius:8px;padding:3px;gap:3px}.tweak-seg button{flex:1;background:transparent;border:none;padding:5px 8px;border-radius:6px;font-size:11px;font-weight:500;color:var(--raudhah-mauve);transition:all .16s}.tweak-seg button.active{background:#fff;color:var(--raudhah-pink);box-shadow:0 1px 2px #6e4f5a14}@media (max-width: 900px){html,body{overflow:auto;height:auto}body{overflow-x:hidden;-webkit-text-size-adjust:100%}.app{grid-template-columns:1fr;min-width:0;height:auto;min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:270px;z-index:50;transform:translate(-100%);transition:transform .24s var(--ease-out)}.sidebar.open{transform:translate(0);box-shadow:0 20px 60px #3c174f73}.sidebar-scrim{display:block}.main{min-height:100vh;overflow:visible}.page{overflow:visible;flex:none}.topbar{padding:0 14px;gap:10px;position:sticky;top:0;z-index:20}.topbar-title{font-size:16px}.topbar-subtitle,.topbar-chip .chip-text{display:none}.topbar-chip{padding:4px}.menu-btn{display:inline-flex}.btn{min-height:40px;padding:9px 14px;font-size:13px}.btn-sm{min-height:34px;padding:6px 10px;font-size:11.5px}.btn-lg{min-height:46px;padding:12px 20px;font-size:13px}.btn-pill{min-height:44px}.input,.select,.textarea{font-size:16px;padding:10px 12px}.page-container{padding:16px!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.stock-toolbar{flex-wrap:wrap!important;gap:8px!important}.stock-toolbar .search-wrap{flex:1 1 100%!important;max-width:none!important}.stock-toolbar .select{flex:1 1 140px;width:auto!important}.stock-toolbar .filter-pills{flex:1 1 100%;overflow-x:auto}.workflow-rail{grid-template-columns:1fr!important;gap:8px!important;padding:14px!important}.workflow-rail .rail-sep{display:none!important}.file-slot-grid,.new-drugs-layout{grid-template-columns:1fr!important}.new-drugs-form{position:static!important}.admin-invite{grid-template-columns:1fr!important}.admin-header{gap:10px!important}.admin-header .stat-pill{flex:1 1 90px}.auth-split{grid-template-columns:1fr!important}.auth-hero{display:none!important}.auth-form-pane{padding:28px 20px!important}.auth-form{width:100%!important;max-width:420px}.modal-card{width:calc(100vw - 32px)!important;max-width:500px;margin:16px}.grid-scroll{-webkit-overflow-scrolling:touch}.grid-td{padding:8px 10px}.name-cell{min-width:200px!important}.drug-name{max-width:220px!important}.grid-footer{flex-wrap:wrap;font-size:10.5px}}@media (max-width: 520px){.kpi-grid{grid-template-columns:1fr!important}.topbar-title{font-size:15px}.page-container{padding:12px!important}.step-card-body{margin-left:0!important}}.grid{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;color:var(--raudhah-mauve)}.grid thead th{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,#fceaec,#f7e0e4);color:var(--raudhah-mauve-800);font-weight:600;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:9px 12px;text-align:left;border-bottom:1px solid #E9C8CE;border-right:1px solid rgba(194,22,88,.08);white-space:nowrap;-webkit-user-select:none;user-select:none}.grid thead th.sortable{cursor:pointer}.grid thead th.sortable:hover{background:linear-gradient(180deg,#f7d8de,#f0c8d0);color:var(--raudhah-pink-600)}.grid thead th.grid-num{text-align:right}.grid thead th.total{background:linear-gradient(180deg,var(--raudhah-pink) 0%,var(--raudhah-pink-600) 100%);color:#fceaec;border-right-color:#fceaec2e}.grid thead th.total.sortable:hover{background:linear-gradient(180deg,var(--raudhah-pink-600) 0%,#8E0F3F 100%);color:#fceaec}.grid-check{width:34px;padding:0 8px;text-align:center}.grid-check input{accent-color:var(--raudhah-pink)}.grid tbody tr{background:#fff}.grid tbody tr:nth-child(2n){background:#fbfafa}.grid tbody tr:hover{background:#fef5f7}.grid tbody tr.selected{background:var(--raudhah-pale-pink)!important;box-shadow:inset 2px 0 0 var(--raudhah-pink)}.grid tbody tr.selected .sticky-left{background:var(--raudhah-pale-pink)!important}.grid-td{padding:6px 12px;border-bottom:1px solid #F0E9EA;border-right:1px solid #F5EEEF;white-space:nowrap;font-variant-numeric:tabular-nums;line-height:1.4}.grid-td.grid-num{text-align:right}.grid-td.grid-num.total{font-weight:700;color:var(--raudhah-mauve-800);background:#faf4f6}.grid-td.zero{color:#c04040;font-weight:500}.grid-td.editable{cursor:cell;position:relative}.grid-td.editable:hover{box-shadow:inset 0 0 0 1.5px var(--raudhah-pink);background:#fff8fa}.grid-td.dirty{background:#fff6e5;position:relative}.grid-td.dirty:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:#e3a52e}.sticky-left{position:sticky;left:0;z-index:2;background:inherit;box-shadow:1px 0 0 0 var(--border-subtle)}.grid thead th.sticky-left{z-index:4}.name-cell{min-width:300px}.drug-name{font-weight:500;color:var(--raudhah-mauve-800);font-size:12.5px;max-width:320px;overflow:hidden;text-overflow:ellipsis}.cell-edit{width:100%;background:#fff;border:2px solid var(--raudhah-pink);border-radius:4px;padding:3px 6px;font-size:12.5px;text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-body);color:var(--raudhah-mauve-800);box-shadow:0 0 0 3px #c2165826}.icon-btn{width:26px;height:26px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--fg3);display:inline-flex;align-items:center;justify-content:center;transition:all .14s}.icon-btn:hover{background:var(--raudhah-pale-pink);color:var(--raudhah-pink);border-color:var(--raudhah-pale-pink-2)}.grid-footer{padding:8px 14px;background:#faf6f7;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;font-size:11px;color:var(--fg3)}.grid::-webkit-scrollbar,.page::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#e1d1d5;border-radius:6px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#c4a7ae;background-clip:padding-box;border:2px solid transparent}
