@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");:root{--ink:#172321;--muted:#72817d;--line:#e4ebe7;--paper:#f5f7f5;--white:#fff;--teal:#087f72;--teal-soft:#e1f3ef;--blue:#3977a9;--amber:#bc791c;--coral:#c65e4b;--shadow:0 16px 40px rgba(32,58,50,.06)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif;overflow-x:clip}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;padding:25px 16px 18px;background:#fbfcfb;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.brand-row{display:flex;align-items:center;gap:11px;padding:0 9px 29px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;overflow:hidden;color:white;background:#fff;border:1px solid var(--line);border-radius:10px 10px 10px 3px;transform:rotate(-45deg)}.brand-mark img,.brand-mark svg{transform:rotate(45deg)}.brand-mark img{width:27px;height:27px;object-fit:contain}.brand-row strong{display:block;font-size:17px;letter-spacing:-.4px}.brand-row span,.profile span,.top-profile span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.global-search,.table-search{display:flex;align-items:center;gap:9px;color:#9aa7a3;background:#f2f5f3;border:1px solid transparent;border-radius:8px;padding:9px 11px}.global-search:focus-within,.table-search:focus-within{background:white;border-color:#bedbd4;box-shadow:0 0 0 3px #e8f5f1}.global-search input,.table-search input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.global-search input::placeholder,.table-search input::placeholder{color:#9aa7a3}.eyebrow,.nav-caption{color:#899792;font:700 10px Space Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.nav-caption{margin:29px 11px 9px}.nav-list{display:grid;grid-gap:2px;gap:2px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 11px;color:#64736f;border:0;background:transparent;border-radius:7px;text-align:left;font-size:12px}.nav-item:hover{color:var(--ink);background:#edf4f1}.nav-item.active{color:var(--teal);background:var(--teal-soft);font-weight:700}.nav-item em{margin-left:auto;color:#af5b42;background:#ffe9e3;border-radius:9px;padding:2px 6px;font-style:normal;font-size:10px}.sidebar-bottom{border-top:1px solid var(--line);padding-top:13px}.profile{display:flex;align-items:center;gap:9px;padding:12px 10px 0}.profile>div:nth-child(2){flex:1 1;min-width:0}.profile strong,.top-profile span{font-size:12px;color:var(--ink)}.avatar{display:grid;place-items:center;width:31px;height:31px;overflow:hidden;color:#fff;background:#8b6f62;border-radius:50%;font:700 10px Space Mono,monospace}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.small{width:28px;height:28px}.content-area{flex:1 1;min-width:0}.topbar{position:relative;justify-content:space-between;min-height:73px;padding:0 38px;background:rgba(251,252,251,.8);border-bottom:1px solid var(--line)}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:9px;color:#9aa7a3;font-size:12px}.breadcrumb b{font-weight:400;color:#c6cfcb}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:18px;position:relative}.date-stamp{color:var(--muted);font-size:11px}.date-stamp span{color:var(--teal);padding:0 4px}.top-profile{display:flex;align-items:center;gap:8px;padding-left:18px;border-left:1px solid var(--line)}.top-profile span{margin:0;font-weight:600}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);color:#60716c;background:var(--white);border-radius:8px}.icon-button:hover{color:var(--teal);border-color:#b7d5cd}.menu-button,.sidebar-close{display:none}.notification-button{position:relative}.notification-button i{position:absolute;width:6px;height:6px;top:6px;right:6px;border:1px solid white;border-radius:50%;background:var(--coral)}.notification-popover{position:absolute;z-index:5;top:44px;right:127px;display:grid;grid-gap:9px;gap:9px;width:220px;padding:15px;color:var(--muted);background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);font-size:11px}.notification-popover strong{color:var(--ink);font-size:12px}.refresh-button.spinning svg{animation:spin .75s linear infinite}.refresh-button{flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.manage-button{padding:8px 11px;color:var(--teal);border:1px solid #b9d9d1;border-radius:7px;background:#eff9f6;font-size:11px;font-weight:700;white-space:nowrap}.manage-button:hover{color:white;background:var(--teal)}.page-content{max-width:1450px;margin:0 auto;padding:39px 38px 52px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{margin:0 0 8px}.page-intro h1{margin:0;font-size:clamp(25px,3vw,33px);letter-spacing:-1.5px;line-height:1.08}.intro-copy{color:var(--muted);margin:9px 0 0;font-size:13px}.primary-button{display:flex;align-items:center;gap:8px;border:0;padding:11px 15px;border-radius:7px;color:#fff;background:var(--teal);font-size:12px;font-weight:700;box-shadow:0 8px 18px rgba(8,127,114,.2)}.primary-button:hover{background:#06695f}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:13px;gap:13px;margin-bottom:18px}.metric-card{min-height:135px;padding:16px;background:white;border:1px solid var(--line);border-top:3px solid transparent;border-radius:10px;box-shadow:var(--shadow)}.metric-card.teal{border-top-color:var(--teal)}.metric-card.blue{border-top-color:var(--blue)}.metric-card.amber{border-top-color:var(--amber)}.metric-card.coral{border-top-color:var(--coral)}.metric-card.ink{border-top-color:var(--ink)}.metric-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.metric-icon{display:grid;place-items:center;width:28px;height:28px;color:var(--teal);background:#edf7f4;border-radius:7px}.blue .metric-icon{color:var(--blue);background:#edf4f9}.amber .metric-icon{color:var(--amber);background:#fff5e3}.coral .metric-icon{color:var(--coral);background:#fff0ed}.ink .metric-icon{color:var(--ink);background:#eef0ef}.metric-card strong{display:block;margin-top:15px;font-size:26px;letter-spacing:-1px}.metric-card.ink strong{font-size:19px;margin-top:20px}.metric-detail{color:var(--muted);font-size:10px;margin-top:4px}.dashboard-grid,.lower-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);grid-gap:18px;gap:18px;margin-bottom:18px}.panel{min-width:0;padding:21px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel-heading h2{margin:0;font-size:15px;letter-spacing:-.4px}.panel-heading .eyebrow{margin-bottom:6px}.panel-heading select{padding:7px 9px;color:var(--muted);border:1px solid var(--line);border-radius:6px;background:white;outline:0;font-size:11px}.full-link,.more-button{display:flex;align-items:center;gap:5px;border:0;color:var(--teal);background:transparent;font-size:11px;font-weight:700}.full-link:hover,.more-button:hover{color:var(--ink)}.chart{display:flex;gap:12px;height:206px;padding-top:23px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:20px;color:#abb8b4;font:9px Space Mono,monospace}.chart-body{position:relative;flex:1 1}.grid-lines{position:absolute;inset:0 0 20px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #e7eeeb}.bars{position:absolute;inset:0 7px 20px;justify-content:space-around}.bar-pair,.bars{display:flex;align-items:end}.bar-pair{gap:3px;width:23px;height:100%}.bar-pair b,.bar-pair i{display:block;width:9px;max-height:100%;border-radius:3px 3px 1px 1px}.bar-pair i{background:var(--teal)}.bar-pair b{background:#b8d8d1}.chart-x{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:#a1aeaa;font-size:9px}.legend{display:flex;gap:18px;padding-left:31px;color:var(--muted);font-size:10px}.legend span{display:flex;align-items:center;gap:6px}.legend i,.status-list i{display:inline-block;width:7px;height:7px;border-radius:50%}.legend .in{background:var(--teal)}.legend .out{background:#b8d8d1}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:20px;min-height:205px}.donut{place-items:center;width:155px;height:155px;background:conic-gradient(var(--teal) 0 51%,#dfae50 51% 68%,#d96c58 68% 87%,#4a5854 87% 100%)}.donut,.donut>div{display:grid;border-radius:50%}.donut>div{place-items:center;width:108px;height:108px;background:white}.donut strong{font-size:27px}.donut span{color:var(--muted);font-size:10px}.status-list{display:grid;grid-gap:13px;gap:13px;width:125px;color:var(--muted);font-size:11px}.status-list span{display:flex;align-items:center;gap:8px}.status-list b{margin-left:auto;color:var(--ink);font:700 11px Space Mono,monospace}.safe{background:var(--teal)}.warning{background:#dfae50}.critical{background:var(--coral)}.expired{background:#4a5854}.table-panel{overflow:hidden}.table-heading{margin-bottom:17px}.table-tools{display:flex;gap:9px;margin-bottom:7px}.table-search{flex:1 1}.filter-button{display:flex;align-items:center;gap:6px;color:var(--muted);border:1px solid var(--line);background:white;border-radius:7px;padding:0 11px;font-size:11px}.filter-button:hover{border-color:#b7d5cd;color:var(--teal)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th{color:#97a49f;font:10px Space Mono,monospace;text-align:left;text-transform:uppercase;letter-spacing:.04em}td,th{padding:12px 9px;border-bottom:1px solid #edf1ef}td{color:#50615b;font-size:11px}td:first-child{color:var(--ink)}td span,td strong{display:block}td span{color:#96a29e;margin-top:4px;font-size:10px}td small{color:#a1ada9;font-size:9px}.status-badge{display:inline-block;padding:4px 7px;border-radius:4px;font:700 9px Space Mono,monospace}.normal{color:var(--teal);background:#e2f4f0}.low-stock{color:var(--amber);background:#fff2d7}.expired{color:#67716d;background:#e9edeb}.activity-panel{display:flex;flex-direction:column}.activity-list{display:grid;grid-gap:17px;gap:17px;padding:22px 3px}.activity-item{display:flex;gap:11px}.activity-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #e2f4f0}.activity-dot.in{background:var(--blue);box-shadow:0 0 0 4px #e5f0f8}.activity-dot.out{background:var(--amber);box-shadow:0 0 0 4px #fff1d7}.activity-dot.adjust{background:var(--coral);box-shadow:0 0 0 4px #ffebe7}.activity-item span,.activity-item strong{display:block}.activity-item strong{font-size:11px;font-weight:600}.activity-item span{margin-top:4px;color:#a0aca8;font-size:10px}.full-link{justify-content:center;width:100%;padding:12px 0 0;border-top:1px solid var(--line);margin-top:auto}@media (max-width:1120px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card.ink{grid-column:span 1}.topbar{padding:0 25px}.page-content{padding-inline:25px}}@media (max-width:850px){.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;transform:translateX(-100%);transition:transform .25s ease;box-shadow:15px 0 35px rgba(20,50,42,.1);display:block;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar-bottom{margin-top:18px}.sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;z-index:19;inset:0;display:none;background:rgba(23,35,33,.28)}.mobile-overlay.show{display:block}.menu-button,.sidebar-close{display:grid}.topbar{min-height:64px}.breadcrumb{margin-right:auto;margin-left:10px}.date-stamp{display:none}.top-profile{padding-left:0;border-left:0}.top-profile-trigger>span,.top-profile-trigger>svg,.top-profile>span,.top-profile>svg{display:none}.profile-menu{width:215px}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}@media (max-width:560px){.page-content{padding:28px 16px 40px}.topbar{padding:0 16px}.page-intro{align-items:start;flex-direction:column;margin-bottom:24px}.primary-button{width:100%;justify-content:center}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-height:124px;padding:13px}.metric-card strong{margin-top:13px;font-size:23px}.metric-card.ink{grid-column:span 2;min-height:107px}.metric-card.ink strong{margin-top:12px}.panel{padding:16px}.donut-wrap{justify-content:space-between;gap:10px}.donut{width:128px;height:128px}.donut>div{width:89px;height:89px}.status-list{width:120px}.table-heading .more-button{display:none}.panel-heading h2{font-size:14px}}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:20px;background:rgba(23,35,33,.36);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-backdrop,.transaction-modal{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.transaction-modal{width:min(100%,440px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:22px;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px rgba(20,50,42,.2)}.modal-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.modal-heading h2{margin:0;font-size:20px;letter-spacing:-.6px}.transaction-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:22px 0 18px}.transaction-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;color:var(--muted);border:1px solid var(--line);border-radius:7px;background:white;font-size:11px;font-weight:700}.transaction-tabs button.selected{color:var(--teal);border-color:#a9d4cb;background:var(--teal-soft)}.transaction-modal form{display:grid;grid-gap:14px;gap:14px}.transaction-modal label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.transaction-modal input,.transaction-modal select{width:100%;padding:11px;color:var(--ink);border:1px solid var(--line);border-radius:7px;background:white;outline:0;font-size:12px}.transaction-modal input:focus,.transaction-modal select:focus{border-color:#9fcfc5;box-shadow:0 0 0 3px #e8f5f1}.transaction-message{margin:0;color:var(--teal);font-size:11px}.modal-submit{width:100%;justify-content:center;margin-top:3px}.resource-page{min-width:0}.resource-summary{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:13px 15px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.resource-summary>strong{color:var(--teal);font:700 17px Space Mono,monospace}.resource-summary>span{color:var(--muted);font-size:11px;margin-right:auto}.resource-summary .table-search{width:min(330px,40%)}.resource-table{padding:6px 12px 15px}.resource-table table{min-width:760px}.resource-table td{padding-block:15px}.empty-state{display:grid;justify-items:center;grid-gap:7px;gap:7px;padding:55px 20px;color:var(--muted);font-size:11px}.empty-state svg{color:#a4b5af}.empty-state strong{color:var(--ink);font-size:13px}.active,.completed{color:var(--teal);background:#e2f4f0}.page-actions{display:flex;align-items:center;gap:9px}.page-actions .primary-button,.page-actions .secondary-button{width:auto;white-space:nowrap}.filter-select{padding:8px 10px;color:var(--muted);border:1px solid var(--line);border-radius:7px;background:white;outline:0;font-size:11px}.difference-negative{color:var(--coral);font-weight:700}.difference-positive{color:var(--teal);font-weight:700}.row-actions{display:flex;gap:7px;margin-top:7px}.row-actions button{padding:3px 6px;color:var(--teal);border:1px solid #c6e2db;border-radius:4px;background:#f3fbf8;font-size:9px}.row-actions button:last-child{color:var(--coral);border-color:#f0c9c0;background:#fff7f5}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.item-modal{width:min(100%,620px)}.detail-link{display:block;padding:0;color:inherit;border:0;background:transparent;text-align:left}.detail-link:hover strong{color:var(--teal)}.detail-modal{width:min(100%,620px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 20px;gap:14px 20px;padding:22px 0}.detail-grid span,.detail-grid strong{display:block}.detail-grid span{color:var(--muted);font-size:10px}.detail-grid strong{margin-top:4px;font-size:12px}.detail-history{display:grid;grid-gap:10px;gap:10px;padding-top:17px;border-top:1px solid var(--line)}.detail-history>.eyebrow{margin:0 0 2px}.detail-history>div{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}.detail-history>div strong{color:var(--ink)}.muted-copy{color:var(--muted);font-size:11px}.master-select{width:100%;padding:11px;color:var(--ink);border:1px solid #9fcfc5;border-radius:7px;background:white;outline:0;font-size:12px}.manage-modal-button{margin-left:auto;padding:8px 10px;color:var(--teal);border:1px solid #b9d9d1;border-radius:7px;background:#eff9f6;font-size:10px;font-weight:700;white-space:nowrap}.manage-modal-button:hover{color:white;background:var(--teal)}.settings-page{min-width:0}.settings-form{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:16px;gap:16px}.settings-card{display:grid;grid-gap:15px;gap:15px}.settings-card>.eyebrow{margin:0}.settings-card label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.settings-card input{width:100%;padding:11px;border:1px solid var(--line);border-radius:7px;outline:0;font-size:12px}.profile-preview{display:flex;align-items:center;gap:12px;padding-bottom:5px}.profile-preview span,.profile-preview strong{display:block}.profile-preview span{margin-top:4px;color:var(--muted);font-size:11px}.avatar.large{width:48px;height:48px;font-size:14px}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;grid-column:1/-1}.settings-actions .primary-button{width:auto}.settings-actions .transaction-message{margin:0}@media (max-width:700px){.settings-form{grid-template-columns:1fr}.settings-actions{grid-column:auto;align-items:stretch;flex-direction:column}.settings-actions .primary-button{width:100%;justify-content:center}}.help-page{min-width:0}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.help-card{min-height:170px}.help-card>svg{color:var(--teal);padding:8px;width:36px;height:36px;background:var(--teal-soft);border-radius:8px}.help-card h2{margin:20px 0 8px;font-size:15px}.help-card p{max-width:42ch;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.help-contact{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:15px}.help-contact h2{max-width:540px;margin:0;font-size:19px;line-height:1.35}.help-contact>span{color:var(--teal);font:700 11px Space Mono,monospace}@media (max-width:560px){.form-grid{grid-template-columns:1fr}}@media (max-width:700px){.help-grid{grid-template-columns:1fr}.help-contact{align-items:start;flex-direction:column}}@media print{.activity-panel,.page-actions,.page-intro .primary-button,.resource-summary,.row-actions,.sidebar,.topbar{display:none!important}.app-shell,.content-area,.page-content{display:block;width:100%;padding:0;background:white}.panel,.resource-table{border:0;box-shadow:none;padding:0}}@media (max-width:560px){.resource-summary{flex-wrap:wrap}.resource-summary>span{margin-right:0}.resource-summary .table-search{order:3;width:100%}.resource-summary .filter-button{order:2;margin-left:auto}}.session-loading{position:fixed;z-index:60;inset:0;display:grid;place-items:center;color:var(--muted);background:var(--paper);font:700 11px Space Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.top-profile{position:relative;z-index:46}.top-profile-trigger{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink)}.top-profile-trigger:hover,.top-profile-trigger[aria-expanded=true]{background:#f1f5f3;border-color:var(--line)}.top-profile-trigger span{margin:0}.profile-menu{position:absolute;z-index:47;top:calc(100% + 10px);right:0;display:grid;grid-gap:3px;gap:3px;width:235px;padding:15px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.profile-menu .eyebrow{margin:0 0 5px}.profile-menu>strong{font-size:13px}.profile-menu span.profile-role{display:block;margin-top:3px;color:var(--teal);font-size:11px;font-weight:700}.profile-menu>em{margin-top:3px;color:var(--muted);font:normal 10px Space Mono,monospace;word-break:break-all}.profile-menu-logout{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:9px 11px;color:var(--coral);background:#fff7f5;border:1px solid #f0c9c0;border-radius:7px;font-size:11px;font-weight:700}.profile-menu-logout:hover{background:#ffeae4;border-color:#e8b3a7}.popover-overlay{position:fixed;z-index:44;inset:0;background:transparent}.chart-empty{position:absolute;inset:0 0 20px;display:grid;place-items:center;margin:0;padding:0 12px;color:var(--muted);font-size:11px;text-align:center;pointer-events:none}.confirm-copy{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.secondary-button{padding:11px 15px;color:var(--ink);background:white;border:1px solid var(--line);border-radius:7px;font-size:12px;font-weight:700}.secondary-button:hover{color:var(--teal);border-color:#b7d5cd}.danger-button{display:flex;align-items:center;gap:8px;padding:11px 15px;color:#fff;background:var(--coral);border:0;border-radius:7px;font-size:12px;font-weight:700}.danger-button:hover{background:#b14f3d}@media (max-width:560px){.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%;justify-content:center}}.login-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100vh}.login-brand{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:40px;overflow:hidden;padding:42px 52px;color:#fff;background:#0e3b36 url(/og.jpg) 50%/cover no-repeat}.login-brand:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(135deg,rgba(14,59,54,.94),rgba(8,127,114,.68))}.login-brand>*{position:relative;z-index:1}.login-brand .brand-row{padding:0}.login-brand .brand-row span{color:#8fb5ad}.login-brand .brand-mark{background:#fff}.login-brand-copy{max-width:560px}.login-brand-copy .eyebrow{color:#7fb5ab}.login-brand-copy h1{margin:12px 0 14px;font-size:clamp(30px,4vw,46px);letter-spacing:-1.8px;line-height:1.05}.login-brand-copy .intro-copy{color:#b9d2cd;font-size:14px;line-height:1.7}.login-role-list{display:grid;grid-gap:11px;gap:11px;margin:30px 0 0;padding:0;list-style:none;color:#cfe3df;font-size:12px}.login-role-list li{display:flex;align-items:center;gap:9px}.login-role-list svg{color:#6fd0bd;flex-shrink:0}.login-panel{display:grid;place-items:center;padding:32px;background:var(--paper)}.login-card{display:grid;grid-gap:15px;gap:15px;width:min(100%,410px);padding:34px 32px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.login-card h2{margin:0;font-size:25px;letter-spacing:-1px}.login-card .intro-copy{margin:-6px 0 6px}.login-card label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.login-card input{width:100%;padding:12px;color:var(--ink);border:1px solid var(--line);border-radius:7px;outline:0;font-size:13px}.password-field{position:relative;display:block}.password-field input{padding-right:42px}.password-toggle{position:absolute;top:50%;right:9px;display:grid;place-items:center;width:28px;height:28px;padding:0;color:var(--muted);border:0;border-radius:6px;background:transparent;transform:translateY(-50%)}.password-toggle:hover{color:var(--teal);background:var(--teal-soft)}.login-card input:focus{border-color:#9fcfc5;box-shadow:0 0 0 3px #e8f5f1}.login-message{display:flex;align-items:center;gap:7px;margin:0;font-size:11px}.login-message.error{color:var(--coral)}.login-message.info{color:var(--teal)}.login-submit{width:100%;justify-content:center;margin-top:4px}.login-submit:disabled{opacity:.7}.login-demo{display:grid;grid-gap:7px;gap:7px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}.login-demo .eyebrow{margin-bottom:3px}.login-demo button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;color:var(--muted);border:1px solid var(--line);border-radius:7px;background:#fbfcfb;text-align:left}.login-demo button:hover{color:var(--teal);border-color:#b7d5cd;background:#f3fbf8}.login-demo em,.login-demo strong{display:block;font-style:normal}.login-demo strong{color:var(--ink);font-size:11px}.login-demo em{margin-top:2px;font:10px Space Mono,monospace;color:#96a29e}@media (max-width:900px){.login-shell{grid-template-columns:1fr}.login-panel{order:-1;min-height:100dvh;padding:24px 16px 40px}.login-brand{min-height:100dvh;padding:30px 24px;gap:26px}.login-role-list{display:none}}.status-badge{padding:5px 8px;border-radius:5px}.status-badge.active,.status-badge.completed,.status-badge.normal,.status-badge.released{color:var(--teal);background:#e2f4f0}.status-badge.low-stock{color:var(--amber);background:#fff2d7}.status-badge.out-of-stock{color:var(--coral);background:#fff0ed}.status-badge.expired,.status-badge.inactive{color:#67716d;background:#e9edeb}.status-badge.quarantined{color:#9a681a;background:#fff4d9}.status-badge.recalled{color:#a74336;background:#ffe5e0}.row-actions button{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:6px;background:white}.row-actions .edit-action{color:var(--teal);border:1px solid #b9d9d1}.row-actions .edit-action:hover{color:white;background:var(--teal)}.row-actions .delete-action{color:var(--coral);border:1px solid #f0c9c0}.row-actions .delete-action:hover{color:white;background:var(--coral)}.danger-button:disabled,.icon-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.6}