html,body,#root{width:100%;min-width:100%;min-height:100vh;margin:0;padding:0}body{background:#f4f8fc;min-width:320px;font-family:Inter,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}*{box-sizing:border-box}body{color:#172033;background:linear-gradient(135deg,#f4f8ff 0%,#f8fbff 45%,#eefaf5 100%);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}button,input{font:inherit}.app{min-height:100vh}.header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid #1f2e4a14;justify-content:space-between;align-items:center;gap:24px;padding:24px 48px;display:flex}.logo{letter-spacing:-1px;font-size:30px;font-weight:900}.black{color:#172033}.blue{color:#1769e8}.green{color:#08a675}.at{color:#64748b;font-weight:700}.subtitle{color:#64748b;font-size:15px;font-weight:600}main{padding:70px 24px}.hero{background:radial-gradient(circle at 85% 20%,#1769e82e,#0000 34%),radial-gradient(circle at 74% 80%,#08a6752b,#0000 30%),#fff;border:1px solid #1f2e4a14;border-radius:34px;flex-direction:column;justify-content:center;align-items:flex-start;max-width:1120px;min-height:620px;margin:0 auto;padding:70px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 70px #17325c1f}.hero:before{content:"";background:linear-gradient(145deg,#1769e82e,#08a67526);border-radius:50%;width:230px;height:230px;position:absolute;top:70px;right:85px}.hero:after{content:"";background:#ffffffad;border:1px solid #1769e824;border-radius:28px;width:130px;height:130px;position:absolute;bottom:75px;right:170px;transform:rotate(18deg);box-shadow:0 20px 45px #17325c1f}.hero h1{z-index:2;letter-spacing:-3px;max-width:720px;margin:0;font-size:clamp(42px,6vw,72px);line-height:1.02;position:relative}.hero p{z-index:2;color:#5d687b;max-width:650px;margin:28px 0 0;font-size:19px;line-height:1.7;position:relative}.hero button{z-index:2;color:#fff;cursor:pointer;background:linear-gradient(135deg,#1769e8,#0f86c9);border:none;border-radius:14px;margin-top:34px;padding:15px 24px;font-weight:800;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 14px 28px #1769e840}.hero button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #1769e852}.hero button:focus-visible{outline-offset:4px;outline:3px solid #1769e838}@media (width<=800px){.header{flex-direction:column;align-items:flex-start;padding:20px}main{padding:24px 14px}.hero{min-height:560px;padding:42px 26px}.hero h1{letter-spacing:-2px;font-size:46px}.hero p{font-size:17px}.hero:before{top:auto;bottom:70px;right:-50px}.hero:after{bottom:40px;right:40px}}.eyebrow{letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:#1769e8!important;margin-bottom:16px!important;font-size:14px!important}.hero-actions{z-index:2;gap:14px;display:flex;position:relative}.secondary-button{color:#172033!important;box-shadow:none!important;background:#fff!important;border:1px solid #17203324!important}.features{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1120px;margin:28px auto 0;display:grid}.feature-card{background:#ffffffe0;border:1px solid #1f2e4a14;border-radius:24px;padding:28px;box-shadow:0 18px 40px #17325c14}.feature-card span{color:#1769e8;font-size:14px;font-weight:900}.feature-card h2{margin:14px 0 10px;font-size:22px}.feature-card p{color:#64748b;margin:0;line-height:1.65}@media (width<=800px){.features{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}}.logo-button{color:inherit;box-shadow:none;letter-spacing:-1px;background:0 0;border:none;padding:0;font-size:30px;font-weight:900}.logo-button:hover{box-shadow:none;transform:none}.top-navigation{align-items:center;gap:8px;display:flex}.top-navigation button{color:#64748b;box-shadow:none;background:0 0;border:none;border-radius:10px;margin:0;padding:10px 14px}.top-navigation button:hover{color:#172033;box-shadow:none;background:#f2f6fb;transform:none}.top-navigation .active-nav{color:#1769e8;background:#eaf2ff}.page-card{background:#fff;border:1px solid #1f2e4a14;border-radius:30px;max-width:1120px;min-height:560px;margin:0 auto;padding:56px;box-shadow:0 24px 60px #17325c1a}.page-card h1{letter-spacing:-2px;margin:0;font-size:48px}.page-card>p:not(.eyebrow){color:#64748b;max-width:700px;font-size:18px;line-height:1.7}.placeholder-box{color:#64748b;text-align:center;background:#f7f9fc;border:2px dashed #d6deea;border-radius:20px;margin-top:40px;padding:70px 24px;font-weight:700}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.dashboard-card{background:linear-gradient(145deg,#f8fbff,#f1f8f5);border:1px solid #1f2e4a14;border-radius:22px;flex-direction:column;gap:12px;padding:28px;display:flex}.dashboard-card span{color:#64748b;font-weight:700}.dashboard-card strong{font-size:46px}@media (width<=800px){.top-navigation{flex-wrap:wrap;width:100%}.page-card{min-height:auto;padding:34px 24px}.page-card h1{font-size:38px}.dashboard-grid{grid-template-columns:1fr}}.order-page{max-width:1400px}.table-wrapper{background:#fff;border:1px solid #e4eaf2;border-radius:20px;width:100%;margin-top:34px;overflow-x:auto}.order-table{border-collapse:collapse;width:100%;min-width:1250px}.order-table th{color:#526076;text-align:left;white-space:nowrap;background:#f4f7fb;border-bottom:1px solid #dde5ef;padding:16px 14px;font-size:13px;font-weight:800}.order-table td{color:#344054;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:15px 14px;font-size:14px}.order-table tbody tr:last-child td{border-bottom:none}.order-table tbody tr:hover{background:#f9fbfe}.article-description{min-width:220px;font-weight:750;color:#172033!important}.number-input{color:#172033;text-align:center;background:#fff;border:1px solid #cfd8e6;border-radius:9px;width:82px;padding:9px 10px;font-weight:700}.number-input:focus{border-color:#1769e8;outline:3px solid #1769e81f}.difference{text-align:center;font-weight:900;color:#172033!important;font-size:16px!important}.status{border-radius:999px;justify-content:center;align-items:center;min-width:86px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.status-order{color:#966000;background:#fff1c7}.status-ok{color:#087553;background:#dcf8ec}.article-total{white-space:nowrap;font-weight:900;color:#172033!important}.order-footer{background:linear-gradient(135deg,#f2f7ff,#effaf6);border:1px solid #e0e8f2;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:22px;display:flex}.order-footer>div:first-child{flex-direction:column;gap:5px;display:flex}.order-footer span{color:#64748b;font-size:14px;font-weight:700}.order-footer strong{color:#172033;font-size:30px}.order-buttons{gap:12px;display:flex}.order-buttons button{margin:0}@media (width<=800px){.order-footer{flex-direction:column;align-items:stretch}.order-buttons{flex-direction:column}.order-buttons button{width:100%}}.order-page{width:calc(100% - 32px);max-width:1500px;padding:44px 28px}.order-page .eyebrow{text-align:center;margin:0 0 10px!important}.order-page h1{text-align:center;line-height:1.1;margin:0 0 22px!important}.order-page>p:not(.eyebrow){text-align:center;max-width:760px;line-height:1.6;margin:0 auto 36px!important}.order-table th{white-space:normal;padding:13px 8px;font-size:11px}.order-table td{white-space:normal;padding:13px 8px;font-size:12px}.order-table th:first-child,.order-table td:first-child{width:19%}.order-table th:nth-child(2),.order-table td:nth-child(2){width:8%}.order-table th:nth-child(3),.order-table td:nth-child(3){width:7%}.order-table th:nth-child(4),.order-table td:nth-child(4),.order-table th:nth-child(5),.order-table td:nth-child(5){width:8%}.order-table th:nth-child(6),.order-table td:nth-child(6){width:7%}.order-table th:nth-child(7),.order-table td:nth-child(7){width:9%}.order-table th:nth-child(8),.order-table td:nth-child(8){width:10%}.order-table th:nth-child(9),.order-table td:nth-child(9){width:11%}.order-table th:nth-child(10),.order-table td:nth-child(10){width:13%}.article-description{font-size:12px;min-width:0!important}.number-input{width:58px;padding:8px 5px}.status{min-width:68px;padding:6px 8px;font-size:11px}.article-total{font-size:12px!important}.order-buttons{justify-content:flex-end;align-items:center;gap:12px;display:flex}.order-buttons button{min-width:145px;padding:12px 18px}@media (width<=900px){.table-wrapper{overflow-x:auto}.order-table{min-width:1050px}}.app{width:100%;min-height:100vh}.header{width:100%}main{width:100%;padding-left:32px;padding-right:32px}.order-page .eyebrow{text-align:center;display:block;margin:0 0 12px!important}.order-page h1{text-align:center;line-height:1.15;display:block;margin:0 0 20px!important}.order-page>p:not(.eyebrow){text-align:center;max-width:760px;line-height:1.6;display:block;margin:0 auto 36px!important}.table-wrapper{width:100%;overflow:hidden}.order-table th,.order-table td{white-space:nowrap;padding:14px 10px}.article-description{min-width:190px!important}.order-footer{width:100%;margin-top:20px}.order-buttons button{border-radius:10px;padding:12px 18px}@media (width<=1100px){.table-wrapper{overflow-x:auto}.order-table{min-width:1050px!important}}.address-field select,.search-field input{color:#172033;background:#fff;border:1px solid #cfd8e6;border-radius:10px;width:100%;min-height:42px;padding:9px 12px}.address-field select:focus,.search-field input:focus{border-color:#1769e8;outline:3px solid #1769e81a}.small-secondary-button{color:#1769e8;box-shadow:none;background:0 0;border:1px solid #d7e2f0;border-radius:9px;align-self:flex-start;margin:0;padding:8px 11px;font-size:12px;font-weight:800}@media (width<=1050px){.order-toolbar{grid-template-columns:1fr}}.order-page{width:calc(100% - 40px);max-width:1500px;margin:0 auto;padding:54px 60px 46px}.order-page .eyebrow{color:#1769e8;text-align:left;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;font-weight:900;margin:0 0 12px!important}.order-page h1{text-align:left;letter-spacing:-1.5px;font-size:42px;line-height:1.08;margin:0 0 18px!important}.order-page>p:not(.eyebrow){color:#64748b;text-align:left;white-space:nowrap;max-width:none;font-size:16px;line-height:1.5;margin:0 0 30px!important}.order-toolbar{background:#f8fbff;border:1px solid #dfe7f1;border-radius:18px;grid-template-columns:1.05fr 1.05fr .85fr;gap:26px;width:100%;margin:0 0 28px;padding:18px;display:grid}.address-field,.search-field{grid-template-columns:1fr auto;align-items:end;gap:8px 10px;display:grid}.address-field label,.search-field label{color:#344054;grid-column:1/-1;margin:0;font-size:13px;font-weight:800}.address-field select,.search-field input{color:#172033;background:#fff;border:1px solid #cfd8e6;border-radius:10px;width:100%;height:44px;padding:0 12px}.search-field{grid-template-columns:1fr}.table-wrapper{border:1px solid #dde5ef;border-radius:18px;width:100%;overflow:hidden}.order-table{table-layout:auto;width:100%;min-width:0!important}.order-table th{color:#4f5f75;white-space:nowrap;background:#f4f7fb;padding:15px 12px;font-size:12px;font-weight:900}.order-table td{color:#344054;white-space:nowrap;padding:15px 12px;font-size:13px}.article-description{font-weight:800;color:#172033!important;min-width:210px!important}.number-input{width:74px;height:38px;padding:6px 8px}.status{min-width:78px;padding:7px 10px}.order-footer{background:linear-gradient(135deg,#eef5ff,#effaf6);border:1px solid #dce6f1;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;width:100%;margin-top:24px;padding:18px 22px;display:flex}.order-footer>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.order-footer strong{font-size:30px}.order-buttons{align-items:center;gap:12px;display:flex}.order-buttons button{border-radius:10px;min-width:150px;height:46px;margin:0;padding:0 18px;font-weight:800}.order-buttons button:not(.secondary-button){color:#fff;background:#1769e8}.order-buttons .secondary-button{color:#172033!important;background:#fff!important;border:1px solid #d5dde9!important}@media (width<=1150px){.order-page>p:not(.eyebrow){white-space:normal}.order-toolbar,.address-field,.search-field{grid-template-columns:1fr}.small-secondary-button{width:100%}.table-wrapper{overflow-x:auto}.order-table{min-width:1050px!important}}.customer-layout{grid-template-columns:230px minmax(0,1fr);align-items:stretch;gap:28px;width:calc(100% - 40px);max-width:1500px;margin:55px auto;display:grid}.customer-sidebar{box-sizing:border-box;background:#fff;border:1px solid #e1e8f0;border-radius:20px;flex-direction:column;min-height:620px;padding:18px 14px;display:flex}.customer-sidebar .sidebar-item{color:#24324a;width:100%;box-shadow:none;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;margin:0 0 6px;padding:15px 16px;font-size:15px;font-weight:600;display:block}.customer-sidebar .sidebar-item:hover{color:#0866e9;background:#f1f6ff}.customer-sidebar .sidebar-active{color:#0866e9;background:#eaf2ff}.customer-sidebar .logout-item{border-top:1px solid #e3e8ef;border-radius:0;margin-top:20px;padding-top:18px}.customer-sidebar .help-card{background:#f8fbff;border:1px solid #dbe5f1;border-radius:16px;margin-top:auto;padding:18px}.customer-sidebar .help-card strong{color:#172033;margin-bottom:8px;font-size:16px;display:block}.customer-sidebar .help-card p{color:#66758d;margin:0 0 12px;font-size:13px;line-height:1.6}.customer-sidebar .help-card button{color:#0866e9;box-shadow:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-size:13px;font-weight:600}.customer-layout .order-page{box-sizing:border-box;width:100%;max-width:none;margin:0}@media (width<=900px){.customer-layout{width:calc(100% - 24px);margin:30px auto;display:block}.customer-sidebar{min-height:auto;margin-bottom:20px}}.order-toolbar{background:#f8fbff;border:1px solid #dfe7f1;border-radius:16px;grid-template-columns:1fr 1fr .8fr;gap:18px;margin:24px 0 22px;padding:18px;display:grid}.address-field,.search-field{flex-direction:column;gap:8px;display:flex}.address-field label,.search-field label{color:#344054;font-size:13px;font-weight:800}.address-control{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.address-control select,.search-field input{color:#172033;background:#fff;border:1px solid #cfd8e6;border-radius:9px;width:100%;min-width:0;height:42px;padding:0 11px}.small-secondary-button{color:#1769e8;height:42px;box-shadow:none;white-space:nowrap;background:#fff;border:1px solid #bfd2ed;border-radius:9px;margin:0;padding:0 12px;font-size:12px;font-weight:800}.small-secondary-button:hover{box-shadow:none;background:#eef5ff;transform:none}@media (width<=1200px){.order-toolbar,.address-control{grid-template-columns:1fr}.small-secondary-button{width:100%}}.order-toolbar{grid-template-columns:1.15fr 1.25fr .9fr}.address-control select{min-width:145px}.customer-orders-page{width:100%;max-width:none;margin:0}.orders-history{background:#fff;border:1px solid #dde5ef;border-radius:16px;width:100%;margin-top:30px;overflow:hidden}.orders-history-header,.orders-history-row{grid-template-columns:1.4fr 1.3fr 1fr 1.2fr 1fr 140px;align-items:center;gap:18px;padding:16px 20px;display:grid}.orders-history-header{color:#526076;background:#f4f7fb;font-size:12px;font-weight:900}.orders-history-row{color:#344054;border-top:1px solid #e8edf3;min-height:64px;font-size:13px}.orders-history-row strong{color:#172033}.orders-history-row button{color:#172033;width:100%;box-shadow:none;background:#fff;border:1px solid #d4dde9;border-radius:9px;margin:0;padding:10px 12px;font-size:12px;font-weight:800}.orders-history-row button:hover{color:#1769e8;background:#f2f6fc}.order-status{border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:7px 11px;font-size:12px;font-weight:800;display:inline-flex}.order-status.shipped{color:#087553;background:#dcf8ec}.order-status.processing{color:#966000;background:#fff1c7}@media (width<=950px){.orders-history{overflow-x:auto}.orders-history-header,.orders-history-row{min-width:800px}}.address-page{width:100%;max-width:none;margin:0}.address-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;display:grid}.address-section{background:#f8fbff;border:1px solid #dfe7f1;border-radius:18px;padding:22px}.address-section-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.address-section-header h2{color:#172033;margin:0 0 6px;font-size:20px}.address-section-header p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.address-section-header button{color:#1769e8;box-shadow:none;white-space:nowrap;background:#fff;border:1px solid #bfd2ed;border-radius:9px;margin:0;padding:10px 12px;font-size:12px;font-weight:800}.saved-address-card{background:#fff;border:1px solid #dde5ef;border-radius:14px;margin-top:12px;padding:18px}.saved-address-card>div:first-child{align-items:center;gap:10px;display:flex}.saved-address-card strong{color:#172033}.saved-address-card p{color:#64748b;margin:12px 0;font-size:13px;line-height:1.6}.default-address{color:#087553;background:#dcf8ec;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.address-actions{gap:8px;display:flex}.address-actions button{color:#526076;box-shadow:none;background:#fff;border:1px solid #d7dfe9;border-radius:8px;margin:0;padding:7px 10px;font-size:12px;font-weight:700}.address-actions button:hover{color:#1769e8;background:#f2f6fc}@media (width<=1000px){.address-grid{grid-template-columns:1fr}}.address-page{min-height:auto!important;padding-bottom:34px!important}.address-page .address-grid{margin-bottom:0}.address-page .address-section{min-height:auto}.address-page .saved-address-card:last-child{margin-bottom:0}.customer-layout .address-page{box-sizing:border-box;grid-column:2;width:100%;min-width:0;max-width:none;margin:0;padding:46px 34px 34px}.customer-layout .address-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.customer-layout .address-section{box-sizing:border-box;width:100%;min-width:0}.new-address-panel{background:#f8fbff;border:1px solid #d8e3f0;border-radius:16px;margin:18px 0 24px;padding:22px}.new-address-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.new-address-header strong{color:#172033;font-size:17px;font-weight:800;display:block}.new-address-header p{color:#64748b;margin:5px 0 0;font-size:13px}.close-address-button{color:#64748b;width:32px;height:32px;box-shadow:none;cursor:pointer;background:#fff;border:1px solid #d5dfeb;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;font-size:20px;display:flex}.new-address-form{grid-template-columns:1.2fr 1.2fr 1.6fr .7fr 1fr;gap:14px;display:grid}.new-address-form label{color:#344054;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.new-address-form input{color:#172033;background:#fff;border:1px solid #ccd8e7;border-radius:9px;outline:none;width:100%;height:42px;padding:0 12px}.new-address-form input:focus{border-color:#1769e8;box-shadow:0 0 0 3px #1769e81a}.new-address-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.new-address-actions button{cursor:pointer;border-radius:9px;margin:0;padding:10px 17px;font-weight:700}.new-address-actions button:last-child{color:#fff;background:#1769e8;border:1px solid #1769e8}.new-address-actions .secondary-button{color:#344054!important;background:#fff!important;border:1px solid #ccd8e7!important}@media (width<=1100px){.new-address-form{grid-template-columns:1fr 1fr}}@media (width<=700px){.new-address-form{grid-template-columns:1fr}.new-address-actions{flex-direction:column}.new-address-actions button{width:100%}}.search-input-wrap{width:100%;position:relative}.search-input-wrap input{width:100%;padding-right:42px}.clear-search-button{color:#64748b;width:28px;height:28px;box-shadow:none;cursor:pointer;background:#f2f6fb;border:0;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;font-size:18px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search-button:hover{color:#1769e8;background:#eaf2ff}.article-link{color:#1769e8;cursor:pointer;font-weight:800;text-decoration:none}.article-link:hover{text-decoration:underline}.article-link:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #1769e826}.article-link-wrap{display:inline-block;position:relative}.article-preview{z-index:50;color:#172033;background:#fff;border:1px solid #dbe4ef;border-radius:14px;flex-direction:column;gap:7px;width:250px;padding:16px;display:none;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 18px 45px #17325c29}.article-link-wrap:hover .article-preview{display:flex}.article-preview strong{font-size:14px;line-height:1.4}.article-preview span{color:#64748b;font-size:12px}.article-preview .article-preview-price{color:#172033;margin-top:3px;font-size:16px;font-weight:900}.article-preview small{color:#1769e8;margin-top:4px;font-size:12px;font-weight:800}.pdf-preview-button{color:#1769e8;cursor:pointer;background:#fff;border:1px solid #bcd0ec;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:150px;padding:12px 18px;font-size:14px;font-weight:800;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px #1769e814}.pdf-preview-button:hover{background:#f3f7ff;border-color:#1769e8;transform:translateY(-1px);box-shadow:0 9px 20px #1769e824}.pdf-preview-button:active{transform:translateY(0)}.pdf-preview-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f234173;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.pdf-preview{background:#fff;border:1px solid #d8e3f0;border-radius:18px;width:min(900px,95vw);max-height:90vh;padding:32px;overflow-y:auto;box-shadow:0 25px 70px #0f234138}.pdf-preview h2{color:#10213d;margin:0 0 10px;font-size:28px}.pdf-preview p{color:#52657f;margin:0 0 24px}.pdf-preview button{color:#1769e8;cursor:pointer;background:#fff;border:1px solid #bcd0ec;border-radius:9px;padding:10px 18px;font-weight:700}.pdf-preview button:hover{background:#f3f7ff;border-color:#1769e8}.pdf-preview-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.pdf-preview-header>div{flex:1}.pdf-preview-header button{flex-shrink:0;margin:0}.pdf-preview hr{border:0;border-top:1px solid #dfe6ef;margin:22px 0}.pdf-preview-total{background:linear-gradient(135deg,#f1f7ff,#effaf6);border:1px solid #d5e3ef;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.pdf-preview-total span{color:#52657f;font-size:13px;font-weight:700}.pdf-preview-total strong{color:#172033;white-space:nowrap;font-size:24px;font-weight:900}.pdf-order-table-wrap{border:1px solid #dce5ef;border-radius:12px;margin:22px 0;overflow-x:auto}.pdf-order-table{border-collapse:collapse;background:#fff;width:100%}.pdf-order-table th{color:#52657f;text-align:left;background:#f4f7fb;border-bottom:1px solid #dce5ef;padding:12px 14px;font-size:11px;font-weight:800}.pdf-order-table td{color:#172033;border-bottom:1px solid #e8edf3;padding:14px;font-size:13px}.pdf-order-table tbody tr:last-child td{border-bottom:none}.pdf-order-table td:nth-child(3),.pdf-order-table th:nth-child(3){text-align:center}.pdf-order-table td:nth-child(4),.pdf-order-table th:nth-child(4),.pdf-order-table td:nth-child(5),.pdf-order-table th:nth-child(5){text-align:right}.pdf-order-table td:last-child{font-weight:800}.pdf-address-grid{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px;display:grid}.pdf-address-card{background:#f8fbff;border:1px solid #dce5ef;border-radius:12px;padding:16px 18px}.pdf-address-card span{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.pdf-address-card strong{color:#172033;font-size:14px}@media (width<=700px){.pdf-address-grid{grid-template-columns:1fr}}.customer-sidebar,.customer-sidebar button,.order-page,.order-page label,.order-page select,.order-page input,.order-page table,.order-page th,.order-page td,.order-page button,.pdf-preview,.pdf-preview button{font-family:Calibri,Arial,sans-serif}.pdf-preview-actions{justify-content:flex-end;margin-top:18px;display:flex}.send-order-button{color:#fff;cursor:pointer;background:#0b63f6;border:none;border-radius:9px;padding:12px 24px;font-family:Calibri,Arial,sans-serif;font-size:16px;font-weight:700}.send-order-button:hover{opacity:.9}@media print{html,body,#root,.app,main{background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}.header,main>:not(.pdf-preview-overlay){display:none!important}.pdf-preview-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.pdf-preview{width:100%!important;max-width:none!important;min-height:0!important;max-height:none!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:12mm!important;position:static!important;overflow:visible!important}.pdf-preview-header button,.pdf-preview-actions{display:none!important}.pdf-order-table-wrap{break-inside:avoid;overflow:visible!important}.pdf-preview-total{break-inside:avoid}@page{size:A4;margin:0}}.customer-form-card{background:#f8fbff;border:1px solid #dce6f2;border-radius:16px;margin:24px 0;padding:22px}.customer-form-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.customer-form-header h3{color:#172033;margin:0 0 5px;font-size:20px}.customer-form-header p{color:#64748b;margin:0;font-size:13px}.close-customer-form{color:#64748b;width:32px;height:32px;box-shadow:none;background:#fff;border:1px solid #d5dfeb;border-radius:8px;margin:0;padding:0;font-size:20px}.customer-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.customer-form-grid label{color:#344054;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.customer-form-grid input{color:#172033;background:#fff;border:1px solid #ccd8e7;border-radius:9px;height:42px;padding:0 12px}.customer-form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.customer-form-actions button{border-radius:9px;margin:0;padding:10px 16px;font-weight:800}@media (width<=800px){.customer-form-grid{grid-template-columns:1fr}}.admin-customer-list{margin-top:24px}.admin-customer-row{background:#fff;border:1px solid #dce6f2;border-radius:14px;grid-template-columns:1.5fr 1.5fr 1.2fr .7fr auto;align-items:center;gap:20px;margin-bottom:12px;padding:18px 20px;display:grid}.admin-customer-row>div{flex-direction:column;gap:5px;min-width:0;display:flex}.admin-customer-row>div>span{color:#64748b;font-size:12px}.admin-customer-row>div>strong{color:#172033;overflow-wrap:anywhere;font-size:14px}.admin-customer-row>div:first-child>strong{font-size:16px}.admin-customer-row button{color:#0b63f6;cursor:pointer;background:#fff;border:1px solid #bfd3f5;border-radius:8px;padding:9px 14px;font-weight:700}.admin-customer-row button:hover{background:#f1f6ff}.admin-customer-empty{text-align:center;color:#64748b;background:#f8fbff;border:1px dashed #ccd8e7;border-radius:12px;padding:25px}@media (width<=900px){.admin-customer-row{grid-template-columns:1fr}.admin-customer-row button{justify-self:start}}.admin-article-list{margin-top:24px}.admin-article-row{background:#fff;border:1px solid #dce6f2;border-radius:14px;grid-template-columns:1fr 2fr 1.2fr .9fr 1fr .7fr auto;align-items:center;gap:16px;margin-bottom:12px;padding:18px 20px;display:grid}.admin-article-row>div{flex-direction:column;gap:5px;min-width:0;display:flex}.admin-article-row span{color:#64748b;font-size:12px}.admin-article-row strong{color:#172033;overflow-wrap:anywhere;font-size:14px}.admin-article-row button{color:#0b63f6;cursor:pointer;background:#fff;border:1px solid #bfd3f5;border-radius:8px;padding:9px 14px;font-weight:700}.admin-article-row button:hover{background:#f1f6ff}@media (width<=1100px){.admin-article-row{grid-template-columns:1fr 1fr}}