@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#202e39;font-synthesis:none;--green:#318643;--border:#e6eaee;--muted:#7c8790;background:#f6f8fa;font-family:DM Sans,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#34424e;background:#fff;border:1px solid #dce2e7;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:550;display:inline-flex}button:hover{background:#f0f5f2}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #83b990}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#286e37}.shell{min-height:100vh;display:flex}.sidebar{color:#d8e1e7;background:#19232f;flex-direction:column;width:238px;position:fixed;inset:0 auto 0 0}.brand,.sidebar{padding:0 14px;display:flex}.brand{letter-spacing:1.1px;color:#fff;align-items:center;gap:10px;height:104px;font:800 24px Manrope,sans-serif}.nav-label{letter-spacing:1.7px;color:#6d7e8d;padding:14px 15px;font-size:10px}nav{flex-direction:column;gap:5px;display:flex}nav button{color:#aebbc7;background:0 0;border:0;justify-content:flex-start;padding:13px 14px;font-size:14px;font-weight:450}nav button:hover{color:#fff;background:#243442}nav button.active{color:#fff;background:#328744;box-shadow:0 4px 12px #071c2020}.sidebar-bottom{border-top:1px solid #2c3844;align-items:center;gap:11px;margin-top:auto;padding:22px 8px;font-size:13px;display:flex}small{font-weight:400;display:block}.sidebar-bottom small{color:#7e919f;margin-top:4px;font-size:11px}.avatar{color:#c1e1b3;background:#34483c;border-radius:50%;place-items:center;width:33px;height:33px;font-size:11px;font-weight:650;display:grid}.avatar.light{color:#448142;background:#e7f0e5}.workspace{flex:1;min-width:0;margin-left:238px}.topbar{border-bottom:1px solid var(--border);color:#8b969f;background:#fff;justify-content:space-between;height:72px;padding:0 36px;font-size:12px}.topbar,.topbar>span{align-items:center;display:flex}.topbar>span{gap:12px}.topbar b{color:#455461;font-weight:500}.topright{color:#64717c}.divider{background:var(--border);width:1px;height:21px;margin:0 7px}main{max-width:1600px;margin:auto;padding:34px 36px}.page-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.5px;color:#8c969e;margin-bottom:9px;font-size:10px}h1{letter-spacing:-.7px;margin:0 0 8px;font:750 26px Manrope,sans-serif}p{color:#87929b;margin:0;line-height:1.6}.actions{align-items:center;gap:9px;display:flex}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:8px;padding:22px}.metric-top{color:#74808b;justify-content:space-between;align-items:center;font-size:12px;display:flex}.metric-top svg{color:#64946c}.metric strong{letter-spacing:-.6px;margin:16px 0 9px;font:750 27px Manrope,sans-serif;display:block}.metric small{color:#939da5;font-size:11px}.panel{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:24px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex}h2{margin:0;font:700 15px Manrope,sans-serif}.text-button{color:#488455;background:0 0;border:none;padding:5px;font-size:12px}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.8px;color:#8a949e;white-space:nowrap;background:#fcfdfd;padding:14px 22px;font-size:10px;font-weight:500}td{color:#74818d;border-top:1px solid #f0f2f4;padding:20px 22px;font-size:12px}td b{color:#354550;font-size:13px;font-weight:550}td small{color:#96a0a8;margin-top:6px;font-size:11px}.number{color:#43834e;font-weight:600}.badge{color:#6b7d8c;white-space:nowrap;background:#eef2f5;border-radius:4px;align-items:center;padding:5px 8px;font-size:10px;font-weight:550;display:inline-flex}.blue{color:#5284bb;background:#edf3fc}.amber{color:#b58c34;background:#fff5df}.green{color:#408d54;background:#eaf6ed}.red{color:#bd5555;background:#fbecec}.two-columns{grid-template-columns:1.2fr 1fr;gap:24px;display:grid}.list-row{align-items:center;gap:14px;padding:22px;font-size:12px;display:flex}.list-row small{color:#929da6;margin-top:5px;font-size:11px}.list-row .badge{margin-left:auto}.square-icon{color:#61906a;background:#eef5ef;border-radius:6px;padding:11px;display:flex}.stock-low{color:#bd8950;background:#fff6e7;border-radius:5px;margin-left:auto;padding:7px 10px;font-size:11px}.workspace-footer{color:#aab3ba;letter-spacing:1px;justify-content:space-between;margin-top:16px;font-size:10px;display:flex}.workspace-footer span{letter-spacing:0}.mobile-menu{display:none}@media (width>=1600px){main{padding-top:45px}}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.sidebar{width:210px}.workspace{margin-left:210px}.two-columns{grid-template-columns:1fr}main{padding:25px}.topbar{padding:0 25px}.page-heading{align-items:flex-start}td,th{padding:16px}.panel{overflow:auto}}@media (width<=760px){.sidebar{display:none}.sidebar.open{z-index:40;width:238px;display:flex;box-shadow:0 0 0 100vmax #0006}.workspace{margin-left:0}.topbar{height:60px;padding:0 18px}.topright{display:none!important}.mobile-menu{display:flex}main{padding:22px 16px}.page-heading{display:block}.page-heading .actions{margin-top:18px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:23px}h1{font-size:24px}.workspace-footer span{display:none}.panel-heading{padding:0 16px}.eyebrow{font-size:10px}}.list-row,.metric small,.metric-top,.text-button,.topbar,td,td b{font-size:14px}.badge,.eyebrow,.list-row small,.metric small,.nav-label,.sidebar-bottom small,.stock-low,.workspace-footer,td small,th{font-size:12px}.metric strong{font-size:26px}.topbar{font-size:13px}.page-heading p{color:#76828c;font-size:14px}.nav-count{background:#ffffff1a;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:11px}.logout{color:#8c9ba8;background:0 0;border:0;margin-left:auto;padding:5px}.count{color:#8c989f;background:#f2f5f6;border-radius:4px;margin-left:8px;padding:3px 7px;font:500 12px DM Sans,sans-serif}.icon-button{color:#84919b;background:0 0;border:0;flex-shrink:0;padding:6px}.icon-button:hover{color:#357d44;background:#eaf1ed}.table-actions{gap:3px;display:flex}.danger{color:#c56363!important}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;gap:14px;padding:18px 22px}.search-field,.toolbar{align-items:center;display:flex}.search-field{border:1px solid var(--border);color:#92a0aa;border-radius:6px;flex:1;gap:10px;max-width:420px;padding:0 12px}.search-field input{background:0 0;border:0;outline:0;width:100%;padding:11px 0;font-size:14px}.toolbar select{max-width:210px}.table-scroll{width:100%;overflow-x:auto}.table-footer{border-top:1px solid var(--border);color:#92a0aa;justify-content:space-between;gap:10px;padding:16px 22px;font-size:12px;display:flex}.table-footer span{align-items:center;gap:6px;display:flex}.empty{text-align:center;color:#a3b2ae;padding:42px 20px}.empty svg{stroke-width:1.5px;margin:0 auto 10px}.empty h3{color:#6e7e87;margin:5px 0 8px;font-size:14px;font-weight:550}.empty p{font-size:13px}.row-button{text-align:left;border:0;border-bottom:1px solid #f0f2f4;border-radius:0;justify-content:flex-start;width:100%;font-weight:400}.row-button:last-child{border-bottom:0}.inventory-summary{color:#8d99a2;align-items:center;gap:25px;margin-bottom:22px;font-size:13px;display:flex}.inventory-summary b{color:#3d4f5b;margin-right:7px}.alert-dot{background:#cf9c4b;border-radius:50%;width:6px;height:6px}.role-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.role-cards article{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:flex-start;gap:13px;padding:22px;display:flex}.role-cards svg{color:#5e986b;flex-shrink:0}.role-cards p{margin-top:6px;font-size:13px;line-height:1.5}.push-right{margin-left:auto}.muted{color:#85939c;font-size:13px}.demo-tag{color:#728269;background:#f5faf2;border:1px solid #dfe7de;border-radius:4px;padding:5px 8px;font-size:11px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101e2b80;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:600px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 20px 100px #142c3b35}.modal.wide{width:880px}.modal-header{border-bottom:1px solid var(--border);z-index:2;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:24px 26px;display:flex;position:sticky;top:0}.modal-header h2{font-size:19px}.modal-header p{margin-top:5px;font-size:13px}.modal-body{padding:25px 26px}.modal-footer{border-top:1px solid var(--border);background:#fcfdfd;justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.span-two{grid-column:1/-1}label{color:#52616c;flex-direction:column;gap:7px;font-size:14px;font-weight:500;display:flex}input,select,textarea{color:#344650;background:#fff;border:1px solid #dbe2e6;border-radius:5px;width:100%;min-width:0;padding:11px 12px;font-weight:400;line-height:1.4}input:focus,select:focus,textarea:focus{border-color:#6fa27c;outline:2px solid #89ba9344}input:-moz-read-only{color:#83939e;background:#f6f8f9}input:disabled,input:read-only,select:disabled{color:#83939e;background:#f6f8f9}textarea{resize:vertical}label+label{margin-top:0}.modal-body>label{margin:18px 0}.info-note{color:#62806a;background:#f1f6f2;align-items:center;gap:9px;margin-bottom:20px;padding:13px 15px;font-size:13px;display:flex}.error,.info-note{border-radius:6px;line-height:1.5}.error{color:#ac534a;background:#fef0ee;border:1px solid #f4d9d5;margin:18px 0 0;padding:12px 15px;font-size:14px}.stock-current{border:1px solid var(--border);color:#7a8791;background:#f6f8fa;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:18px;display:flex}.stock-current strong{color:#344a3b;font-size:22px}.history-summary{color:#8c99a2;align-items:center;gap:30px;padding:24px;font-size:12px;display:flex}.history-summary b{color:#475b67;margin-top:8px;font-size:15px;display:block}.history-summary button{margin-left:auto}.detail-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.detail-heading h3{margin:0 0 20px;font:650 20px Manrope,sans-serif}.detail-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.detail-grid span{color:#8a99a4;margin-bottom:6px;font-size:12px;display:block}.detail-grid b{font-size:14px;font-weight:500}.workflow{flex-wrap:wrap;gap:8px;padding:25px 0;display:flex}.workflow span{color:#a4afb7;white-space:nowrap;background:#f1f4f6;border-radius:5px;flex:1;padding:8px 10px;font-size:12px}.workflow .reached{color:#4d8c5b;background:#eaf4eb}.notes{background:#f8fafb;border-radius:6px;margin-top:20px;padding:18px}.preserve-lines{white-space:pre-line}.section-label{justify-content:space-between;align-items:center;margin:25px 0 14px;display:flex}.section-label h3{margin:0;font-size:15px}.item-editor{border:1px solid var(--border);background:#fafcfc;border-radius:7px;gap:13px;margin-bottom:13px;padding:17px;display:grid}.item-numbers{grid-template-columns:1fr 1fr 2fr auto;align-items:end;gap:12px;display:grid}.item-numbers .icon-button{margin-bottom:7px}.invoice-summary{background:#f3f7f3;border-radius:6px;margin-top:20px;padding:17px}.invoice-summary p{color:#7e8d83;justify-content:space-between;margin:7px 0;display:flex}.invoice-summary b,.invoice-summary strong{color:#3b6846}.invoice-summary strong{font-size:21px}.toast{color:#fff;z-index:90;background:#243d2c;border-radius:7px;align-items:center;gap:10px;max-width:90vw;padding:15px 22px;font-size:14px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0002}.confirm-layer{z-index:80}.confirm-modal{max-width:450px}.confirm-modal h2{margin:0 0 16px;font-size:19px}.confirm-modal p{color:#768690}.full{width:100%}.loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;display:flex}.login-page{background:#fff;grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-art{color:#9db0b7;background:#192b36;flex-direction:column;justify-content:space-between;padding:25px 60px 45px;display:flex;position:relative}.login-art h1{color:#f7fbf5;letter-spacing:-2px;margin:22px 0;font:700 64px/1.16 Manrope,sans-serif}.login-art .eyebrow{color:#84b77c}.login-art p{color:#9ab0b7;font-size:16px;line-height:1.7}.login-art>small{letter-spacing:.8px;font-size:13px}.login-form{align-self:center;width:380px;max-width:85%;margin:40px auto}.login-form h1{font-size:28px}.login-form>p{margin-bottom:28px}.login-form form{flex-direction:column;gap:18px;display:flex}.demo-note{color:#617555;background:#f9fcf6;border:1px solid #e1e9de;border-radius:7px;margin-top:24px;padding:18px;font-size:13px}.demo-note p{margin:6px 0 14px;font-size:12px}.login-foot{color:#a0aab2;text-align:center;margin-top:30px;font-size:12px}.invoice-modal{background:#f0f3f5;width:940px}.invoice-toolbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:16px 25px;display:flex}.invoice-paper{color:#344851;background:#fff;margin:25px;padding:40px 45px;box-shadow:0 2px 6px #1b2a3810}.invoice-letterhead{justify-content:space-between;align-items:center;gap:30px;display:flex}.invoice-heading{text-align:right}.invoice-heading>span{letter-spacing:2px;color:#7f909c;font-size:12px}.invoice-heading h2{color:#23586d;margin:8px 0 12px;font-size:27px}.invoice-heading p{font-size:12px;line-height:1.6}.invoice-rule{background:linear-gradient(90deg,#1c5470,#1c5470 25%,#64b33b 0,#64b33b);height:3px;margin:22px 0 30px}.invoice-addresses{grid-template-columns:1fr 1fr;gap:30px;display:grid}.document-label{letter-spacing:1px;color:#9ba5aa;margin-bottom:10px;font-size:10px;display:block}.invoice-paper h3{color:#345461;margin:0 0 8px;font-size:15px}.invoice-paper p{color:#788892;font-size:13px;line-height:1.6}.equipment-note{margin-top:10px}.invoice-title{padding:25px 0 20px}.invoice-title .document-label{margin-bottom:7px}.invoice-table th{color:#fff;letter-spacing:.5px;background:#245368;padding:13px 12px;font-size:10px}.invoice-table td{color:#657780;vertical-align:top;border-bottom:1px solid #edf0f2;padding:16px 12px;font-size:12px}.invoice-table td:nth-last-child(-n+2),.invoice-table th:nth-last-child(-n+2){text-align:right;white-space:nowrap}.invoice-totals{width:310px;margin:20px 0 20px auto}.invoice-totals>div{color:#86929a;justify-content:space-between;gap:15px;padding:10px 12px;font-size:13px;display:flex}.invoice-totals b{color:#4e606c;font-weight:500}.invoice-totals .invoice-total{color:#43734c;background:#eff6ed;margin-top:6px;font-size:15px}.invoice-total strong{font-size:19px}.amount-words{border-top:1px solid var(--border);padding:22px 0}.amount-words p{text-transform:capitalize;font-size:13px}.invoice-bottom{grid-template-columns:1fr 1fr;gap:25px;padding:15px 0 30px;display:grid}.bank{margin-bottom:12px}.bank b{font-size:13px}.invoice-footer{text-align:center;border-top:1px solid #dfe6e9;padding-top:18px}.invoice-footer>b{letter-spacing:1.3px;color:#63806a;font-size:10px}.invoice-footer p{margin:3px 0;font-size:11px;line-height:1.5}.invoice-footer p:last-child{justify-content:center;align-items:center;gap:6px;display:flex}.invoice-footer p span{margin:0 4px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f8f9;border-radius:5px;max-height:270px;padding:15px;font:12px/1.7 monospace;overflow:auto}.close-menu{color:#a7b7bf;background:0 0;border:0;position:absolute;right:12px}@media (width<=1200px){.metric strong{font-size:23px}.topright{font-size:11px}.demo-tag{display:none}.login-art{padding:25px 40px 40px}.login-art h1{font-size:53px}}@media (width<=760px){.toolbar{flex-wrap:wrap;padding:15px}.toolbar .search-field{flex-basis:100%;max-width:100%}.toolbar select{max-width:100%}.inventory-summary{flex-wrap:wrap;gap:12px}.role-cards{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{max-height:96dvh}.modal-body,.modal-header{padding:20px}.modal-footer{padding:16px 20px}.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.history-summary{flex-wrap:wrap;gap:16px;padding:20px}.history-summary button{margin-left:0}.detail-grid{grid-template-columns:1fr}.table-footer span{display:none}.login-page{display:block}.login-art{display:none}.login-form{max-width:85%;margin:0 auto;padding:50px 0}.item-numbers{grid-template-columns:1fr 1fr 2fr auto;gap:6px}.item-numbers label{font-size:12px}.invoice-paper{min-width:650px;margin:10px;padding:25px 18px}.invoice-modal{overflow:auto}.invoice-toolbar,.invoice-toolbar .actions{flex-wrap:wrap}.invoice-modal .modal-header{min-width:0}.metric-top{gap:8px;font-size:12px}.metric strong{font-size:21px}.metric small,.workflow span,.workspace-footer{font-size:11px}.sidebar-bottom{font-size:12px}.detail-heading{align-items:flex-start}.list-row{flex-wrap:wrap}}@media print{@page{size:A4;margin:12mm}body{background:#fff!important}.confirm-layer,.invoice-toolbar,.modal-header,.shell,.toast{display:none!important}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;display:block;position:static}.modal.invoice-modal{background:#fff;border-radius:0;max-width:none;max-height:none}.invoice-paper,.modal.invoice-modal{width:auto;box-shadow:none;overflow:visible}.invoice-paper{min-width:0;margin:0;padding:0}.invoice-paper *{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-addresses,.invoice-bottom,.invoice-footer,.invoice-letterhead,.invoice-table tr,.invoice-totals{-moz-column-break-inside:avoid;break-inside:avoid}.invoice-table thead{display:table-header-group}.invoice-paper .invoice-footer{margin-top:20px}}.brand{flex-direction:column;justify-content:center;gap:9px;height:auto;min-height:168px;padding:18px 0;position:relative}.brand .carencro-logo{width:100%;max-width:200px}.brand-app-name{letter-spacing:2.6px;color:#dbe5eb;font:700 12px Manrope,sans-serif}.login-art .brand{align-items:flex-start;min-height:170px;padding:0}.login-art .brand-app-name{padding-left:3px}.login-brand{margin-bottom:24px}.invoice-brand{border-radius:0;width:280px}.close-menu{z-index:1;background:#19232f;border-radius:50%;top:3px;right:-7px}@media (width<=760px){.sidebar .brand{min-height:154px}.sidebar .brand .carencro-logo{max-width:185px}}.carencro-logo[data-v-d4ef3804]{aspect-ratio:715/410;background:#fff;border-radius:5px;flex-shrink:0;width:200px;position:relative;overflow:hidden}.carencro-logo img[data-v-d4ef3804]{width:127.832%;max-width:none;height:auto;position:absolute;top:-53.6585%;left:-13.986%}
