@font-face{font-family:Poppins;src:url('/poppins.ttf')}*{box-sizing:border-box}body{margin:0;color:#1d3a4a;background:#f4f7f8;font-family:Poppins,'Segoe UI',sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a.button{cursor:pointer}button,.button{border:1px solid #d7e2e7;border-radius:9px;background:#fff;color:#396980;padding:10px 14px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover,.button:hover{background:#eef4f6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e8a33d;outline-offset:2px}.primary{background:#396980;color:white;border-color:#396980;white-space:nowrap}.primary:hover{background:#1d3a4a}input,select,textarea{width:100%;min-width:0;border:1px solid #d7e2e7;border-radius:8px;padding:10px 11px;background:#fff;color:#1d3a4a}textarea{min-height:92px;resize:vertical}small{display:block;color:#758995;font-size:11px;line-height:1.7}h1{font-size:30px;letter-spacing:-1px;line-height:1.25;margin:9px 0}h2{font-size:16px;margin:0 0 17px}h3{font-size:13px;margin-top:25px}p{line-height:1.8;color:#637b89}strong{font-weight:600}aside{position:fixed;inset:0 auto 0 0;width:244px;background:white;border-right:1px solid #e1e9ed;padding:28px 17px;display:flex;flex-direction:column}aside>img{width:130px;height:65px;object-fit:contain;margin:0 10px 16px}.workspace{font-size:11px;color:#758995;margin:0 10px 25px;display:flex;justify-content:space-between;align-items:center}.workspace span{font-size:9px;background:#eef4f6;padding:3px 7px;border-radius:4px}nav{display:grid;gap:5px}nav button{border:0;justify-content:flex-start;padding:11px 12px;font-size:12px;color:#657f8e;gap:12px;line-height:1.5}.navicon{font-size:19px;width:21px}nav .chosen{background:#eaf2f5;color:#396980;font-weight:600}.account{margin-top:auto;border-top:1px solid #e1e9ed;padding:20px 10px 0;font-size:11px;overflow-wrap:anywhere}.account button{border:0;padding:7px 0;font-size:11px}main{margin-left:244px;min-height:100vh}header{min-height:76px;display:flex;align-items:center;gap:25px;padding:16px 34px;border-bottom:1px solid #e1e9ed;background:#fff}header>span{white-space:nowrap;font-size:11px;color:#758995}header b{color:#e8a33d;padding:0 8px}header input{max-width:420px;margin-left:auto;background:#f6f9fa;border:0;font-size:11px}.live:before{content:'';display:inline-block;width:6px;height:6px;background:#508c9f;border-radius:50%;margin-right:7px}.content{max-width:1600px;margin:auto;padding:30px 34px}.heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin:15px 0 28px}.heading small{letter-spacing:1.6px;font-size:9px;color:#508c9f}.heading p{margin:9px 0 0;font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.stat{display:flex;flex-direction:column;align-items:flex-start;padding:23px;min-height:148px;background:#fff;box-shadow:0 5px 20px #1d3a4a04}.stat span{font-size:11px;color:#758995}.stat strong{font-size:35px;line-height:1.7;letter-spacing:-1px;font-weight:500}.stat small{font-size:10px}.stat:nth-child(2){background:#edf4f6}.stat:nth-child(4){background:#faf6ef;border-color:#ede4d5}.twocol{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.panel{background:white;border:1px solid #e1e9ed;border-radius:12px;padding:25px;margin-bottom:22px;min-width:0}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead h2{margin-bottom:10px}.pill{display:inline-block;padding:4px 9px;border-radius:6px;background:#eef4f6;color:#607e8d;font-size:10px;line-height:1.6;white-space:normal}.pill.active{background:#deeee9;color:#477565}.alertrow{display:flex;align-items:center;width:100%;text-align:left;gap:12px;border:0;border-bottom:1px solid #f0f4f6;border-radius:0;padding:17px 0}.alertrow b{margin-left:auto}.dot{height:7px;width:7px;background:#508c9f;display:inline-block;border-radius:50%;flex-shrink:0}.dot.gold{background:#e8a33d}.note{font-size:10px;color:#81949f;margin-top:20px;line-height:1.8}.list{background:#fff;border:1px solid #e1e9ed;border-radius:12px;overflow:hidden}.panel .list{border:0}.listrow{width:100%;display:flex;text-align:left;justify-content:space-between;gap:15px;border:0;border-bottom:1px solid #eef4f6;border-radius:0;padding:18px}.listrow:last-child{border-bottom:0}.listrow strong{font-size:12px}.text{background:transparent;border:0;padding:10px 0;font-size:12px}.empty{text-align:center;padding:40px 20px;color:#758995;font-size:12px}.timeline>div{display:flex;gap:15px;align-items:flex-start;padding:10px 0}.timeline .dot{margin-top:10px}.timeline p{margin:0;overflow-wrap:anywhere;font-size:12px}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.toolbar input{max-width:330px}.toolbar select{max-width:190px}.toolbar span{font-size:11px;color:#758995}.toolbar .button{margin-left:auto}.tablewrap{overflow:auto;background:#fff;border:1px solid #e1e9ed;border-radius:12px}table{border-collapse:collapse;min-width:850px;width:100%;text-align:left}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#8a9ba5;background:#fafcfc;padding:16px;font-weight:500}td{padding:19px 16px;border-top:1px solid #eef4f6;font-size:11px}td strong{font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7fafb}.kanban{display:flex;gap:14px;overflow:auto;padding-bottom:20px}.kanban section{min-width:228px;background:#eaf0f3;border-radius:10px;padding:12px;min-height:400px}.kanban h3{margin:4px 3px 18px;display:flex;justify-content:space-between;gap:12px;font-size:11px}.kanban h3 span{color:#8a9ba5}.kanbancard{display:block;text-align:left;width:100%;padding:17px;background:#fff;margin-bottom:12px;border-color:#e1e9ed;box-shadow:0 3px 7px #1d3a4a04;cursor:grab}.kanbancard span{display:block;border-top:1px solid #eef4f6;padding-top:12px;margin-top:15px;font-size:10px;color:#508c9f}.demo{font-size:9px;letter-spacing:.7px;color:#9b702f;border:1px solid #eedec4;background:#fffbf3;border-radius:6px;padding:9px 12px;margin-bottom:25px}.error{color:#9e3d3d;background:#fff2f0;padding:12px;border-radius:8px;line-height:1.7}.toast{position:fixed;top:18px;right:20px;background:#1d3a4a;color:white;padding:15px;border-radius:9px;z-index:100}.overlay{position:fixed;inset:0;background:#163b4e55;z-index:50;display:flex;align-items:center;justify-content:center;padding:25px;backdrop-filter:blur(3px)}.dialog{width:760px;max-height:90vh;overflow:auto;background:white;border-radius:15px;padding:26px}.dialog .sectionhead{margin-bottom:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:block;font-size:11px;color:#607e8d;line-height:1.8}label>input,label>select,label>textarea{display:block;margin-top:5px}.dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:20px;border-top:1px solid #e1e9ed}.danger{color:#a34242;margin-right:auto}.fileinput{display:none}dl>div{display:grid;grid-template-columns:145px 1fr;border-bottom:1px solid #eef4f6;padding:10px 0;font-size:12px}dt{color:#81949f}dd{margin:0;overflow-wrap:anywhere}.pre{white-space:pre-wrap}.login{max-width:470px;margin:7vh auto;background:white;border:1px solid #e1e9ed;border-radius:20px;padding:42px}.login img{width:145px;margin-bottom:30px}.login h1{font-size:34px;margin-top:15px}.login label{margin-bottom:15px}.login .primary{width:100%;margin:7px 0 25px}.login>small:last-child{text-align:center;font-size:9px}@media(max-width:1100px){aside{width:208px;padding:22px 12px}main{margin-left:208px}.content{padding:24px}.stats{gap:10px}.stat{padding:16px}.twocol{grid-template-columns:1fr}header{padding:15px 24px}header .live{display:none}.heading{align-items:flex-start}h1{font-size:27px}}@media(max-width:700px){aside{position:static;width:100%;padding:15px 16px;border-right:0;border-bottom:1px solid #e1e9ed}aside>img{width:100px;height:42px;margin:0}.workspace,.account{display:none}nav{display:flex;overflow:auto;gap:5px;margin-top:12px}nav button{white-space:nowrap;padding:8px 10px;font-size:11px}.navicon{font-size:14px;width:auto}main{margin:0}header{padding:12px 16px;min-height:60px;gap:10px}header>span:first-child{display:none}header input{max-width:none;font-size:11px}.content{padding:20px 16px}.heading{display:block;margin:5px 0 23px}.heading>.primary,.heading>.button{margin-top:18px}.heading h1{font-size:26px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{min-height:125px}.stat strong{font-size:30px}.panel{padding:19px}.fields{grid-template-columns:1fr}.overlay{padding:10px}.dialog{padding:20px;max-height:95vh}.dialog footer{position:sticky;bottom:-20px;background:white;padding-bottom:18px;flex-wrap:wrap}.login{margin:25px 15px;padding:30px}.toolbar input,.toolbar select{max-width:none}.toolbar .button{margin:0}h2{font-size:15px}.sectionhead{flex-wrap:wrap}.kanban section{min-width:235px}dl>div{grid-template-columns:110px 1fr}}
.chartcaption{font-size:11px;margin-top:-8px;margin-bottom:20px}.donutrow{display:flex;align-items:center;gap:22px;min-height:168px}.donutchart{width:160px;height:160px;flex-shrink:0}.donutnumber{font-size:23px;fill:#1d3a4a}.donutlabel{font-size:7px;fill:#758995}.legend{flex:1;min-width:0}.legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;font-size:10px;margin:13px 0}.legend strong{font-size:10px}.colorpoint{width:7px;height:7px;border-radius:50%;display:block}.c0{background:#396980}.c1{background:#e8a33d}.c2{background:#78a7b6}.c3{background:#c8dce3}.c4{background:#98b7b0}.c5{background:#d8bb8f}.ratiogrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #eef4f6;margin-top:20px;padding-top:20px;gap:20px}.ratiogrid strong{font-size:25px;color:#396980}.ratiogrid small{font-size:9px}.barchart{margin:10px 0 24px}.barchart>div{display:grid;grid-template-columns:135px 1fr 18px;gap:12px;align-items:center;margin:12px 0;font-size:10px}.barchart svg{height:8px;width:100%}.barchart b{text-align:right;color:#396980}@media(max-width:700px){.donutrow{gap:10px}.donutchart{width:120px;height:120px}.legend>div{grid-template-columns:7px 1fr;gap:6px}.legend strong{grid-column:2}.barchart>div{grid-template-columns:115px 1fr 16px;gap:8px}.ratiogrid strong{font-size:22px}.ratiogrid small{font-size:10px}}@media(max-width:360px){.donutrow{flex-direction:column;align-items:stretch}.donutchart{align-self:center}.legend>div{grid-template-columns:8px 1fr auto}.legend strong{grid-column:auto}}
.mobilelogout{display:none}@media(max-width:700px){.mobilelogout{display:inline-flex;font-size:10px;padding:8px;flex-shrink:0}}

.document-layout{display:grid;grid-template-columns:280px 1fr;gap:24px}.folders{display:flex;flex-direction:column;gap:7px}.folders button{text-align:left}.folders .nested{margin-left:12px;font-size:12px}.stockstats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stocktable{display:grid;grid-template-columns:2fr .6fr 1.5fr 1.5fr;gap:16px;align-items:center}.stocktable small{display:block;margin-top:6px}.stocktable>button{text-align:left}.visualcalendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid #d9e5e9;border-radius:12px;overflow:hidden;background:white}.visualcalendar>section{min-height:115px;border-right:1px solid #e3ecef;border-bottom:1px solid #e3ecef;padding:10px}.visualcalendar header{font-size:12px;margin-bottom:10px}.visualcalendar button{display:block;width:100%;text-align:left;padding:7px;font-size:11px;margin-bottom:5px;background:#e4f0f3;color:#245267}.visualcalendar button.cal-stock{background:#fdf3e0;color:#7a5410;border-left:3px solid #e8a33d}.visualcalendar button.cal-stock.returned{background:#eef4f6;color:#396980;border-left-color:#508c9f}.dispo{color:#396980}.cal-today{background:#fff9ee}.cal-muted{color:#91a3ac;background:#f7fafb}.visualcalendar.oneday{grid-template-columns:1fr}.hourline{height:35px;border-bottom:1px solid #e3ecef;color:#8398a2;font-size:11px}.toolbar{flex-wrap:wrap}.toolbar strong{margin-right:auto}@media(max-width:800px){.document-layout{grid-template-columns:1fr}.stockstats{grid-template-columns:repeat(2,1fr)}.stocktable{grid-template-columns:1.5fr .5fr 1fr 1fr;font-size:11px}.visualcalendar>section{padding:4px;min-height:90px}.visualcalendar button{padding:3px;font-size:10px}}
.dictation{grid-column:1/-1;border:1px solid #d7e2e7;background:#f1f6f8;padding:12px;border-radius:8px;margin-top:8px}.dictation input{width:auto;margin-right:6px}.dictation p{font-size:12px;line-height:1.6}.dictation h3{margin:0;font-size:14px}.conversion-confirm{grid-column:1/-1;padding:14px;border:1px solid #d7e2e7}.conversion-confirm input{width:auto;margin-right:8px}
.cal-stock{line-height:1.3;white-space:normal}
@media (max-width:560px){.visualcalendar{grid-template-columns:repeat(7,minmax(96px,1fr));overflow-x:auto}.visualcalendar.oneday{grid-template-columns:1fr;overflow-x:visible}.visualcalendar>section{min-width:96px}.visualcalendar.oneday>section{min-width:0}}
