:root{--font-system:"DM Sans",Arial,sans-serif;--font-weight-regular:400;--font-weight-medium:400;--font-weight-semibold:400;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--tracking-tight:-0.02em;--tracking-normal:-0.01em;--tracking-wide:0.06em;--color-label:#1D1D1F;--color-secondary-label:#6e6e73;--color-tertiary-label:#AEAEB2;--color-separator:rgba(0,0,0,0.04);--color-background:#FFFFFF;--color-surface:#FFFFFF;--color-surface-secondary:#FAFAFA;--color-fill:#F5F5F7;--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-primary-light:#fff7ed;--color-primary-surface:rgba(234,88,12,0.06);--color-success-label:#173f5c;--color-success-fill:#e8f1f7;--color-danger-label:#991b1b;--color-danger-fill:#fee2e2;--color-warning-label:#92400e;--color-warning-fill:#fef3c7;--color-info-label:#1e40af;--color-info-fill:#dbeafe;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.06);--shadow-lg:0 8px 24px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08);--shadow-xl:0 20px 60px rgba(0,0,0,0.15),0 4px 16px rgba(0,0,0,0.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--sidebar-width:260px;--content-max-width:960px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100vh}::selection{background:var(--color-primary-light);color:var(--color-primary)}.portal-container,.portal-container *,.portal-login-container,.portal-login-container *{font-family:var(--font-system);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portal-container{display:flex;min-height:100vh;background-color:var(--color-background)}.portal-sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:none;box-shadow:1px 0 8px rgba(0,0,0,.04);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:40}.portal-sidebar-header{padding:var(--space-6);border-bottom:none;box-shadow:none}.portal-sidebar-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:inherit}.portal-sidebar-logo img{height:32px;width:auto}.portal-sidebar-nav{flex:1 1;padding:var(--space-4);overflow-y:auto}.portal-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-secondary-label);font-size:var(--text-md);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);margin-bottom:var(--space-1)}.portal-nav-item:hover{background-color:var(--color-fill);color:var(--color-label)}.portal-nav-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.portal-nav-item svg{width:20px;height:20px;flex-shrink:0}.portal-sidebar-footer{padding:var(--space-4);border-top:none;box-shadow:none}.portal-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-fill)}.portal-user-avatar{width:var(--space-8);height:var(--space-8);border-radius:50%;background-color:var(--color-primary);color:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.portal-user-details{flex:1 1;min-width:0}.portal-user-name{color:var(--color-label);font-size:var(--text-md)}.portal-user-email,.portal-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-user-email{font-size:var(--text-sm);color:var(--color-tertiary-label)}.portal-main{flex:1 1;margin-left:var(--sidebar-width);min-height:100vh}.portal-header{background:rgba(255,255,255,.42);backdrop-filter:blur(28px) saturate(200%) brightness(1.08);-webkit-backdrop-filter:blur(28px) saturate(200%) brightness(1.08);border:.5px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 16px rgba(0,0,0,.06);padding:var(--space-4) var(--space-6);position:-webkit-sticky;position:sticky;top:var(--space-3);z-index:30;margin:var(--space-3) var(--space-4) 0;border-radius:var(--radius-xl)}.portal-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max-width);margin:0 auto}.portal-page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-label);margin:0}.portal-content{padding:var(--space-7) var(--space-6);max-width:var(--content-max-width);margin:0 auto;animation:portalFadeIn var(--duration-normal) var(--ease-out)}@keyframes portalFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.portal-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);margin-bottom:var(--space-4);transition:box-shadow var(--duration-normal) var(--ease-out)}.portal-card:hover{box-shadow:var(--shadow-md)}.portal-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.portal-card-title{font-size:var(--text-xl);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-label);margin:0}.portal-card-subtitle{font-size:var(--text-md);color:var(--color-tertiary-label);margin-top:var(--space-1)}.portal-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm)}.portal-badge-active{background-color:var(--color-success-fill);color:var(--color-success-label)}.portal-badge-paused{background-color:var(--color-warning-fill);color:var(--color-warning-label)}.portal-badge-canceled{background-color:var(--color-danger-fill);color:var(--color-danger-label)}.portal-badge-shipped{background-color:var(--color-info-fill);color:var(--color-info-label)}.portal-badge-delivered{background-color:var(--color-success-fill);color:var(--color-success-label)}.portal-badge-confirmed{background-color:#e0e7ff;color:#3730a3}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--radius-sm);font-size:var(--text-md);min-height:44px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;text-decoration:none}.portal-btn:active{transform:scale(.97);transition-duration:50ms}.portal-btn-primary{background-color:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-full)}.portal-btn-primary:hover{background-color:var(--color-primary-hover)}.portal-btn-secondary{background-color:var(--color-fill);color:var(--color-label);box-shadow:var(--shadow-xs)}.portal-btn-secondary:hover{background-color:#E5E5EA}.portal-btn-outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full)}.portal-btn-outline:hover{background-color:var(--color-primary-light)}.portal-btn-sm{padding:6px var(--space-3);font-size:var(--text-base);min-height:36px}.portal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.portal-input-group{margin-bottom:var(--space-5)}.portal-label{display:block;font-size:var(--text-md);font-weight:var(--font-weight-medium);color:var(--color-label);margin-bottom:var(--space-2)}.portal-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-size:var(--text-lg);min-height:44px;color:var(--color-label);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.portal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-surface)}.portal-input-modal::placeholder,.portal-input::placeholder{color:var(--color-tertiary-label)}.portal-input-error{border-color:var(--color-danger-label)}.portal-error-message{color:var(--color-danger-label);font-size:var(--text-base);margin-top:6px}.portal-login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--space-6)}.portal-login-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-9) var(--space-8);width:100%;max-width:440px;margin:0 auto}.portal-login-logo{display:flex;justify-content:center;margin-bottom:var(--space-7)}.portal-login-logo img{height:48px;width:auto}.portal-login-title{font-size:var(--text-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-label);text-align:center;margin-bottom:var(--space-2)}.portal-login-subtitle{font-size:var(--text-lg);color:var(--color-secondary-label);text-align:center;margin-bottom:var(--space-7)}.portal-login-success{text-align:center;padding:var(--space-6)}.portal-login-success-icon{width:64px;height:64px;border-radius:50%;background-color:var(--color-success-fill);color:var(--color-success-label);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.portal-login-success-icon svg{width:32px;height:32px}.portal-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-5)}@media (max-width:768px){.portal-summary-grid{grid-template-columns:1fr 1fr!important}}.portal-summary-box{display:flex;flex-direction:column;min-height:88px;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}.portal-summary-box-label{font-size:var(--text-xs);color:var(--color-secondary-label);margin:0 0 6px;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.portal-summary-box-value{font-size:var(--text-lg);color:var(--color-label);margin:0}.portal-summary-box-sub{font-size:var(--text-sm);color:var(--color-secondary-label);margin:var(--space-1) 0 0 0}.portal-summary-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);transition:box-shadow var(--duration-normal) var(--ease-out)}.portal-summary-card:hover{box-shadow:var(--shadow-md)}.portal-summary-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.portal-summary-card-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.portal-summary-card-icon.subscription{background-color:var(--color-primary-light);color:var(--color-primary)}.portal-summary-card-icon.order{background-color:var(--color-info-fill);color:#1d4ed8}.portal-summary-card-icon.appointment{background-color:#f3e8ff;color:#7c3aed}.portal-summary-card-icon.messages{background-color:var(--color-success-fill);color:#173f5c}.portal-summary-card-title{font-size:var(--text-xs);color:var(--color-secondary-label);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin:0}.portal-summary-card-value{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-label);margin:0}.portal-summary-card-detail{font-size:var(--text-base);color:var(--color-secondary-label);margin-top:var(--space-1)}.portal-orders-list{list-style:none;padding:0;margin:0}.portal-order-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-separator)}.portal-order-item:last-child{border-bottom:none}.portal-order-info{flex:1 1}.portal-order-number{color:var(--color-label);font-size:var(--text-lg)}.portal-order-date{font-size:var(--text-base);color:var(--color-secondary-label);margin-top:2px}.portal-order-actions{display:flex;align-items:center;gap:var(--space-3)}.portal-empty-state{text-align:center;padding:var(--space-9) var(--space-6)}.portal-empty-state-icon{width:64px;height:64px;border-radius:50%;background-color:var(--color-fill);color:var(--color-tertiary-label);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.portal-empty-state-title{font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-label);margin-bottom:var(--space-2)}.portal-empty-state-description{font-size:var(--text-md);color:var(--color-secondary-label)}.portal-tracking-timeline{padding:var(--space-4) 0}.portal-tracking-step{display:flex;gap:var(--space-4);position:relative;padding-bottom:var(--space-6)}.portal-tracking-step:last-child{padding-bottom:0}.portal-tracking-step:before{content:"";position:absolute;left:11px;top:28px;width:2px;height:calc(100% - 12px);background:repeating-linear-gradient(180deg,#173f5c 0,#173f5c 4px,transparent 0,transparent 8px)}.portal-tracking-step:last-child:before{display:none}.portal-tracking-step.completed:before{background-color:#173f5c}.portal-tracking-dot{width:24px;height:24px;border-radius:50%;background-color:#e8e8e8;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.portal-tracking-step.completed .portal-tracking-dot{background-color:#173f5c;color:var(--color-surface)}.portal-tracking-step.current .portal-tracking-dot{background-color:#fff;border:2px dashed #173f5c;color:#173f5c}.portal-tracking-content{flex:1 1}.portal-tracking-title{color:var(--color-label);font-size:var(--text-lg)}.portal-tracking-date{font-size:var(--text-base);color:var(--color-secondary-label);margin-top:2px}.portal-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-9)}.portal-loading-spinner{width:32px;height:32px;border:2px solid var(--color-fill);border-top-color:var(--color-primary);border-radius:50%;animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(1turn)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.portal-mobile-menu-btn{display:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}@media (max-width:768px){.portal-sidebar{transform:translateX(-100%);transition:transform .3s var(--ease-out)}.portal-sidebar.open{transform:translateX(0)}.portal-main{margin-left:0}.portal-header{padding:var(--space-3) var(--space-4);margin:var(--space-2) var(--space-2) 0;top:var(--space-2)}.portal-card,.portal-content{padding:var(--space-4)}.portal-login-card{padding:var(--space-7) var(--space-6)}.portal-summary-grid{grid-template-columns:1fr}.portal-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:none;background:none;cursor:pointer;color:var(--color-label)}.portal-mobile-menu-btn svg{width:24px;height:24px;flex-shrink:0}}@media (min-width:769px){.portal-sidebar-overlay{display:none}}.portal-sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.3);z-index:35;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.portal-suggestion-box{background-color:var(--color-warning-fill);border:1px solid #fcd34d;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-top:var(--space-3)}.portal-suggestion-text{font-size:var(--text-md);color:var(--color-warning-label);margin-bottom:var(--space-2)}.portal-suggestion-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;text-decoration:underline}.portal-suggestion-btn:hover{color:var(--color-primary-hover)}.portal-book-appointment-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.portal-book-btn{display:inline-flex;align-items:center;gap:var(--space-2);white-space:nowrap;flex-shrink:0}@media (max-width:540px){.portal-book-appointment-header{flex-direction:column;align-items:stretch}.portal-book-btn{width:100%;justify-content:center;margin-top:var(--space-3)}}