@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172334;background:#f4f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f6f8}button,input,select{font:inherit}button{cursor:pointer}.center-screen,.login-screen{min-height:100vh;display:grid;place-items:center}.center-screen{color:#2e5baf}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-screen{background:radial-gradient(circle at 85% 10%,#dce7f8 0,transparent 35%),#f4f6f8}.login-card{width:min(460px,calc(100% - 32px));background:#fff;padding:52px;border:1px solid #e3e8ee;border-radius:24px;box-shadow:0 24px 70px #1d30430f}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;color:#fff;background:#2e5baf;box-shadow:0 10px 22px #2e5baf33}.brand-mark.small{width:36px;height:36px;border-radius:11px}.eyebrow{margin:0 0 8px;color:#728094;font-size:10px;font-weight:800;letter-spacing:.14em}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;color:#172334;letter-spacing:-.035em}h1{font-size:clamp(28px,4vw,42px);line-height:1.08}h1 em{color:#2e5baf;font-style:normal}h2{font-size:20px}.login-card h1{margin:22px 0 14px}.muted-copy{color:#748092;line-height:1.65;margin:0 0 28px}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:#fff;border-bottom:1px solid #e7ebef}.brand,.top-actions,.section-tools,.heading-note,.user-chip,.date-control,.button,.tabs button,.panel-title,.expiry-card,.expiry-right,.compare-dates,.reason-input,.footer{display:flex;align-items:center}.brand{gap:12px}.brand strong{display:block;font:800 15px Manrope,sans-serif;letter-spacing:-.03em}.brand span{display:block;margin-top:2px;font-size:11px;color:#8691a0}.top-actions{gap:10px}.date-control{gap:7px;height:38px;padding:0 10px;border:1px solid #dfe5eb;border-radius:9px;color:#667388;background:#fafbfc}.date-control input{border:0;outline:0;background:transparent;color:#4d5b6d;font-size:12px}.date-today{border:0;border-left:1px solid #dfe5eb;background:transparent;color:#2e5baf;padding-left:8px;font-size:10px;font-weight:800}.user-chip{gap:8px;font-size:12px;color:#516073;padding-left:8px}.user-chip span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4edfb;color:#2e5baf;font-weight:700}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;gap:8px;border-radius:9px!important;height:38px;padding:0 14px!important;font-size:12px;font-weight:700}.primary-btn{background:#2e5baf!important;color:#fff!important;box-shadow:0 7px 15px #2e5baf24}.secondary-btn{border:1px solid #dfe5eb!important;background:#fff!important;color:#4c5c70!important}.main-content{width:min(1440px,91vw);margin:0 auto;padding:42px 0 56px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.heading-note{gap:7px;color:#5e7582;font-size:12px}.tabs{display:flex;gap:24px;border-bottom:1px solid #dfe5eb;margin-bottom:28px}.tabs button{position:relative;gap:8px;border:0;background:transparent;color:#7c8796;padding:0 0 14px;font-size:13px;font-weight:700}.tabs button.active{color:#2e5baf}.tabs button.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#2e5baf}.tabs b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:9px;background:#f1dfbd;color:#9e6a16;font-size:10px}.date-guidance{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;border:1px solid #d5e1f1;border-radius:11px;background:#eef5ff;color:#2e5baf}.date-guidance strong,.date-guidance span{display:block}.date-guidance strong{font-size:12px;font-weight:800}.date-guidance span{margin-top:3px;color:#6c7e95;font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head p:not(.eyebrow){margin:6px 0 0;color:#8590a0;font-size:12px}.section-tools{gap:9px}.search-box{display:flex;align-items:center;gap:8px;padding:0 11px;height:37px;border:1px solid #dfe5eb;border-radius:9px;background:#fff;color:#8d98a8}.search-box input{width:190px;border:0;outline:0;font-size:12px}select{height:37px;border:1px solid #dfe5eb;border-radius:9px;background:#fff;color:#657286;padding:0 10px;font-size:12px}.add-row{display:grid;grid-template-columns:1.55fr .65fr .7fr .85fr 1.45fr auto;gap:8px;background:#ebf1f8;padding:10px;margin-bottom:12px;border-radius:12px}.add-row input{height:36px;border-color:#d6e0eb;font-size:12px;background:#fff}.table-wrap,.panel,.compare-list,.expiry-list,.history-grid{background:#fff;border:1px solid #e4e9ee;border-radius:14px;box-shadow:0 8px 28px #1e324509;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:13px 12px;text-align:left;background:#f7f9fb;color:#7c8796;font-size:10px;letter-spacing:.08em;font-weight:800;white-space:nowrap}td{padding:8px 12px;border-top:1px solid #eef1f4;color:#506074;vertical-align:middle}tr:hover td{background:#fbfcfe}.cell-input{width:100%;min-width:75px;border:1px solid transparent;border-radius:6px;padding:7px 6px;color:#334359;outline:0;font-size:12px;background:transparent}.cell-input:hover,.cell-input:focus{border-color:#cbd8e8;background:#f8fbff}.product-cell{min-width:220px;color:#26384e;font-weight:700}.numeric{text-align:right}.days{color:#637086;white-space:nowrap}.total{color:#26384e;font-weight:800;white-space:nowrap}.status{display:inline-flex;padding:5px 8px;border-radius:6px;font-size:9px;letter-spacing:.04em;font-weight:800;white-space:nowrap}.status.success{color:#08704b;background:#e0f4ea}.status.warning{color:#9b6712;background:#fff0cb}.status.danger{color:#a13b42;background:#fde4e5}.status.muted{color:#687587;background:#eef1f4}.icon-btn{border:0;background:transparent;padding:7px;color:#9aa6b3}.danger-text:hover{color:#bd5960}.empty{text-align:center;color:#8793a3;padding:54px!important}.stat-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:18px}.stat-card{min-height:126px;padding:18px;background:#fff;border:1px solid #e4e9ee;border-radius:14px;box-shadow:0 8px 28px #1e324509}.stat-card span,.stat-card small{display:block;color:#7b8796;font-size:11px;line-height:1.45}.stat-card strong{display:block;margin:15px 0 4px;color:#2e5baf;font:800 28px Manrope,sans-serif;letter-spacing:-.06em}.stat-card.accent-danger strong{color:#be545c}.chart-panel{padding:24px;overflow:visible}.panel-title{justify-content:space-between;margin-bottom:22px}.panel-title>span{color:#8a95a4;font-size:11px}.bar-line{margin:14px 0}.bar-line>div:first-child{display:flex;justify-content:space-between;gap:20px;margin-bottom:5px;color:#536276;font-size:11px}.bar-line b{color:#788597;font-weight:600}.bar-track{height:6px;background:#edf1f5;border-radius:4px;overflow:hidden}.bar-track i{display:block;height:100%;background:#4168bd;border-radius:4px}.alert-legend{display:flex;flex-wrap:wrap;gap:16px;margin:-4px 0 16px;color:#6d7888;font-size:11px}.alert-legend span{display:inline-flex;align-items:center;gap:6px}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.legend-dot.expired{background:#d96b70}.legend-dot.thirty{background:#ef9d65}.legend-dot.sixty{background:#e9c64f}.legend-dot.ninety{background:#f3df91}.expiry-list{overflow:hidden}.expiry-card{justify-content:space-between;gap:24px;padding:19px 22px;border-bottom:1px solid #edf0f3;border-left:3px solid #ddb36b}.expiry-card:last-child{border-bottom:0}.expiry-card.danger,.expiry-card.band-expired{border-left-color:#c65e66;background:#fff8f8}.expiry-card.band-thirty{border-left-color:#e8894b;background:#fffaf6}.expiry-card.band-sixty{border-left-color:#d9b638;background:#fffdf4}.expiry-card.band-ninety{border-left-color:#e8cf73;background:#fffef8}.expiry-card strong,.expiry-card span{display:block}.expiry-card strong{color:#28394e;font-size:13px}.expiry-card>div:first-child span{margin-top:5px;color:#8390a0;font-size:11px}.expiry-right{align-items:end;flex-direction:column;gap:7px}.expiry-right small{color:#8792a1;font-size:11px}.compare-dates{gap:10px;color:#9aa4b1}.compare-dates label{display:grid;gap:5px;color:#788596;font-size:10px;font-weight:700}.compare-dates input{height:35px;border:1px solid #dfe5eb;border-radius:8px;padding:0 9px;color:#536275;font-size:12px}.compare-list{padding:0 20px}.compare-row{display:grid;grid-template-columns:minmax(200px,1.3fr) 130px minmax(250px,1fr);gap:20px;align-items:center;padding:16px 4px;border-bottom:1px solid #eef1f4}.compare-row:last-child{border-bottom:0}.compare-product strong,.compare-product span{display:block}.compare-product strong{font-size:12px;color:#33445a}.compare-product span{margin-top:4px;color:#8994a3;font-size:11px}.compare-number{text-align:right}.compare-number small{display:block;color:#8b96a5;font-size:10px}.compare-number b{display:block;margin-top:3px;font:800 18px Manrope,sans-serif}.positive{color:#16805a}.negative{color:#b9535b}.reason-input{gap:8px;padding:0 10px;border:1px solid #e0e6ec;border-radius:8px;color:#98a2ae}.reason-input input{flex:1;min-width:0;height:34px;border:0;outline:0;color:#536276;font-size:11px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1px;background:#e4e9ee;overflow:hidden}.history-card{display:grid;gap:7px;text-align:left;border:0;padding:20px;background:#fff;color:#7990ad;transition:.18s ease}.history-card:hover,.history-card.selected{background:#f4f8ff;color:#2e5baf}.history-card strong{color:#34445a;font:700 16px Manrope,sans-serif}.history-card span{color:#8c98a7;font-size:11px}.footer{justify-content:space-between;width:min(1440px,91vw);margin:0 auto;padding:20px 0 30px;border-top:1px solid #e1e6eb;color:#8994a2;font-size:11px}.footer button{border:0;background:transparent;color:#728196;font-size:11px}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(4,1fr)}.topbar{height:auto;padding:16px 4.5vw;gap:14px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:end}.add-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar,.page-heading,.section-head{display:block}.date-guidance{align-items:flex-start}.top-actions{justify-content:flex-start;margin-top:16px}.main-content{width:calc(100% - 28px);padding-top:28px}.heading-note{margin-top:14px}.tabs{gap:16px;overflow-x:auto}.tabs button{white-space:nowrap}.section-tools{margin-top:14px;flex-wrap:wrap}.add-row{grid-template-columns:1fr 1fr}.add-row .primary-btn{grid-column:1 / -1;justify-content:center}.table-wrap{overflow-x:auto}table{min-width:1050px}.stat-grid{grid-template-columns:repeat(2,1fr)}.compare-dates{margin-top:16px;justify-content:flex-start}.compare-row{grid-template-columns:1fr 90px;gap:12px}.reason-input{grid-column:1 / -1}.expiry-card{align-items:flex-start}.footer{width:calc(100% - 28px)}}.audit-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px}.audit-tools label{display:grid;gap:5px;color:#788596;font-size:10px;font-weight:700}.audit-tools label input{height:37px;border:1px solid #dfe5eb;border-radius:9px;padding:0 10px;color:#536275;font-size:12px}.audit-list{display:grid;gap:1px;background:#e4e9ee;border:1px solid #e4e9ee;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px #1e324509}.audit-row{display:grid;grid-template-columns:92px minmax(190px,1.2fr) minmax(180px,1fr) 145px;gap:18px;align-items:center;padding:16px 18px;background:#fff}.audit-row:hover{background:#fbfcfe}.audit-action{width:fit-content;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:800;text-transform:uppercase}.audit-action.update{color:#2e5baf;background:#e5eefc}.audit-action.insert{color:#08704b;background:#e0f4ea}.audit-action.delete{color:#a13b42;background:#fde4e5}.audit-action.import{color:#9b6712;background:#fff0cb}.audit-main strong,.audit-main span,.audit-meta strong,.audit-meta span,.audit-values small,.audit-values b{display:block}.audit-main strong{color:#33445a;font-size:12px}.audit-main span{margin-top:5px;color:#8994a3;font-size:11px}.audit-values{display:grid;grid-template-columns:54px 1fr;gap:4px 8px;align-items:center}.audit-values small{color:#9aa4b1;font-size:10px}.audit-values b{overflow:hidden;color:#536276;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.audit-meta{text-align:right}.audit-meta strong{color:#536276;font-size:11px}.audit-meta span{margin-top:4px;color:#929daa;font-size:10px}@media(max-width:900px){.audit-row{grid-template-columns:84px 1fr;gap:10px 14px}.audit-values,.audit-meta{grid-column:2;text-align:left}.audit-meta{display:flex;gap:8px;align-items:center}.audit-meta span{margin-top:0}}@media(max-width:760px){.audit-tools{align-items:stretch}.audit-tools .search-box{width:100%}.audit-tools label{flex:1}}