*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}.row__column{float:left;width:50%}.row:after{content:"";display:table;clear:both}.auth{background:#f9fafb;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.auth__box{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:30px 25px;box-shadow:0 8px 16px #0000000d;border:1px solid #e5e7eb;text-align:center}.auth__logo{font-size:32px;color:#6366f1;margin-bottom:15px}.auth__title{font-size:22px;color:#111827;margin-bottom:20px}.auth__description{font-size:14px;color:#6b7280;margin-bottom:20px;text-align:center;line-height:1.5}.auth__form{text-align:left}.auth__field{margin-bottom:15px}.auth__label-wrapper{display:flex;justify-content:space-between;align-items:baseline}.auth__label{display:block;margin-bottom:5px;font-size:14px;color:#374151}.auth__input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.auth__error{display:flex;justify-content:center;color:#dc2626;font-size:14px;margin-top:5px}.auth__button{width:100%;padding:12px;background-color:#6366f1;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;margin-top:10px}.auth__button:hover{background-color:#4f46e5}.auth__signin{font-size:14px;text-align:center;margin-top:20px}.auth__link{color:#6366f1;text-decoration:none;margin:0 4px}.auth__link--right{font-size:12px;text-decoration:none;color:#6366f1}.auth__footer{margin-top:20px;font-size:12px;color:#6b7280;text-align:center}.auth__footer .auth__link{color:#a9a9a9}@media(max-width:480px){.auth__box{padding:25px 20px}.auth__title{font-size:20px}.auth__button{font-size:15px}}body:has(h2.auth__title-register) .auth__box{max-width:540px}.auth__form--split{display:flex;flex-direction:column;gap:2rem}.auth__section{flex:1}@media(min-width:768px){.auth__form--split{flex-direction:row;align-items:flex-start}.auth__section{padding:0 1rem}}.toast{position:fixed;bottom:2rem;right:2rem;background-color:#111827;color:#fff;padding:1rem 1.5rem;border-radius:.5rem;box-shadow:0 8px 20px #00000040;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .4s ease;transform:translateY(20px);z-index:1000}.toast--show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast--success{background-color:var(--uui-palette-forest-green-dark,rgb( 10, 115, 73 ));color:#fff}.toast--error{background-color:var(--uui-palette-maroon-flush,#d42054);color:#fff}.toast__message{margin:0;font-size:.95rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}.portal{display:flex;min-height:100vh}.sidebar{width:250px;background-color:#fff;border-right:1px solid #e0e6ed;box-shadow:2px 0 4px #0000001a;position:fixed;height:100vh;overflow-y:auto}.sidebar__header{padding:24px 20px;border-bottom:1px solid #e0e6ed}.sidebar__logo{display:flex;align-items:center;text-decoration:none}.sidebar__logo-icon{border-radius:8px;margin-right:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.sidebar__nav{padding:20px 0}.sidebar__nav-list{list-style:none}.sidebar__nav-item{margin-bottom:4px}.sidebar__nav-link{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:#64748b;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.sidebar__nav-link:hover{background-color:#f1f5f9;color:#334155}.sidebar__nav-link--active{background-color:#eff6ff;color:#2563eb;border-left-color:#2563eb}.sidebar__nav-icon{width:20px;height:20px;margin-right:12px;fill:currentColor}.sidebar__footer{position:absolute;bottom:0;left:0;right:0;padding:20px;border-top:1px solid #e0e6ed}.sidebar__logout{display:flex;align-items:center;padding:12px 20px;text-decoration:none;color:#64748b;font-weight:500;transition:all .2s ease;border-radius:6px;margin:0 -20px}.sidebar__logout:hover{background-color:#fef2f2;color:#dc2626}.sidebar__logout-icon{width:20px;height:20px;margin-right:12px;fill:currentColor}.main{margin-left:250px;flex:1;padding:32px}.main__header{margin-bottom:32px}.main__title{font-size:32px;font-weight:600;color:#1e293b;margin-bottom:8px}.main__subtitle{color:#64748b;font-size:16px}.card{background-color:#fff;border-radius:8px;padding:24px;border:1px solid #e0e6ed;margin-bottom:24px}.card__title{font-size:18px;font-weight:600;color:#1e293b;margin-bottom:16px}.card__content{color:#64748b}.form{background-color:#fff;border-radius:8px;padding:32px;margin-bottom:10px;border:1px solid #e0e6ed}.form__section{margin-bottom:32px}.form__section-title{font-size:22px;font-weight:600;color:#1e293b;margin-bottom:20px;padding-bottom:8px}.form__row{display:flex;gap:16px;margin-bottom:20px}.form__field{flex:1}.form__field--full{flex:1 1 100%}.form__label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form__input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form__select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1f2937;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;appearance:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.form__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form__actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button--secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.button--secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.button--primary{background-color:#3b82f6;color:#fff;border:1px solid #3b82f6}.button--primary:hover{background-color:#2563eb;border-color:#2563eb}.button--small{padding:8px 16px;font-size:12px}.orders__title{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:10px}.orders__group{margin-bottom:20px;padding:20px;border:1px solid #e0e6ed;border-radius:8px;background-color:#fff}.orders__group:last-child{margin-bottom:0}.orders__header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e5e7eb;margin-bottom:16px}.orders__info{display:flex;gap:32px;font-size:14px;color:#6b7280}.orders__info-item{display:flex;flex-direction:column}.orders__info-label{font-weight:500;margin-bottom:2px}.orders__info-value{color:#1f2937}.orders__status{font-size:12px;font-weight:500;padding:4px 8px;border-radius:4px;background-color:var(--order-status-color);color:#fff}.orders__list{list-style:none}.orders__item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f3f4f6}.orders__item:last-child{border-bottom:none}.orders__product-image{width:64px;height:64px;border-radius:8px;object-fit:cover;margin-right:16px;background-color:#f3f4f6}.orders__product-image--placeholder{color:#9ca3af}.orders__product-details{flex:1}.orders__product-name{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:4px}.orders__product-specs{font-size:14px;color:#6b7280;display:flex;gap:16px}.orders__product-spec{display:flex;gap:4px}.orders__product-price{font-size:16px;font-weight:600;color:#1f2937;margin-left:16px}.order-details{background-color:#fff;border-radius:8px;padding:16px;border:1px solid #e0e6ed;box-shadow:0 1px 3px #0000001a}.order-details__header{margin-bottom:32px}.order-details__title{font-size:24px;font-weight:600;color:#1e293b;margin-bottom:8px}.order-details__subtitle{color:#64748b;font-size:14px;margin-bottom:16px}.order-details__order-number{font-size:16px;color:#1f2937;font-weight:500}.order-details__sections{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:32px}.order-details__section{background-color:#f9fafb;border-radius:6px;padding:20px}.order-details__section--editable{border:1px solid #d1d5db;background-color:#fff}.order-details__section-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.order-details__edit-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:12px;padding:4px;border-radius:4px;transition:background-color .2s ease}.order-details__edit-button:hover{background-color:#eff6ff}.order-details__edit-icon{width:14px;height:14px;fill:currentColor}.order-details__field{margin-bottom:12px}.order-details__field:last-child{margin-bottom:0}.order-details__field-row{display:flex;gap:12px}.order-details__field-label{font-size:12px;color:#6b7280;margin-bottom:2px;display:block}.order-details__field-value{font-size:14px;color:#1f2937;font-weight:500}.order-details__field-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease}.order-details__field-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.order-details__products{margin-bottom:32px}.order-details__products-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px}.order-details__product{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid #f3f4f6}.order-details__product:last-child{border-bottom:none}.order-details__product-image{width:64px;height:64px;border-radius:8px;object-fit:cover;margin-right:16px;background-color:#f3f4f6}.order-details__product-info{flex:1}.order-details__product-name{font-size:16px;font-weight:500;color:#1f2937;margin-bottom:4px}.order-details__product-quantity{font-size:14px;color:#6b7280}.order-details__product-price{font-size:16px;font-weight:600;color:#1f2937}.order-details__summary{border-top:1px solid #e5e7eb;padding-top:20px}.order-details__summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.order-details__summary-label{color:#6b7280}.order-details__summary-value{color:#1f2937;font-weight:500}.order-details__summary-row--total{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px;font-size:16px;font-weight:600}.order-details__summary-row--total .order-details__summary-label,.order-details__summary-row--total .order-details__summary-value{color:#1f2937}.order-details__back-button{margin-bottom:24px}.order-details__back-link{display:inline-flex;align-items:center;color:#3b82f6;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.order-details__back-link:hover{color:#2563eb}.order-details__back-icon{width:16px;height:16px;margin-right:8px;fill:currentColor}@media(max-width:768px){.portal{position:relative}.sidebar{width:100%;position:fixed;top:0;left:-100%;height:100vh;z-index:1000;transition:left .3s ease;box-shadow:none}.sidebar--open{left:0;box-shadow:4px 0 8px #0003}.main{margin-left:0;padding:80px 16px 16px}.main__header{margin-bottom:24px}.main__title{font-size:24px}.form{padding:24px;margin-bottom:10px}.form__section{margin-bottom:24px}.orders__title{font-size:20px}.orders__info{flex-direction:column;gap:12px}.orders__info-item{flex-direction:row;justify-content:space-between;align-items:center}.orders__item{flex-direction:column;align-items:flex-start;gap:12px;padding:16px;border-radius:8px;border-bottom:none;margin-bottom:12px}.orders__item:last-child{margin-bottom:0}.orders__product-image{width:100%;height:120px;margin-right:0;margin-bottom:8px}.orders__product-details{width:100%}.orders__product-specs{flex-direction:column;gap:8px}.orders__product-price{margin-left:0;font-size:18px;align-self:flex-end}.order-details__sections{grid-template-columns:1fr}.mobile-overlay{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}.mobile-overlay--visible{display:block}}@media(max-width:1024px){.main{padding:24px}.form__row{flex-direction:column;gap:20px}.orders__info{gap:20px}.orders__header{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:480px){.main{padding:80px 12px 12px}.main__title{font-size:20px}.form{padding:16px;margin-bottom:10px}.orders__product-specs{font-size:12px}.button{width:100%;justify-content:center}.form__actions{flex-direction:column-reverse;gap:8px}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background-color:#fff;border-bottom:1px solid #e0e6ed;z-index:1001;padding:0 16px;align-items:center;justify-content:space-between}.mobile-header__logo{display:flex;align-items:center;text-decoration:none;color:#6366f1}.mobile-header__logo-icon{border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.mobile-header__menu-button{background:none;border:none;padding:8px;cursor:pointer;color:#64748b}.mobile-header__menu-icon{width:24px;height:24px;fill:currentColor}@media(max-width:768px){.mobile-header{display:flex}}.grey{--order-status-color: #d8d7d9}.brown{--order-status-color: #795548}.blue{--order-status-color: #2196f3}.light-blue{--order-status-color: #03a9f4}.indigo{--order-status-color: #3f51b5}.purple{--order-status-color: #9c27b0}.deep-purple{--order-status-color: #673ab7}.cyan{--order-status-color: #00bcd4}.green{--order-status-color: #4caf50}.light-green{--order-status-color: #8bc34a}.lime{--order-status-color: #cddc39}.yellow{--order-status-color: #ffeb3b}.amber{--order-status-color: #ffc107}.orange{--order-status-color: #ff9800}.deep-orange{--order-status-color: #ff5722}.red{--order-status-color: #d42054}.pink{--order-status-color: #e91e63}