html,body,#root{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(59,130,246,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(168,85,247,.11),transparent 28%),#f4f7fb;color:#102a43}body{background:transparent}main.app-shell,main.dashboard-shell{width:100%;min-height:100vh;margin:0;padding:0 0 2.5rem;box-sizing:border-box;display:grid;gap:1.5rem}.login-card{width:min(920px,100%);background:#ffffffe0;border:1px solid rgba(148,163,184,.24);border-radius:2rem;padding:2rem;box-shadow:0 36px 90px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:1.5rem}.login-panel,.login-form-panel{border-radius:1.75rem}.login-panel{display:flex;flex-direction:column;justify-content:space-between;padding:2rem;background:linear-gradient(180deg,#eff6ff,#fff);border:1px solid #dbeafe}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:2rem;background:#fff;border:1px solid rgba(209,213,219,.6)}.login-panel-copy h2{margin:0;font-size:2rem;color:#0f172a}.login-panel-copy p{margin:1rem 0 0;color:#475569;line-height:1.75}.login-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.login-stats div{padding:1rem 1.15rem;border-radius:1.25rem;background:#fff;border:1px solid #e2e8f0}.login-stats strong{display:block;font-size:1.5rem;color:#0f172a}.login-stats span{display:block;margin-top:.25rem;font-size:.92rem;color:#64748b}.site-logo{display:block;width:220px;max-width:100%;margin-bottom:1.5rem}.dashboard-header .site-logo{width:64px;height:64px;object-fit:cover;margin-bottom:0}.login-form{width:100%}.login-form-title h3{margin:0 0 .5rem;font-size:1.8rem;color:#0f172a}.login-form-title p{margin:0 0 1.8rem;color:#64748b;line-height:1.7}.login-form label{display:block;margin-bottom:.5rem;font-size:.95rem;font-weight:700;color:#334155}.login-form input{width:100%;padding:1rem 1.1rem;margin-bottom:1.3rem;border:1px solid #cbd5e1;border-radius:1rem;font-size:1rem;background:#f8fafc;color:#0f172a}.login-form input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f61f}.login-form input::placeholder{color:#94a3b8}.login-form button{width:100%;padding:1rem 1.15rem;border:none;border-radius:1rem;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-form button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #3b82f633}.login-form .message{margin-top:1rem;color:#dc2626;font-weight:600}.dashboard-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:80px;height:80px;padding:.5rem 1rem;box-sizing:border-box;background:#20263d;border:0;border-radius:0;box-shadow:0 1px #ffffff14}.dashboard-brand{display:flex;align-items:center;gap:.35rem}.dashboard-header-actions{display:flex;align-items:center;gap:.9rem}.portal-identity{display:flex;align-items:baseline;gap:.55rem;padding-right:0;border-right:0;color:#fff;white-space:nowrap}.portal-identity span{font-size:1.2rem;font-weight:700}.portal-identity em{color:#9ec5ff;font-family:Georgia,Times New Roman,serif;font-size:.9rem;font-weight:600;font-style:italic}.dashboard-welcome{color:#f8fafc;font-size:.95rem;font-weight:600;background:transparent;padding:.35rem 0;border-radius:0}.logout-button{min-width:88px;padding:.55rem .95rem;background:#3b82f6;color:#fff;font-weight:600;border-radius:4px;box-shadow:none}.logout-button:hover{background:#1d4ed8}.dashboard-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;height:calc(100vh - 80px);min-height:0}.dashboard-menu{display:grid;align-content:start;gap:1.25rem;min-width:0;height:100%;overflow-y:auto;background:#f7f8fc;border:0;border-right:1px solid #d8dce7;border-radius:0;padding:1.25rem .75rem}.menu-group h3{margin:0 0 .5rem;padding:0 .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#687086}.menu-list{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}.menu-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:46px;padding:.45rem .6rem;border:0;border-radius:4px;background:transparent;color:#20263d;font-size:.875rem;cursor:pointer;transition:background .15s ease,color .15s ease}.menu-list>li>span{display:none}.menu-item:before{position:absolute;top:8px;bottom:8px;left:0;width:3px;border-radius:0 2px 2px 0;background:transparent;content:""}.menu-item-main{display:flex;min-width:0;align-items:center;gap:.7rem;text-align:left}.menu-item-icon{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border:1px solid #e1e5ee;border-radius:4px;background:#fff;color:#687086}.menu-item-chevron{flex:0 0 auto;color:#98a2b3;transition:transform .15s ease,color .15s ease}.menu-item:hover{background:#eef2ff;color:#1e5bd7}.menu-item.active{background:#d7e2ff;color:#1e5bd7}.menu-item:hover .menu-item-icon,.menu-item.active .menu-item-icon{border-color:#b9c9f7;color:#1e5bd7}.menu-item.active:before{background:#2563eb}.menu-item:hover .menu-item-chevron,.menu-item.active .menu-item-chevron{color:#2563eb;transform:translate(2px)}.menu-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.dashboard-content{display:block;min-width:0;height:100%;overflow-y:auto;background:#fff}.dashboard-card{min-width:0;background:#fff;border:0;border-radius:0;padding:1.5rem 2rem 2rem;box-shadow:none}.dashboard-card h2{margin-top:0;font-size:1.55rem;color:#111827}.dashboard-card p{font-size:1rem;color:#475569;line-height:1.75}.document-form-page .dashboard-page-heading{max-width:760px}.document-form-page .dashboard-page-heading h2{margin:0;color:#1e293b;font-size:1.35rem;font-weight:650;line-height:1.3}.document-form-page .dashboard-page-heading p{margin:.3rem 0 0;color:#64748b;font-size:.925rem;line-height:1.45}.document-form-page .dashboard-details{margin-top:1rem;padding-top:1rem;border-top-color:#edf0f4}.coc-form{width:min(100%,760px)}.coc-form-field+.coc-form-field{margin-top:.875rem}.coc-form-field label{display:block;margin-bottom:.4rem;color:#334155;font-size:.875rem;font-weight:600;line-height:1.35}.coc-form-field select{width:100%;min-height:42px;padding:.625rem 2.5rem .625rem .75rem;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;color:#1e293b;font:inherit;font-size:.925rem;line-height:1.3;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.coc-form-field select:hover:not(:disabled){border-color:#94a3b8}.coc-form-field select:focus{border-color:#60a5fa;outline:0;box-shadow:0 0 0 3px #60a5fa33}.coc-form-field select:disabled{cursor:not-allowed;border-color:#e2e8f0;background-color:#f8fafc;color:#94a3b8;box-shadow:none}.coc-form>.coc-action-row{margin-top:1rem}.dashboard-details{min-width:0;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.coc-preview{width:100%;max-width:100%;min-width:0;margin-top:1rem;overflow:hidden;box-sizing:border-box;border:1px solid #d0d5dd;background:#e5e7eb}.coc-action-row{display:flex;flex-wrap:nowrap;gap:.75rem;margin-top:1rem;overflow-x:auto}.coc-action-row button{flex:0 0 auto;min-height:40px;padding:.6rem 1rem;border:1px solid #2563eb;border-radius:4px;background:#fff;color:#1d4ed8;font-weight:600;white-space:nowrap}.coc-action-row .generate-coc-button{background:#2563eb;color:#fff}.coc-action-row button:hover{background:#eff6ff}.coc-action-row .generate-coc-button:hover:not(:disabled){background:#1d4ed8}.coc-action-row button:disabled{cursor:not-allowed;opacity:.55}.packing-slip-actions{gap:.625rem;padding:.25rem 0}.coc-action-row .packing-action-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:42px;padding:.625rem .9rem;border-color:#cbd5e1;border-radius:6px;background:#fff;color:#334155;line-height:1;box-shadow:0 1px 2px #0f172a14;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.coc-action-row .packing-action-button svg{width:18px;height:18px;flex:0 0 auto;stroke-width:2}.coc-action-row .packing-action-button:hover:not(:disabled){border-color:#94a3b8;background:#f8fafc;color:#0f172a;box-shadow:0 2px 5px #0f172a1f;transform:translateY(-1px)}.coc-action-row .packing-action-button:focus-visible{outline:3px solid rgba(59,130,246,.3);outline-offset:2px}.coc-action-row .packing-action-primary{border-color:#2563eb;background:#2563eb;color:#fff;box-shadow:0 2px 5px #2563eb3d}.coc-action-row .packing-action-primary:hover:not(:disabled){border-color:#1d4ed8;background:#1d4ed8;color:#fff}.coc-action-row .packing-action-pdf{border-color:#64748b;background:#64748b;color:#fff;box-shadow:0 2px 5px #4755692e}.coc-action-row .packing-action-pdf:hover:not(:disabled){border-color:#475569;background:#475569;color:#fff;box-shadow:0 3px 7px #4755693d}.coc-action-row .packing-action-print{border-color:#64748b;background:#64748b;color:#fff;box-shadow:0 2px 5px #4755692e}.coc-action-row .packing-action-print:hover:not(:disabled){border-color:#475569;background:#475569;color:#fff;box-shadow:0 3px 7px #4755693d}@media (max-width: 640px){.packing-slip-actions{flex-wrap:wrap;overflow-x:visible}.coc-action-row .packing-action-button{flex:1 1 auto}.coc-action-row .packing-action-primary{flex-basis:100%}}.coc-preview-document{width:100%;min-width:0}.coc-preview-document .docx-wrapper{width:100%;padding:0!important;align-items:center;overflow:hidden}.coc-preview-document .docx-wrapper>section{border:0!important;margin:0 auto!important;box-sizing:border-box!important}.coc-page-frame{position:absolute;top:2px;right:2px;bottom:2px;left:2px;z-index:100;border:1px solid #d0d0d0;box-sizing:border-box;pointer-events:none}.coc-preview-document section.docx>header,.coc-preview-document section.docx>article,.coc-preview-document section.docx>footer{position:relative;z-index:1}.coc-preview-document .coc-centered-watermark{position:absolute!important;top:50%!important;left:50%!important;z-index:0!important;width:451.1pt!important;max-width:72%!important;height:556.6pt!important;max-height:72%!important;margin:0!important;transform:translate(-50%,-50%)!important;pointer-events:none}.coc-preview-document .coc-item-table{width:100%!important;margin-right:0;margin-left:0;border:1px solid #cbd5e1!important;border-collapse:collapse!important;border-spacing:0!important;table-layout:auto!important}.coc-preview-document .coc-item-table td,.coc-preview-document .coc-item-table th{border:1px solid #cbd5e1!important;background-clip:padding-box}.coc-preview-document .coc-item-table tr{break-inside:avoid}.coc-preview-document .coc-detail-line{min-height:1.5em!important;margin:0!important;line-height:1.5!important}.coc-preview-document .coc-item-table tr>:first-child,.coc-preview-document .coc-item-table tr>:last-child{width:1%!important;white-space:nowrap}.coc-preview-document .coc-item-table tr>:first-child *{white-space:nowrap!important}.coc-preview-document .coc-item-table tr>:nth-child(2){width:auto!important}.coc-preview-document .coc-item-table-header{height:30px!important;background:#5b9bd5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.coc-preview-document .coc-item-table-header>td,.coc-preview-document .coc-item-table-header>th,.coc-preview-document .coc-item-table-header p,.coc-preview-document .coc-item-table-header span{background:#5b9bd5!important;color:#fff!important;font-weight:700!important;vertical-align:middle!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:0}@media print{html,body.printing-coc{margin:0!important;padding:0!important}html.single-page-coc-print,body.single-page-coc-print{width:210mm!important;height:295mm!important;max-height:295mm!important;overflow:hidden!important}body.single-page-coc-print .coc-preview-document,body.single-page-coc-print .docx-wrapper,body.single-page-coc-print section.docx{height:295mm!important;max-height:295mm!important;overflow:hidden!important}body.single-page-coc-print section.docx>footer,body.single-page-coc-print .coc-page-frame{position:absolute!important}body.printing-coc *{visibility:hidden!important}body.printing-coc .coc-preview-document,body.printing-coc .coc-preview-document *{visibility:visible!important}body.printing-coc .coc-preview-document{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}body.printing-coc .docx-wrapper{display:block!important;padding:0!important;background:#fff!important;zoom:1!important}body.printing-coc section.docx{width:210mm!important;height:auto!important;min-height:0!important;margin:0 auto!important;overflow:visible!important;box-shadow:none!important;break-after:auto}body.printing-coc .packing-slip-preview-document section.docx:not(:last-of-type){break-after:page!important;page-break-after:always!important}body.printing-coc .packing-slip-preview-document section.docx:last-of-type{break-after:auto!important;page-break-after:auto!important}body.printing-coc section.docx>footer{position:fixed!important;right:0;bottom:6mm;left:0;z-index:5}body.printing-coc .coc-page-frame{position:fixed;top:2px;right:2px;bottom:2px;left:2px}}.coc-preview-document .coc-registration-line{display:flex;align-items:baseline;justify-content:space-between;width:451.3pt;max-width:100%;margin-right:auto;margin-left:auto;white-space:nowrap;font-family:Calibri,Arial,sans-serif;font-size:7pt!important}.coc-preview-document .coc-registration-line>span{font-family:Calibri,Arial,sans-serif!important;font-size:7pt!important}@media (max-width: 980px){main.app-shell,main.dashboard-shell{padding:0 0 1.25rem}.login-grid,.dashboard-hero{grid-template-columns:1fr}.login-card,.login-panel,.login-form-panel,.dashboard-hero,.dashboard-header,.dashboard-menu,.dashboard-card{padding:1.5rem}.dashboard-grid{grid-template-columns:220px minmax(0,1fr)}}@media (max-width: 640px){.dashboard-header{padding:.5rem .75rem}.dashboard-welcome{display:none}.portal-identity{padding-right:0;border-right:0}.dashboard-grid{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 80px)}.dashboard-menu,.dashboard-content{height:auto;overflow:visible}.dashboard-menu{border-right:0;border-bottom:1px solid #d8dce7}.login-card{padding:1.25rem}.login-form input,.dashboard-search input{padding:.95rem 1rem}.dashboard-intro h1{font-size:1.75rem}}