:root{--navy:#092c62;--navy-deep:#05214c;--blue:#006af1;--blue-deep:#0058d6;--sky:#edf5ff;--line:#dfe7f1;--text:#132442;--muted:#697a94;--bg:#f4f7fb;--white:#fff;--success:#087b51;--danger:#b52c37;--radius:14px;--shadow:0 5px 24px rgba(26,52,92,.06);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);font-size:14px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,106,241,.28);outline-offset:2px}.shell{min-height:100vh}.masthead{background:linear-gradient(106deg,#072a61 0%,#0a448e 52%,#0d62b8 100%);height:100px;box-shadow:0 4px 13px rgba(16,55,112,.2);position:relative;overflow:hidden;color:#fff}.masthead:after{content:'';position:absolute;inset:0 0 0 55%;background:repeating-linear-gradient(90deg,transparent 0,transparent 80px,rgba(255,255,255,.055) 82px,transparent 84px),linear-gradient(120deg,transparent,rgba(255,255,255,.035));mask-image:linear-gradient(90deg,transparent,black);pointer-events:none}.masthead-inner{max-width:1330px;margin:0 auto;height:100%;display:flex;align-items:center;gap:34px;padding:0 28px;position:relative;z-index:1}.home-mark{display:flex;align-items:center;gap:10px;min-width:224px;font-size:14px;line-height:1.1;letter-spacing:.7px;font-weight:700;color:white}.home-mark strong{color:#a9d5ff}.home-mark small{font-size:9px;color:#accaf1;font-weight:600;letter-spacing:1.7px;margin-top:6px;display:block}.mark-square{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.26);font-size:25px;color:#d0e9ff;background:rgba(255,255,255,.09)}.masthead-title{display:flex;align-items:center;gap:13px;min-width:0;flex:1}.page-icon{font-size:35px;filter:grayscale(1) brightness(0) invert(1);line-height:1}.page-icon.flask{filter:none;color:#fff;font-size:42px}.masthead-title h1{font-size:23px;font-weight:720;letter-spacing:-.6px;line-height:1.2;margin:0 0 6px}.masthead-title p{color:#d8e7fb;font-size:12px;margin:0}.user-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.demo-pill{font-size:11px;font-weight:650;color:#d8ebff;border:1px solid rgba(211,234,255,.26);background:rgba(7,27,75,.22);border-radius:20px;padding:7px 11px}.user-chip{max-width:160px;overflow:hidden;text-overflow:ellipsis;font-size:12px;background:rgba(255,255,255,.12);padding:8px 11px;border-radius:8px}.logout-btn{color:#fff;border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.08);border-radius:8px;font-size:22px;width:36px;height:36px;line-height:1}.logout-btn:hover{background:rgba(255,255,255,.19)}.page-wrap{max-width:1250px;margin:0 auto;padding:24px 26px 20px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#7586a0;font-size:12px;margin-bottom:22px}.breadcrumb strong{color:#27517c;font-weight:620}.crumb-arrow{font-size:18px;color:#b7c3d2}.nav-other{color:var(--blue-deep);margin-left:auto;font-weight:650}.nav-other:hover{text-decoration:underline}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.eyebrow{font-size:10px;font-weight:800;color:#3c76ba;letter-spacing:1.65px}.page-heading h2{font-size:26px;line-height:1.1;letter-spacing:-.75px;margin:8px 0 6px;font-weight:750}.page-heading p{color:var(--muted);margin:0;font-size:13px}.heading-icon{width:44px;height:44px;display:grid;place-items:center;background:#e5f0ff;border-radius:12px;color:var(--blue);font-size:26px}.card{background:#fff;border:1px solid #e2e9f4;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:19px;overflow:hidden}.card-head{padding:19px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf4;gap:12px}.card-heading{display:flex;align-items:center;gap:13px}.section-icon{background:linear-gradient(155deg,#0e86fb,#0060df);color:#fff;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:20px;box-shadow:0 2px 8px #0071ff2c;flex-shrink:0}.card-heading h3{margin:0 0 3px;font-weight:760;font-size:15px}.card-heading p{font-size:11px;color:var(--muted);margin:0}.small-tag{font-size:10px;font-weight:750;color:#5480b2;background:#eef5fe;border:1px solid #dfeaf9;padding:6px 9px;border-radius:6px;letter-spacing:.6px}.form-card form{padding:20px 24px 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.field{min-width:0}.field-wide{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:630;margin-bottom:6px;color:#263c5b}.required{color:#ed3d4e;font-weight:850}.optional{color:#8b9ab0;font-weight:400;font-size:11px}.field input,.field select,.field textarea,.measure-field input{width:100%;border:1px solid #d4dfec;border-radius:7px;min-height:41px;color:#1d3150;background:#fff;padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23577193' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.field input:focus,.field select:focus,.field textarea:focus,.measure-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #006af11a}.field input[readonly]{background:#f3f6fb;color:#536982}.field textarea{min-height:79px;resize:vertical}.field small{display:block;font-size:10px;color:#8b9ab0;margin-top:5px}.emphasis-field input{background:#f4f9ff;border-color:#b7d6ff}.form-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:19px;margin-top:18px;border-top:1px solid #eaf0f6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 19px;font-size:12px;font-weight:730;border:1px solid transparent;border-radius:7px;min-height:41px;line-height:1.2;transition:background .17s,transform .17s,box-shadow .17s;white-space:nowrap}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,#087cfa,#0063e6);color:#fff;box-shadow:0 4px 9px #0676f22b}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#006df0,#0058d4)}.btn-light{color:#26527d;background:#eef3f9;border-color:#e6edf6}.btn-light:hover:not(:disabled){background:#e2edf9}.btn-outline{color:#0063df;background:#edf5ff;border-color:#bed7ff}.btn-outline:hover:not(:disabled){background:#dfeeff}.btn-small{font-size:11px;min-height:34px;padding:7px 12px}.form-feedback{padding:11px 14px;border-radius:7px;font-size:12px;font-weight:620;margin-top:14px}.form-feedback.error{background:#fff1f1;border:1px solid #ffd8d8;color:var(--danger)}.form-feedback.success{background:#ebfcf5;border:1px solid #b7e6d2;color:var(--success)}.list-card .table-scroll{max-height:410px}.table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.data-table,.stock-table{width:100%;border-collapse:collapse;text-align:left}.data-table th,.stock-table th{background:#f3f7fc;color:#415670;font-size:11px;font-weight:720;padding:11px 15px;border-bottom:1px solid #e3eaf2;white-space:nowrap}.data-table td{color:#3d4f69;font-size:11px;padding:11px 15px;border-bottom:1px solid #edf1f6;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.empty-cell{text-align:center!important;color:#7c8da4!important;padding:25px 12px!important;font-size:12px}.notice-banner{background:#eaf5ff;border:1px solid #cde4fc;border-radius:10px;color:#2d5886;padding:13px 17px;margin-bottom:20px;font-size:13px}.page-footer{font-size:10px;color:#92a1b5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;padding:8px 3px 16px}.mobile-demo{display:none}.stock-wrap{max-width:1310px}.stock-card-head{align-items:center}.measure-field{width:238px;flex-shrink:0}.measure-field label{font-size:10px;margin-bottom:5px}.measure-field input{height:36px;min-height:36px;font-size:12px}.stock-card form{padding:0 24px 22px}.stock-table{table-layout:fixed;margin-top:14px;border:1px solid #e5ebf4;border-radius:7px;overflow:hidden}.stock-table th{padding:11px 12px;background:#f0f5fa;color:#2e405b}.stock-table th:nth-child(1){width:26%}.stock-table th:nth-child(2){width:46%}.stock-table th:nth-child(3){width:28%}.stock-table td{border-bottom:1px solid #e9eef5;padding:6px 12px;color:#3b4f67;font-size:12px;background:#fff}.stock-table tbody tr:last-child td{border-bottom:0}.stock-table tbody td:first-child{font-weight:660}.stock-table input{width:100%;height:35px;min-width:0;font-size:12px;padding:7px 11px;border-radius:5px;border:1px solid #d4e0ef;outline:none}.stock-table input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #006af120}.stock-table .subtotal-row td{background:#e9f3ff!important;color:#0c3571;font-weight:780;border-bottom:4px solid #fff}.stock-table .subtotal-row td:last-child{text-align:right;font-size:13px}.stock-helper{display:flex;gap:9px;align-items:center;padding:13px 2px 16px;color:#7890ad;font-size:11px}.stock-helper span{font-weight:bold;color:#3181e0}.stock-card form>.field{margin-top:5px}.stock-actions{margin-top:16px}.stock-actions .btn-primary{min-width:185px}.stock-bottom-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px}.stock-bottom-grid .card{min-width:0}.message-subject{margin:16px 20px 0;padding:10px 12px;border-radius:6px 6px 0 0;background:#f4f7fc;border:1px solid #e2e9f2;border-bottom:0;font-size:11px;color:#526580}.message-preview{display:block;width:calc(100% - 40px);height:320px;min-height:220px;resize:vertical;border:1px solid #e2e9f2;background:#f8faff;border-radius:0 0 8px 8px;margin:0 20px 20px;padding:18px;color:#253754;font-size:12px;line-height:1.7;white-space:pre-wrap;outline:none}.history-list{padding:10px 17px 16px;max-height:402px;overflow:auto}.history-entry{border-bottom:1px solid #edf1f7;padding:12px 3px;display:flex;justify-content:space-between;align-items:center;gap:12px}.history-entry:last-child{border:0}.history-entry strong{display:block;font-size:12px;font-weight:720}.history-entry small{font-size:10px;color:#91a0b3}.history-entry button{border:1px solid #d7e7fa;background:#f0f7ff;color:#0665d5;font-size:11px;font-weight:720;padding:7px 10px;border-radius:6px}.history-entry button:hover{background:#e2f0ff}.toast{position:fixed;right:24px;bottom:20px;max-width:min(380px,calc(100vw - 30px));z-index:30;background:#123a73;color:#fff;border-radius:10px;padding:13px 18px;font-size:12px;box-shadow:0 8px 25px #12345a3b;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr;background:#fff}.login-info{background:radial-gradient(circle at 85% 13%,#177bc5a6,transparent 45%),linear-gradient(145deg,#052553,#0a428a 58%,#075eb5);padding:43px clamp(28px,5vw,100px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:650px;position:relative;overflow:hidden}.login-info:after{content:'';position:absolute;right:-200px;bottom:-110px;width:480px;height:480px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff07;pointer-events:none}.brand-inline{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:720;letter-spacing:.4px}.brand-inline strong{color:#a8d9ff}.brand-symbol{display:grid;place-items:center;background:#ffffff1e;border:1px solid #ffffff4d;border-radius:10px;width:39px;height:39px;font-size:27px}.eyebrow.inverse{color:#a8ceff}.login-intro{max-width:525px;position:relative;z-index:1}.login-intro h1{font-size:clamp(45px,5.2vw,75px);line-height:1.12;letter-spacing:-2.7px;margin:20px 0 25px;font-weight:750}.login-intro h1 span{color:#89cfff}.login-intro p{color:#c2d9f3;line-height:1.8;font-size:15px;max-width:460px}.login-benefits{display:flex;flex-wrap:wrap;gap:15px 26px;margin-top:45px;color:#e6f4ff;font-size:12px;font-weight:600}.login-benefits span{color:#72d5ff;font-size:17px;margin-right:5px}.login-foot{font-size:11px;color:#9bbce3;position:relative;z-index:1}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px clamp(25px,6vw,100px)}.login-box{width:100%;max-width:390px}.login-mark{background:#e8f3ff;border-radius:14px;display:grid;place-items:center;font-size:38px;width:60px;height:60px;color:#0678ed;margin-bottom:30px}.login-box h2{font-size:32px;letter-spacing:-.8px;margin:8px 0 8px}.subtext{color:var(--muted);font-size:13px;margin:0 0 34px}.login-box form label{display:block;font-weight:680;font-size:12px;margin-bottom:8px}.login-box form input{display:block;width:100%;height:47px;border:1px solid #d3dfed;border-radius:8px;padding:10px 13px;margin-bottom:21px;outline:none}.login-box form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #006af116}.btn-block{width:100%;font-size:14px;justify-content:space-between;padding:13px 19px;height:47px}.login-note{margin-top:30px;background:#f3f7fc;padding:14px;border-radius:8px;display:flex;align-items:flex-start;gap:12px;font-size:11px;color:#72829a;line-height:1.65}.info-dot{background:#dbeafe;display:grid;place-items:center;border-radius:50%;height:19px;width:19px;flex-shrink:0;color:#1973d7;font-weight:800}
@media(max-width:1050px){.masthead-inner{gap:17px;padding:0 21px}.home-mark{min-width:190px}.masthead-title h1{font-size:19px}.demo-pill{display:none}.stock-bottom-grid{grid-template-columns:1fr}.stock-bottom-grid .message-preview{height:310px}.page-wrap{padding:24px 20px}.login-info{padding:34px}.login-panel{padding:34px}.login-benefits{gap:12px}}
@media(max-width:720px){body{font-size:14px}.masthead{height:71px}.masthead-inner{padding:0 16px;gap:12px}.home-mark{min-width:0;gap:0}.mark-square{width:35px;height:35px;font-size:23px}.brand-desktop{display:none}.masthead-title{gap:9px}.masthead-title h1{font-size:15px;line-height:1.2;letter-spacing:-.25px;margin-bottom:2px}.masthead-title p{font-size:9px;line-height:1.2}.page-icon,.page-icon.flask{font-size:23px}.user-chip{display:none}.user-actions{gap:0}.logout-btn{font-size:22px;border:0;background:none;width:29px}.page-wrap{padding:19px 12px 10px}.mobile-demo{display:block;color:#2879dc;font-size:9px;letter-spacing:1.2px;font-weight:800;margin:0 0 13px}.breadcrumb{display:none}.page-heading{margin-bottom:17px;align-items:start}.page-heading h2{font-size:21px;letter-spacing:-.45px;margin:7px 0 5px}.page-heading p{font-size:12px;line-height:1.5;max-width:340px}.heading-icon{width:37px;height:37px;font-size:22px}.card{border-radius:11px;margin-bottom:12px}.card-head{padding:16px 14px}.card-heading{gap:10px}.section-icon{width:34px;height:34px}.card-heading h3{font-size:14px}.card-heading p{font-size:10px}.small-tag{display:none}.form-card form{padding:16px 14px 19px}.form-grid{grid-template-columns:1fr;gap:13px}.field-wide{grid-column:1}.field input,.field select,.field textarea{min-height:44px;font-size:16px}.field label{font-size:12px}.form-actions{gap:9px}.form-actions .btn{flex:1;min-width:0;padding:12px 9px;font-size:12px}.form-actions .btn-primary{flex:1.3}.page-footer{display:block;line-height:1.9;font-size:10px}.page-footer span{display:block}.data-table{min-width:720px}.data-table th,.data-table td{padding:10px}.stock-card-head{flex-wrap:wrap}.measure-field{width:100%}.stock-card form{padding:0 12px 15px}.stock-table{margin-top:12px}.stock-table th{padding:9px 6px;font-size:10px}.stock-table td{padding:7px 6px;font-size:11px}.stock-table th:nth-child(1){width:23%}.stock-table th:nth-child(2){width:41%}.stock-table th:nth-child(3){width:36%}.stock-table input{font-size:16px;padding:7px;min-width:0;height:37px}.stock-table .subtotal-row td:last-child{font-size:12px}.stock-actions{display:grid;grid-template-columns:1fr 1fr}.stock-actions .btn{width:100%;font-size:11px;padding:11px 8px}.stock-actions .btn-primary{grid-column:1/-1;min-width:0}.stock-helper{align-items:start;font-size:10px}.message-subject{margin:12px 12px 0}.message-preview{margin:0 12px 15px;width:calc(100% - 24px);height:320px}.history-list{padding:7px 13px}.login-layout{grid-template-columns:1fr}.login-info{min-height:0;max-height:280px;padding:22px 25px 28px}.login-intro{margin-top:28px}.login-intro h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:9px 0}.login-intro h1 br{display:none}.login-intro p{font-size:12px;margin:8px 0}.login-benefits,.login-foot{display:none}.login-panel{padding:34px 22px 50px}.login-mark{display:none}.login-box h2{font-size:28px}.subtext{margin-bottom:23px}}
@media(max-width:370px){.masthead-title h1{font-size:13px}.masthead-title p{font-size:8px}.stock-table th:nth-child(1){width:22%}.stock-table th:nth-child(2){width:43%}.stock-table th:nth-child(3){width:35%}.stock-table input{font-size:14px}.stock-table td{font-size:10px}.form-actions .btn{font-size:11px}.stock-actions .btn{white-space:normal}}