:root{--active:#99b4d1;--gains:#dcdcdc;--select:#0078d4;--teal:#008080;--crimson:#dc143c;--border:#7f7f7f;--winfont:"Bell MT",Georgia,"Times New Roman",serif;--inputfont:Calibri,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eeeade;color:#000}body{font-family:var(--winfont)}button,input,select{font:inherit}[hidden]{display:none!important}.portfolio-bar{height:32px;background:#111;color:#eee;display:flex;align-items:center;gap:13px;padding:0 14px;font:10px Consolas,monospace;letter-spacing:.04em}.portfolio-bar strong{color:#ff8d60}.portfolio-bar span{opacity:.72}.portfolio-bar button{margin-left:auto;border:1px solid #777;background:#252525;color:#fff;padding:4px 10px;font:10px Consolas,monospace;cursor:pointer}.screen{min-height:calc(100vh - 32px);display:grid;place-items:center;padding:24px}.win-form{background:var(--active);color:#000;border:0;box-shadow:0 10px 27px rgba(0,0,0,.22);font-family:var(--winfont)}.win-panel{position:absolute;background:var(--gains);overflow:hidden}.form-title{position:absolute;display:flex;align-items:center;justify-content:center;background:var(--active);font:700 24px/1 var(--winfont);white-space:nowrap}.win-input{height:22px;background:#fff;border:1px solid #7f7f7f;border-radius:0;padding:1px 4px;color:#000;outline:none;font:700 14px/18px var(--inputfont)}.win-input:focus{outline:1px dotted #555;outline-offset:-2px}.win-button{height:40px;border:1px solid #888;border-radius:0;background:var(--active);color:#000;padding:0 9px;font:700 18px/38px var(--winfont);cursor:pointer}.win-button:hover{filter:brightness(.96)}.win-button:active{transform:translate(1px,1px)}.win-button:disabled{opacity:.45;cursor:default}.abs-label{position:absolute;height:22px;display:flex;align-items:center;background:transparent;font:700 18px/22px var(--winfont)}.radio-label{position:absolute;display:flex;align-items:center;gap:5px;height:23px;font:700 17px/23px var(--winfont);white-space:nowrap}.radio-label input{margin:0}.grid-wrap{position:absolute;background:#fff;border:1px solid #a4a4a4;overflow:auto}.grid-wrap table{border-collapse:collapse;min-width:100%;width:100%;background:var(--gains);font:700 13px/1.15 var(--winfont)}.grid-wrap th,.grid-wrap td{height:26px;padding:4px 7px;border:1px solid #b8b8b8;text-align:left;white-space:nowrap}.grid-wrap th{position:sticky;top:0;z-index:2;background:var(--gains)}.grid-wrap tbody tr{background:var(--gains);cursor:default}.grid-wrap tbody tr:hover{background:#cbd9e6}.grid-wrap tbody tr.selected{background:var(--select)!important;color:#fff}.grid-wrap tbody tr.selected input{color:#000}.grid-qty{width:70px;height:21px;text-align:center;font:700 13px var(--inputfont)}

/* Loading — original FormLoading 284×261 */.loading-screen{background:#eeeade}.loading-form{position:relative;width:284px;height:261px}.progress-ring{position:absolute;left:48px;top:17px;width:188px;height:188px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2e8b57 var(--progress,0%),#dcdcdc 0);font:40px/1 Arial,sans-serif;color:#2e8b57}.progress-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#eeeade}.progress-ring span{position:relative;z-index:1}.loading-label{position:absolute;left:92px;top:214px;width:100px;height:29px;text-align:center;font:700 29px/29px var(--winfont);color:#2e8b57}

/* Login — original FormLogin 260×260 */.login-screen{background:#eeeade}.login-wrap{text-align:center}.login-form-window{position:relative;width:260px;height:260px}.login-title{left:55px;top:9px;width:150px;height:50px}.login-panel{left:12px;top:62px;width:236px;height:186px}.login-user,.login-pass{position:absolute;left:43px;width:150px;height:20px}.login-user{top:30px}.login-pass{top:78px}.login-user-label,.login-pass-label{position:absolute;left:68px;width:100px;height:22px;display:flex;align-items:center;justify-content:center;font:700 18px/22px var(--winfont)}.login-user-label{top:53px}.login-pass-label{top:101px}.login-button,.exit-button{position:absolute;top:143px;width:100px;height:40px;border:0;color:#fff;font-size:27px}.login-button{left:3px;background:var(--teal)}.exit-button{left:133px;background:var(--crimson)}.sample-note{margin:12px 0 0;font:11px Consolas,monospace;color:#5a564e}

/* Desktop canvas */.app-shell{min-height:calc(100vh - 32px);overflow:auto;padding:18px 20px 34px}.desktop-canvas{position:relative;min-width:1280px;min-height:690px;display:flex;justify-content:center;align-items:flex-start;padding-top:0}.admin-window{position:relative;width:933px;height:636px;flex:0 0 auto}.menu-strip{position:absolute;left:0;top:0;width:933px;height:50px;display:flex;align-items:stretch;background:var(--active);z-index:20;border-bottom:1px solid rgba(0,0,0,.14);padding-left:7px}.menu-top,.menu-direct{height:49px;border:0;background:var(--active);color:#000;font:700 20px/46px var(--winfont);padding:0;cursor:pointer;white-space:nowrap}.menu-top:hover,.menu-direct:hover,.menu-group.menu-open>.menu-top{background:#adc5dc}.menu-group{position:relative;height:49px;flex:0 0 auto}.supply-menu{width:100px}.management-menu{width:132px}.transaction-menu{width:119px}.report-menu{width:88px}.admin-menu{width:77px}.menu-group>.menu-top{width:100%}.submenu{display:none;position:absolute;left:0;top:48px;background:var(--active);border:1px solid #7d8f9e;box-shadow:3px 4px 8px rgba(0,0,0,.2);z-index:80}.menu-group.menu-open>.submenu{display:block}.supply-menu .submenu{width:217px}.management-menu .submenu{width:180px}.report-menu .submenu{width:242px}.submenu button{display:block;width:100%;height:30px;padding:0 11px;border:0;background:var(--active);text-align:left;white-space:nowrap;font:700 18px/28px var(--winfont);cursor:pointer}.submenu button:hover{background:var(--select);color:#fff}.menu-search{align-self:center;width:116px;height:27px;margin-left:10px;background:#fff;border:1px solid #777;font:700 15px/23px var(--inputfont);padding:1px 5px}.admin-panel{left:12px;top:62px;width:909px;height:562px}.admin-grid-top{left:3px;top:3px;width:901px;height:250px}.admin-grid-bottom{left:2px;top:259px;width:901px;height:250px}.admin-btn{position:absolute;top:515px;width:100px}.admin-btn.add{left:3px}.admin-btn.save{left:203px}.admin-btn.delete{left:403px}.admin-btn.clear{left:603px}.admin-btn.logout{left:803px}

/* child window positioning */.child-window{position:fixed;left:50%;top:calc(50% + 16px);transform:translate(-50%,-50%);z-index:60}.child-window .win-panel{box-shadow:none}.child-exit{}

/* New Delivery Item 350×300 */.form-new-item{width:350px;height:300px}.new-item-title{left:81px;top:9px;width:189px;height:50px}.new-item-panel{left:12px;top:62px;width:326px;height:226px}.ni-unit{position:absolute;left:153px;top:55px;width:150px;height:20px}.ni-unit-label{left:23px;top:52px;width:100px}.ni-desc{position:absolute;left:153px;top:92px;width:150px;height:20px}.ni-desc-label{left:23px;top:89px;width:100px}.ni-add{position:absolute;left:27px;top:160px;width:100px}.ni-exit{position:absolute;left:203px;top:160px;width:100px}

/* Manage Supply 530×400 */.form-supply{width:530px;height:400px}.supply-title{left:182px;top:8px;width:167px;height:51px}.supply-panel{left:12px;top:62px;width:506px;height:326px}.ms-grid{left:5px;top:3px;width:497px;height:200px}.ms-id{position:absolute;left:5px;top:224px;width:150px;height:20px}.ms-id-label{left:5px;top:247px;width:100px}.ms-unit{position:absolute;left:181px;top:224px;width:150px;height:20px}.ms-unit-label{left:201px;top:247px;width:100px}.ms-desc{position:absolute;left:352px;top:224px;width:150px;height:20px}.ms-desc-label{left:397px;top:247px;width:100px}.ms-update{position:absolute;left:5px;top:283px;width:100px}.ms-delete{position:absolute;left:204px;top:284px;width:100px}.ms-exit{position:absolute;left:402px;top:283px;width:100px}

/* Deleted Records 500×350 */.form-deleted{width:500px;height:350px}.deleted-title{left:123px;top:9px;width:254px;height:51px}.deleted-panel{left:12px;top:63px;width:476px;height:275px}.dr-grid{left:4px;top:3px;width:472px;height:200px}.dr-recover{position:absolute;left:4px;top:219px;width:110px}.dr-exit{position:absolute;left:364px;top:219px;width:110px}

/* Department 473×500 */.form-department{width:473px;height:500px}.department-title{left:129px;top:9px;width:215px;height:51px}.department-panel{left:12px;top:63px;width:449px;height:425px}.dep-grid{left:7px;top:3px;width:435px;height:220px}.dep-id{position:absolute;left:43px;top:243px;width:150px;height:20px}.dep-id-label{left:71px;top:266px;width:100px}.dep-desc{position:absolute;left:256px;top:243px;width:150px;height:20px}.dep-desc-label{left:283px;top:266px;width:100px}.dep-added{left:151px;top:302px}.dep-deleted{left:151px;top:331px}.dep-add,.dep-recover{position:absolute;left:20px;top:302px;width:110px}.dep-update{position:absolute;left:318px;top:302px;width:110px}.dep-delete{position:absolute;left:20px;top:348px;width:110px}.dep-exit{position:absolute;left:318px;top:348px;width:110px}

/* Employee 589×571 */.form-employee{width:589px;height:571px}.employee-title{left:168px;top:11px;width:215px;height:51px}.employee-panel{left:12px;top:65px;width:565px;height:494px}.emp-grid{left:5px;top:3px;width:555px;height:217px}.emp-dept-label{left:18px;top:250px;width:100px}.emp-dept{position:absolute;left:160px;top:251px;width:150px}.emp-id-label{left:18px;top:223px;width:100px}.emp-id{position:absolute;left:160px;top:225px;width:150px;height:20px}.emp-first-label{left:18px;top:277px;width:100px}.emp-first{position:absolute;left:160px;top:279px;width:150px;height:23px}.emp-middle-label{left:18px;top:306px;width:113px}.emp-middle{position:absolute;left:160px;top:308px;width:150px;height:23px}.emp-last-label{left:18px;top:335px;width:100px}.emp-last{position:absolute;left:160px;top:337px;width:150px;height:23px}.emp-age-label{left:18px;top:364px;width:100px}.emp-age{position:absolute;left:160px;top:366px;width:150px;height:23px}.emp-gender-label{left:18px;top:393px;width:100px}.emp-gender{position:absolute;left:160px;top:394px;width:150px}.emp-added{left:367px;top:225px}.emp-deleted{left:367px;top:251px}.emp-add,.emp-recover{position:absolute;left:22px;top:444px;width:110px}.emp-update{position:absolute;left:159px;top:444px;width:110px}.emp-delete{position:absolute;left:296px;top:444px;width:110px}.emp-exit{position:absolute;left:433px;top:444px;width:110px}

/* Assign Item 1100×443 */.form-limit{width:1100px;height:443px}.limit-title{left:414px;top:9px;width:272px;height:51px}.limit-panel{left:12px;top:66px;width:1076px;height:365px}.limit-available-label{left:10px;top:9px;width:127px;height:30px}.limit-grid-left{left:14px;top:42px;width:497px;height:200px}.limit-supply-label{left:960px;top:9px;width:107px;height:30px}.limit-grid-right{left:577px;top:42px;width:490px;height:200px}.limit-id-label{left:10px;top:248px;width:100px}.limit-id{position:absolute;left:152px;top:250px;width:150px;height:20px}.limit-dept-label{left:10px;top:275px;width:100px}.limit-dept{position:absolute;left:152px;top:276px;width:150px}.limit-desc-label{left:10px;top:302px;width:138px}.limit-desc{position:absolute;left:152px;top:304px;width:150px;height:23px}.limit-qty-label{left:10px;top:331px;width:113px}.limit-qty{position:absolute;left:152px;top:333px;width:150px;height:23px}.limit-added{left:567px;top:256px}.limit-deleted{left:567px;top:282px}.limit-add{position:absolute;left:401px;top:248px;width:110px}.limit-deduct{position:absolute;left:816px;top:258px;width:110px}.limit-delete{position:absolute;left:957px;top:258px;width:110px}.limit-recover{position:absolute;left:816px;top:322px;width:110px}.limit-exit{position:absolute;left:957px;top:322px;width:110px}

/* Transaction 1100×500 */.form-transaction{width:1100px;height:500px}.transaction-title{left:414px;top:9px;width:272px;height:51px}.transaction-panel{left:12px;top:75px;width:1076px;height:413px}.trx-dept-label{left:9px;top:11px;width:100px}.trx-dept{position:absolute;left:135px;top:12px;width:150px}.trx-emp-label{left:9px;top:43px;width:81px}.trx-emp{position:absolute;left:135px;top:44px;width:200px}.trx-id-label{left:3px;top:76px;width:133px}.trx-id-value{position:absolute;left:131px;top:76px;width:137px;height:22px;font:700 18px/22px var(--winfont)}.trx-limit-label{left:9px;top:106px;width:58px}.trx-limit{position:absolute;left:134px;top:108px;width:150px;height:20px;background:#c8c8c8}.trx-search-label{left:9px;top:143px;width:100px}.trx-search{position:absolute;left:134px;top:146px;width:150px;height:23px}.trx-grid-top{left:340px;top:3px;width:730px;height:180px}.trx-grid-bottom{left:5px;top:184px;width:1065px;height:180px}.trx-add{position:absolute;left:5px;top:370px;width:110px}.trx-save{position:absolute;left:323px;top:370px;width:110px}.trx-clear{position:absolute;left:641px;top:370px;width:110px}.trx-exit{position:absolute;left:959px;top:370px;width:110px}

/* Manage Admin 397×500 */.form-admins{width:397px;height:500px}.admins-title{left:113px;top:9px;width:167px;height:36px}.admins-panel{left:11px;top:48px;width:375px;height:440px}.admins-grid{left:9px;top:40px;width:350px;height:200px}.admin-user{position:absolute;left:9px;top:252px;width:150px;height:20px}.admin-user-label{left:32px;top:275px;width:100px}.admin-pass{position:absolute;left:9px;top:299px;width:150px;height:20px}.admin-pass-label{left:32px;top:322px;width:100px}.admin-added{left:213px;top:248px}.admin-deleted{left:213px;top:274px}.admin-search{position:absolute;left:209px;top:14px;width:150px;height:20px}.admin-add,.admin-recover{position:absolute;left:9px;top:352px;width:110px}.admin-delete{position:absolute;left:249px;top:351px;width:110px}.admin-update{position:absolute;left:9px;top:397px;width:110px}.admin-exit{position:absolute;left:249px;top:397px;width:110px}

/* Delivery Report 800×410 */.form-delivery-report{width:800px;height:410px}.delivery-report-title{left:317px;top:9px;width:167px;height:51px}.delivery-report-panel{left:12px;top:72px;width:776px;height:326px}.drep-from{position:absolute;left:8px;top:3px;width:200px;height:20px}.drep-to{position:absolute;left:214px;top:3px;width:200px;height:20px}.drep-search{position:absolute;left:419px;top:0;width:100px;height:26px;font-size:16px;line-height:24px}.drep-text{position:absolute;left:624px;top:5px;width:150px;height:23px}.drep-grid{left:4px;top:32px;width:768px;height:245px}.drep-exit{position:absolute;left:672px;top:283px;width:100px}

/* Transaction Report 1250×436 */.form-transaction-report{width:1250px;height:436px}.transaction-report-title{left:542px;top:4px;width:167px;height:51px}.transaction-report-panel{left:12px;top:59px;width:1226px;height:365px}.trep-from{position:absolute;left:8px;top:3px;width:212px;height:20px}.trep-to{position:absolute;left:229px;top:3px;width:212px;height:20px}.trep-dept-label{left:444px;top:2px;width:100px}.trep-dept{position:absolute;left:549px;top:5px;width:150px}.trep-search{position:absolute;left:704px;top:1px;width:100px;height:26px;font-size:16px;line-height:24px}.trep-view1{position:absolute;left:8px;top:39px;width:100px;height:26px;font-size:16px;line-height:24px}.trep-view2{position:absolute;left:448px;top:41px;width:100px;height:26px;font-size:16px;line-height:24px}.trep-master-text{position:absolute;left:291px;top:44px;width:150px;height:23px}.trep-detail-text{position:absolute;left:1063px;top:44px;width:150px;height:23px}.trep-grid-left{left:4px;top:71px;width:437px;height:245px}.trep-grid-right{left:446px;top:71px;width:767px;height:245px}.trep-exit{position:absolute;left:1113px;top:322px;width:100px}

/* desktop message box */.message-overlay{position:fixed;inset:32px 0 0;background:rgba(0,0,0,.12);z-index:200;display:grid;place-items:center}.message-box{width:390px;min-height:155px;background:#f0f0f0;border:1px solid #6f6f6f;box-shadow:0 12px 35px rgba(0,0,0,.34);font-family:"Segoe UI",Arial,sans-serif}.message-title{height:30px;background:#fff;padding:5px 9px;font:13px/20px "Segoe UI",Arial,sans-serif;border-bottom:1px solid #ddd}.message-body{min-height:76px;display:flex;align-items:center;gap:16px;padding:17px 18px}.message-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#177ddc;color:#fff;font:bold 20px Georgia}.message-body p{margin:0;font:13px/1.35 "Segoe UI",Arial,sans-serif}.message-actions{height:49px;background:#e6e6e6;border-top:1px solid #d4d4d4;display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:8px 12px}.msg-button{min-width:82px;height:27px;border:1px solid #777;background:#f6f6f6;font:13px "Segoe UI",Arial,sans-serif;cursor:pointer}.msg-button:focus{outline:2px solid #1675c1}

@media(max-width:1320px){.app-shell{padding-left:0;padding-right:0}.desktop-canvas{justify-content:flex-start;padding-left:24px}.child-window{position:absolute;left:640px;top:24px;transform:translateX(-50%)}}

@media(max-width:720px){
  html,body{overflow-x:hidden}
  .portfolio-bar{height:auto;min-height:32px;flex-wrap:wrap;gap:6px;padding:5px 8px}
  .portfolio-bar span{display:none}
  .portfolio-bar button{min-height:32px}
  .app-shell{padding:8px 0 20px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}
  .desktop-canvas{justify-content:flex-start;padding-left:8px;padding-right:8px}
  .child-window{position:absolute;left:8px;top:58px;transform:none}
  .grid-wrap{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
  .message-overlay{place-items:start;padding:80px 8px 8px}
  .message-box{width:min(390px,calc(100vw - 16px))}
}

/* True mobile adaptation of the historical WinForms-style edition. */
@media(max-width:720px), (max-width:900px) and (max-height:500px){
  .app-shell{padding:8px;overflow:hidden}
  .desktop-canvas{min-width:0;min-height:0;width:100%;padding:0;display:block}
  .admin-window{width:100%;height:auto;min-height:calc(100vh - 60px);overflow:visible}
  .menu-strip{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:48px;display:flex;flex-wrap:wrap;gap:4px;padding:4px}
  .menu-group,.supply-menu,.management-menu,.report-menu,.transaction-menu,.admin-menu{width:auto;height:auto;flex:1 1 44%;min-width:118px}
  .menu-top,.menu-direct{width:100%;height:44px;min-height:44px;line-height:42px;font-size:16px;padding:0 8px}
  .submenu{top:44px;left:0;width:min(260px,calc(100vw - 32px))!important;max-height:55vh;overflow:auto}
  .submenu button{height:44px;min-height:44px;font-size:16px;line-height:42px}
  .menu-search{order:20;flex:1 1 100%;width:100%;height:42px;margin:0;font-size:16px}
  .admin-panel{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:0;padding:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--gains)}
  .admin-grid-top,.admin-grid-bottom{position:relative;left:auto;top:auto;width:100%;height:185px;grid-column:1/-1}
  .admin-btn{position:static;width:100%;height:44px;min-height:44px;line-height:1.2;font-size:16px}
  .child-window{position:fixed!important;left:6px!important;right:6px!important;top:40px!important;bottom:6px!important;transform:none!important;width:auto!important;height:auto!important;max-width:none!important;z-index:120;overflow:hidden;background:var(--active);box-shadow:0 12px 34px rgba(0,0,0,.34)}
  .child-window .form-title{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:48px!important;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:20px;white-space:normal;text-align:center;padding:4px 52px 4px 10px}
  .child-window .win-panel{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:calc(100% - 48px)!important;min-height:0!important;padding:10px!important;overflow:auto!important;display:grid!important;grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr)!important;grid-auto-flow:row dense;align-content:start;gap:8px 10px;background:var(--gains)}
  .child-window .win-panel form{display:grid;grid-template-columns:minmax(92px,.75fr) minmax(0,1.25fr);grid-auto-flow:row dense;gap:8px 10px;grid-column:1/-1;width:100%}
  .child-window .grid-wrap{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:190px!important;grid-column:1/-1;overflow:auto;-webkit-overflow-scrolling:touch}
  .child-window .abs-label{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:44px;grid-column:1;display:flex;align-items:center;font-size:15px;line-height:1.15;white-space:normal}
  .child-window .win-input,.child-window select.win-input{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:44px!important;min-height:44px;grid-column:2;font-size:16px;line-height:1.2}
  .child-window .radio-label{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:44px;grid-column:1/-1;font-size:15px;line-height:1.2;white-space:normal}
  .child-window .radio-label input{width:22px;height:22px;flex:0 0 auto}
  .child-window .win-button{position:static!important;left:auto!important;top:auto!important;width:100%!important;height:44px!important;min-height:44px;line-height:1.2;font-size:16px;grid-column:auto}
  .child-window .trx-id-value{position:static!important;left:auto!important;top:auto!important;width:100%!important;min-height:44px;grid-column:2;display:flex;align-items:center;font-size:16px}
  .limit-available-label,.limit-supply-label{grid-column:1/-1!important;min-height:30px!important;font-weight:700}
  .limit-grid-left,.limit-grid-right,.trx-grid-top,.trx-grid-bottom,.drep-grid,.trep-grid-left,.trep-grid-right{grid-column:1/-1!important}
  .message-overlay{inset:0;padding:50px 8px 8px;place-items:start center}
  .message-box{width:100%;max-width:390px}
  .msg-button{min-height:44px}
}