@font-face{font-family:TPSerif;src:local('Georgia')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{--teal:#0b2b4c;--ink:#111827;--muted:#637083;--line:#e1e7e8;--lime:#ff8500;--pale:#fff0df;margin:0;color:var(--ink);font:14px/1.5 Arial,'Segoe UI',sans-serif;background:#f7f9fb}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{touch-action:manipulation}img,svg{vertical-align:middle}button svg,a svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.6px}h1{font:700 38px/1.13 Georgia,serif;letter-spacing:-1px}h2{font:700 23px/1.25 Georgia,serif}h3{font:700 19px/1.3 Georgia,serif}p{color:var(--muted)}small{font-size:12px}input,select,textarea{width:100%;min-width:0;background:white;border:1px solid #cfd8dd;border-radius:6px;padding:11px 13px;color:var(--ink)}textarea{resize:vertical;min-height:95px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--teal);margin:0;flex-shrink:0}input[type=file]{padding:20px;border-style:dashed}input:focus,textarea:focus,select:focus{outline:2px solid #0b2b4c66;outline-offset:1px}a:focus-visible,button:focus-visible{outline:3px solid #315775;outline-offset:3px}button{border:0}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;margin-bottom:14px}em{color:#d63743;font-style:normal}.container{max-width:1290px;margin:auto;padding:0 8px}.site-main{max-width:1310px;margin:0 auto;padding:27px 18px 40px;min-height:65vh}.page-homepage .site-main{max-width:none;padding:0 0 35px}.announcement{background:var(--teal);color:white;font-size:12px}.announcement .container{height:38px;display:flex;justify-content:space-between;align-items:center}.announcement span,.announcement nav{display:flex;gap:13px;align-items:center}.announcement i{font-style:normal;opacity:.6}.shop-header{background:white;border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;gap:30px;height:77px}.logo{display:flex;align-items:center;gap:9px;color:var(--teal);white-space:nowrap}.logo strong{font:700 28px Georgia,serif;letter-spacing:-1px}.logo small{display:block;font-size:9px;letter-spacing:.1px;color:#64848a;margin-top:1px}.search{display:flex;align-items:center;flex:1;gap:13px;background:#f7f9fb;border:1px solid var(--line);border-radius:14px;overflow:hidden;padding-left:16px;color:var(--teal)}.search input{border:0;background:transparent;box-shadow:none;padding:13px 0}.search button{background:var(--teal);color:white;padding:15px 30px;align-self:stretch;font-weight:700}.header-actions{display:flex;align-items:center;gap:23px;font-size:12px;white-space:nowrap}.header-actions a{display:flex;gap:10px;align-items:center;position:relative}.header-actions small{display:block;font-size:10px}.cart-link b{position:absolute;top:-10px;right:18px;border-radius:20px;background:var(--teal);color:white;font-size:9px;padding:0 4px}.category-nav{background:#fff;border-bottom:1px solid var(--line)}.category-nav .container{display:flex;align-items:center;justify-content:space-between;gap:20px;height:46px;white-space:nowrap;font-size:12px;overflow-x:auto;scrollbar-width:none}.all-categories{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--teal)}.offers{color:#f03644}.category-nav a:hover,.site-footer a:hover{text-decoration:underline}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:42px;border:1px solid #d0d9dd;background:#fff;border-radius:6px;padding:10px 19px;font-size:14px;font-weight:600;color:var(--ink);white-space:normal;text-align:center}.button:hover{border-color:var(--teal);background:#fff8f0}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover{background:#0b2b4c}.button.lime{background:var(--lime);border-color:var(--lime);color:#0b2b4c}.button.compact{min-height:32px;padding:6px 13px;font-size:12px}.button.danger{color:#c52442}.button.full{width:100%}.text-link{color:var(--teal);font-weight:600;display:inline-flex;gap:8px;align-items:center}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--ink);border-radius:8px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p{font-size:15px;margin-top:6px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:15px;display:flex;gap:12px;align-items:center}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#315775;margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.section-heading h2{font-size:26px}.section-heading a{font-size:13px;color:var(--teal);font-weight:600}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;min-width:0}.card + .card{margin-top:18px}.card h2,.card h3{margin-bottom:7px}.card>p{margin-bottom:18px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(275px,1fr);gap:18px}.stack{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:18px;font-size:13px}.field>span{font-weight:600}.field-error{color:#b6233a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:7px}.check-label{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}.check-label a{text-decoration:underline;color:var(--teal)}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.muted{color:var(--muted)}.teal{color:var(--teal)}.mt{margin-top:24px}.mb{margin-bottom:22px}.divider{height:1px;background:var(--line);margin:20px 0}.badge,.status{display:inline-flex;gap:5px;align-items:center;border-radius:7px;padding:5px 10px;font-size:11px;font-weight:600;white-space:nowrap;background:#fff1cb;color:#7a510b}.status::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.status-approved,.status-delivered,.status-completed,.status-paid,.status-active{background:#e2f6e9;color:#176443}.status-cancelled,.status-rejected,.status-refunded{background:#ffe5ea;color:#ac2045}.status-shipped{background:#e7f2fd;color:#246493}.badge{background:#fff0df;color:#0b2b4c}.notice{padding:17px 20px;border-radius:8px;background:#fff0df;border:1px solid #ffd5a6;color:#0b2b4c;font-size:13px}.notice p{margin-top:5px}.alert{padding:16px;border-radius:8px;margin:15px 0;display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.alert.success{background:#e7f7ee;color:#1a6844}.alert.error{background:#fff0f1;color:#9c2438}.alert ul{width:100%;margin:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.product-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0;display:flex;flex-direction:column}.product-visual{position:relative}.product-photo{width:100%;height:auto;aspect-ratio:1.88;display:block;border-radius:8px;object-fit:cover}.product-visual .ribbon{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;padding:3px 10px;border-radius:10px;background:var(--lime)}.ribbon.sale{background:#ff4e5e;color:white}.favorite{position:absolute;top:7px;right:7px;width:28px;height:28px;background:#ffffffdc;border-radius:50%;color:#51606a;display:grid;place-items:center}.product-name{font-size:13px;line-height:1.4;margin-top:8px;display:block;min-height:19px}.rating{font-size:12px;color:var(--muted);margin:4px 0}.rating span{color:#ffc21c;font-size:17px}.product-buy{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto}.product-buy>strong{color:var(--teal);font-size:18px}.product-buy del{color:#8c94a0;font-size:12px}.product-buy form,.product-buy>.button{margin-left:auto}.product-buy .button{padding:7px 12px}.profit-line{font-size:11px;color:var(--muted);margin-top:10px;border-top:1px solid var(--line);padding-top:8px}.profit-line b{display:block;color:var(--teal)}.table-wrap{overflow:auto;width:100%;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;text-align:left}th{background:#f7f9fb;font-size:11px;font-weight:600;color:#384354;padding:13px 12px}td{padding:15px 12px;border-top:1px solid var(--line)}td small{display:block;color:var(--muted);white-space:normal}.table-product{display:flex;align-items:center;gap:11px}.table-product .product-photo{width:55px;height:48px;object-fit:cover}.table-product span{max-width:240px;white-space:normal}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.toolbar .search{max-width:400px;border-radius:6px;background:#fff}.toolbar select{width:auto}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:16px 0;overflow:auto;white-space:nowrap}.tabs a,.tabs button{padding:14px 4px;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.tabs .active{border-color:var(--teal);color:var(--teal);font-weight:600}.empty-state{text-align:center;padding:50px 20px;max-width:600px;margin:auto}.empty-state h3{margin:18px 0 7px}.empty-state p{margin-bottom:18px}.icon-disc{width:60px;height:60px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#fff0df;color:var(--teal)}.avatar{height:43px;width:43px;display:inline-flex;align-items:center;justify-content:center;background:var(--teal);border-radius:50%;color:white;font:700 23px Georgia,serif;flex-shrink:0}.portal-header{height:72px;display:flex;align-items:center;gap:30px;padding:10px 28px;background:#fff;border-bottom:1px solid var(--line)}.portal-header>.logo{width:235px;flex-shrink:0}.portal-header .search{border-radius:9px}.portal-header .user-menu{display:flex;gap:12px;align-items:center;font-size:12px}.user-menu small{display:block;color:var(--muted)}.portal-layout{display:grid;grid-template-columns:263px minmax(0,1fr);min-height:calc(100vh - 140px)}.sidebar{border-right:1px solid var(--line);background:#fff;padding:20px 14px;display:flex;flex-direction:column}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:14px 15px;display:flex;align-items:center;gap:19px;border-radius:9px;font-size:14px;position:relative}.sidebar nav a:hover{background:#fff8f0}.sidebar nav a.active{background:linear-gradient(90deg,#fff0df,#ffd5a6);color:#0b2b4c;font-weight:600}.sidebar nav a.active:before{content:'';position:absolute;left:-14px;top:2px;bottom:2px;width:5px;background:var(--teal);border-radius:0 6px 6px 0}.sidebar-bottom{margin-top:auto;padding:50px 9px 5px}.grow-card{background:linear-gradient(125deg,#fff0df,#fff0df);padding:19px;border-radius:12px}.grow-card h3{color:#0b2b4c}.grow-card p{font-size:13px;margin:10px 0 15px}.support-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:16px 10px;border-radius:10px;margin-top:18px;font-size:12px}.support-card p{font-size:11px;margin:6px 0}.back-shop{display:block;font-size:12px;color:var(--teal);margin:18px 0}.store-switch{background:var(--teal);border-radius:9px;color:#fff;padding:12px;display:flex;gap:10px;align-items:center;margin-bottom:20px}.store-switch small{display:block}.store-switch .avatar{border:1px solid var(--lime)}.portal-main{padding:28px 24px;min-width:0}.portal-main h1{font-size:38px}.portal-main .card{padding:18px}.portal-main .section-heading h2{font-size:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px}.metric{display:flex;align-items:flex-start;gap:15px;background:white;border:1px solid var(--line);border-radius:10px;padding:22px 18px}.metric .value{font:700 31px Georgia,serif;display:block;margin:4px 0}.metric small{color:var(--muted)}.metric .icon-disc{width:54px;height:54px;flex-shrink:0}.chart{height:230px;position:relative;margin:22px 0 0;display:flex;flex-direction:column}.chart svg{width:100%;height:200px;overflow:visible}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.chart-empty{position:absolute;inset:0;display:grid;place-content:center;background:#ffffffbe;color:var(--muted);text-align:center}.balance-panel{background:var(--teal);color:white;border-radius:10px;padding:25px;margin-bottom:20px}.balance-panel small{color:#fff0df}.balance-panel strong{font:700 40px Georgia,serif;display:block;margin:10px 0 22px}.balance-panel .button{background:var(--lime);border-color:var(--lime)}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;color:#4e5b6b;font-size:13px}.summary-line.total{font-size:19px;border-top:1px solid var(--line);padding-top:17px;margin-top:18px;color:var(--ink)}.summary-line.total strong{color:var(--teal);font-size:25px}.account-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:17px}.account-sidebar{background:white;border:1px solid var(--line);border-radius:9px;padding:14px 10px;height:max-content}.account-sidebar h2{font-size:22px;margin:0 10px 20px}.account-sidebar nav a{display:flex;gap:15px;padding:12px 14px;border-radius:6px;color:#465367;font-size:14px}.account-sidebar nav a.active{background:#fff0df;color:var(--teal);font-weight:600}.logout{display:flex;gap:15px;margin:25px 14px 10px;background:transparent;color:#7a4150}.welcome{display:flex;gap:20px;align-items:center;background:linear-gradient(110deg,#fff 65%,#fff0df);padding:22px;border:1px solid var(--line);border-radius:10px;margin-bottom:15px}.welcome h1{font-size:30px;margin-bottom:6px}.welcome .avatar{width:65px;height:65px;font-size:35px}.account-content{min-width:0}.account-content .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-content .metric{padding:16px}.account-content .split{grid-template-columns:1.6fr 1fr}.address-card{border:1px solid var(--line);padding:16px;border-radius:7px;display:flex;gap:13px;margin-top:10px}.address-card p{font-size:13px;margin:5px 0}.site-footer{border-top:1px solid var(--line);background:#fff;padding:22px 0}.site-footer .container{display:flex;align-items:center;gap:35px;justify-content:space-between;max-width:1380px;padding:0 25px}.site-footer .logo strong{font-size:20px}.site-footer .logo svg{width:32px;height:39px}.site-footer nav{display:flex;gap:20px;font-size:11px;flex-wrap:wrap}.site-footer small{font-size:10px;color:var(--muted)}.mobile-menu{display:none}.preview-link{position:fixed;bottom:12px;right:15px;background:#0b2b4c;color:white;border:1px solid #ffd5a6;border-radius:25px;padding:8px 15px;font-size:11px;z-index:20;box-shadow:0 3px 12px #0002}.toast{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);background:#0b2b4c;color:white;border-radius:8px;padding:16px 25px;z-index:80;max-width:90vw;box-shadow:0 6px 25px #0003}.skip-link{position:absolute;top:-60px;background:var(--teal);color:white;padding:12px;z-index:99}.skip-link:focus{top:0}.pagination{margin-top:25px;display:flex;gap:8px;justify-content:center}.pagination a,.pagination span{padding:8px 14px;border:1px solid var(--line);border-radius:5px;background:#fff}.pagination .current{background:var(--teal);color:white}.list-item{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:flex-start}.list-item:last-child{border:0}.list-item .item-main{flex:1;min-width:0}.list-item p{font-size:13px;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1600px){.portal-main{max-width:1500px;width:100%;margin:0 auto;padding:35px}}
@media(max-width:1200px){.header-row{gap:18px}.header-actions{gap:15px}.header-actions span{display:none}.logo strong{font-size:23px}.portal-layout{grid-template-columns:225px minmax(0,1fr)}.portal-header>.logo{width:200px}.sidebar nav a{gap:12px;font-size:13px}.portal-main{padding:24px 18px}.metric-grid{gap:10px}.metric{padding:18px 12px;gap:10px}.metric .value{font-size:25px}.metric .icon-disc{width:40px;height:40px}.product-buy .button{font-size:11px}.product-buy del{display:none}.account-content .split{grid-template-columns:1fr}.site-footer .container{flex-wrap:wrap}}
@media(max-width:900px){.container{padding:0 18px}.announcement nav{display:none}.header-row{flex-wrap:wrap;height:auto;padding-top:15px;padding-bottom:15px}.header-row>.search{order:3;flex-basis:100%}.header-actions{margin-left:auto}.header-actions span{display:block}.category-nav .container{justify-content:flex-start}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.portal-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;top:72px;bottom:0;width:263px;z-index:40;overflow:auto;box-shadow:5px 0 20px #0002;transition:left .2s}.sidebar.open{left:0}.portal-header{gap:15px;padding:10px 16px;position:sticky;top:0;z-index:45}.portal-header>.logo{width:auto}.portal-header>.search{display:none}.portal-header .user-menu{margin-left:auto}.portal-header .user-menu b{display:none}.mobile-menu{display:flex}.account-layout{grid-template-columns:1fr}.account-sidebar{padding:10px}.account-sidebar h2,.account-sidebar form{display:none}.account-sidebar nav{display:flex;overflow:auto;white-space:nowrap;gap:5px}.account-sidebar nav a{padding:10px}.account-sidebar nav a svg{width:18px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer .container{gap:20px}.site-footer nav{gap:15px}.form-grid{gap:0 15px}.page-heading h1{font-size:32px}}
@media(max-width:560px){h1,.portal-main h1{font-size:30px}.logo strong{font-size:23px}.logo svg{width:38px;height:45px}.header-actions{gap:15px}.header-actions span{display:none}.announcement{font-size:11px}.announcement .container{height:32px}.search button{padding:13px 20px}.category-nav .container{height:44px}.site-main{padding:20px 12px 30px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.page-heading p{font-size:13px}.page-heading .button{font-size:12px}.card{padding:17px}.grid.three,.grid.two,.form-grid{grid-template-columns:1fr}.product-grid{gap:8px}.product-card{padding:8px}.product-name{font-size:11px;min-height:32px}.product-buy>strong{font-size:17px}.product-buy form,.product-buy>.button{margin:0;width:100%}.product-buy .button{width:100%}.product-photo{aspect-ratio:1.3}.section-heading h2{font-size:23px}.section-heading a{font-size:11px}.portal-header .user-menu small,.portal-header .user-menu>span:last-child{display:none}.portal-main{padding:20px 12px}.portal-header{gap:8px}.portal-header .logo strong{font-size:21px}.portal-header .logo small{font-size:8px}.portal-header .avatar{width:33px;height:33px;font-size:18px}.metric{padding:14px 12px;display:block}.metric .icon-disc{width:32px;height:32px;margin-bottom:8px}.metric .icon-disc svg{width:18px}.metric .value{font-size:25px}.metric small{font-size:10px}.metric-grid{gap:10px}.account-content .metric-grid{grid-template-columns:1fr 1fr}.account-content .metric-grid .metric:last-child{grid-column:1/-1}.welcome{padding:18px;gap:12px}.welcome h1{font-size:25px}.welcome .avatar{width:48px;height:48px;font-size:26px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.form-actions{flex-wrap:wrap}.form-actions .button{flex:1}.site-footer nav{font-size:10px}.preview-link{font-size:10px;bottom:9px;right:9px}.summary-line.total strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}