:root{--win-bg:#f0f0f0;--win-face:#f0f0f0;--win-workspace:#fff;--win-text:#000;--win-text-disabled:gray;--win-shadow-dark:#404040;--win-shadow-light:#a0a0a0;--win-border-color:#848484;--win-border-light:#dfdfdf;--win-accent:#06c;--win-accent-light:#e1f0fa;--win-select-bg:#39f;--win-select-text:#fff;--win-success-text:#060;--win-danger-text:#c00;--win-font:"Segoe UI", Tahoma, Arial, sans-serif;--win-font-size:13px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--win-font);background-color:var(--win-bg);color:var(--win-text);font-size:var(--win-font-size);-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;line-height:1.4;overflow-x:hidden}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f5f5f5;border:1px solid #dcdcdc}::-webkit-scrollbar-thumb{background:#e1e1e1;border:3px solid #f5f5f5}::-webkit-scrollbar-thumb:hover{background:#adadad}#root{background-color:var(--win-bg);flex-direction:column;min-height:100vh;display:flex}select,textarea{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input[type=text]{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input[type=email]{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input[type=password]{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input[type=number]{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input[type=date]{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input[type=time]{background-color:var(--win-workspace);color:var(--win-text);border:1px solid #b8b8b8;border-color:#7a7a7a #b8b8b8 #b8b8b8 #7a7a7a;border-radius:0;outline:none;height:24px;padding:4px 6px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#06c;box-shadow:0 0 0 1px #06c}select{padding-right:18px}textarea{height:auto}table{border-collapse:collapse;background-color:var(--win-workspace);width:100%}th{color:#000;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e1e1e1;border:1px solid #adadad;padding:6px 8px;font-size:12px;font-weight:400}td{border:1px solid #e0e0e0;padding:6px 8px;font-size:13px}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:var(--win-accent-light)}.win-btn{color:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#e1e1e1;border:1px solid #adadad;outline:none;padding:3px 12px;font-family:inherit;font-size:12px}.win-btn:hover{background-color:#e5f1fb;border-color:#0078d7}.win-btn:active{background-color:#cce4f7;border-color:#005499}.win-btn:disabled{color:gray;cursor:not-allowed;background-color:#ccc;border-color:#999}label{color:#000;margin-bottom:2px;font-size:12px;font-weight:400;display:inline-block}@media print{body{color:#000!important;background-color:#fff!important}header,nav,.no-print,button,select,input,.win-btn{display:none!important}.printable-invoice-container{width:100%!important;max-width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important}}@media (max-width:600px){main{padding:10px!important}nav,div[style*=flex-wrap]{flex-wrap:wrap!important}table{min-width:500px}.printable-invoice-container>div{padding:20px 16px!important}div[style*=grid-template-columns]{grid-template-columns:1fr!important}footer span:last-child{display:none}}@media (max-width:768px){main{padding:12px!important}.printable-invoice-container>div{padding:28px 24px!important}}
