*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;width:100%;min-height:100vh}.portal-container,.portal-container *,.portal-login-container,.portal-login-container *{font-family:DM Sans,Arial,sans-serif;font-weight:400}.portal-container{display:flex;min-height:100vh;background-color:#f9fafb}.portal-sidebar{width:260px;background-color:#ffffff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:40}.portal-sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb}.portal-sidebar-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.portal-sidebar-logo img{height:32px;width:auto}.portal-sidebar-nav{flex:1 1;padding:16px;overflow-y:auto}.portal-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#6b7280;font-size:.95rem;transition:background-color .15s ease,color .15s ease;margin-bottom:4px}.portal-nav-item:hover{background-color:#f3f4f6;color:#1f2937}.portal-nav-item.active{background-color:#fff7ed;color:#ea580c}.portal-nav-item svg{width:20px;height:20px;flex-shrink:0}.portal-sidebar-footer{padding:16px;border-top:1px solid #e5e7eb}.portal-user-info{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;background-color:#f9fafb}.portal-user-avatar{width:40px;height:40px;border-radius:50%;background-color:#ea580c;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.portal-user-details{flex:1 1;min-width:0}.portal-user-name{color:#1f2937;font-size:.95rem}.portal-user-email,.portal-user-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-user-email{font-size:.8rem;color:#9ca3af}.portal-main{flex:1 1;margin-left:260px;min-height:100vh}.portal-header{background-color:#ffffff;border-bottom:1px solid #e5e7eb;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.portal-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.portal-page-title{font-size:1.5rem;color:#1f2937;margin:0}.portal-content{padding:24px;max-width:1200px;margin:0 auto}.portal-card{background-color:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:24px;margin-bottom:16px}.portal-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.portal-card-title{font-size:1.15rem;color:#1f2937;margin:0}.portal-card-subtitle{font-size:.9rem;color:#9ca3af;margin-top:4px}.portal-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.8rem}.portal-badge-active{background-color:#dcfce7;color:#166534}.portal-badge-paused{background-color:#fef3c7;color:#92400e}.portal-badge-canceled{background-color:#fee2e2;color:#991b1b}.portal-badge-shipped{background-color:#dbeafe;color:#1e40af}.portal-badge-delivered{background-color:#dcfce7;color:#166534}.portal-badge-confirmed{background-color:#e0e7ff;color:#3730a3}.portal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none}.portal-btn-primary{background-color:#ea580c;color:#ffffff}.portal-btn-primary:hover{background-color:#c2410c}.portal-btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.portal-btn-secondary:hover{background-color:#e5e7eb}.portal-btn-outline{background-color:transparent;color:#ea580c;border:1px solid #ea580c}.portal-btn-outline:hover{background-color:#fff7ed}.portal-btn-sm{padding:6px 12px;font-size:.85rem}.portal-btn:disabled{opacity:.6;cursor:not-allowed}.portal-input-group{margin-bottom:20px}.portal-label{display:block;font-size:.9rem;color:#374151;margin-bottom:8px}.portal-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;color:#1f2937;transition:border-color .15s ease,box-shadow .15s ease}.portal-input:focus{outline:none;border-color:#ea580c;box-shadow:0 0 0 3px rgba(234,88,12,.1)}.portal-input::placeholder{color:#9ca3af}.portal-input-error{border-color:#dc2626}.portal-error-message{color:#dc2626;font-size:.85rem;margin-top:6px}.portal-login-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;padding:24px}.portal-login-card{background-color:#ffffff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:48px 40px;width:100%;max-width:440px;margin:0 auto}.portal-login-logo{display:flex;justify-content:center;margin-bottom:32px}.portal-login-logo img{height:48px;width:auto}.portal-login-title{font-size:1.75rem;color:#1f2937;text-align:center;margin-bottom:8px}.portal-login-subtitle{font-size:1rem;color:#9ca3af;text-align:center;margin-bottom:32px}.portal-login-success{text-align:center;padding:24px}.portal-login-success-icon{width:64px;height:64px;border-radius:50%;background-color:#dcfce7;color:#166534;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.portal-login-success-icon svg{width:32px;height:32px}.portal-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.portal-summary-card{background-color:#ffffff;border-radius:12px;border:1px solid #e5e7eb;padding:20px}.portal-summary-card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.portal-summary-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.portal-summary-card-icon.subscription{background-color:#fff7ed;color:#ea580c}.portal-summary-card-icon.order{background-color:#dbeafe;color:#1d4ed8}.portal-summary-card-icon.appointment{background-color:#f3e8ff;color:#7c3aed}.portal-summary-card-icon.messages{background-color:#dcfce7;color:#16a34a}.portal-summary-card-title{font-size:.85rem;color:#9ca3af;margin:0}.portal-summary-card-value{font-size:1.5rem;color:#1f2937;margin:0}.portal-summary-card-detail{font-size:.85rem;color:#9ca3af;margin-top:4px}.portal-orders-list{list-style:none;padding:0;margin:0}.portal-order-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e7eb}.portal-order-item:last-child{border-bottom:none}.portal-order-info{flex:1 1}.portal-order-number{color:#1f2937;font-size:1rem}.portal-order-date{font-size:.85rem;color:#9ca3af;margin-top:2px}.portal-order-actions{display:flex;align-items:center;gap:12px}.portal-empty-state{text-align:center;padding:48px 24px}.portal-empty-state-icon{width:64px;height:64px;border-radius:50%;background-color:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.portal-empty-state-title{font-size:1.15rem;color:#1f2937;margin-bottom:8px}.portal-empty-state-description{font-size:.95rem;color:#9ca3af}.portal-tracking-timeline{padding:16px 0}.portal-tracking-step{display:flex;gap:16px;position:relative;padding-bottom:24px}.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-color:#e5e7eb}.portal-tracking-step:last-child:before{display:none}.portal-tracking-step.completed:before{background-color:#16a34a}.portal-tracking-dot{width:24px;height:24px;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.portal-tracking-step.completed .portal-tracking-dot{background-color:#16a34a;color:#ffffff}.portal-tracking-step.current .portal-tracking-dot{background-color:#ea580c;color:#ffffff}.portal-tracking-content{flex:1 1}.portal-tracking-title{color:#1f2937;font-size:1rem}.portal-tracking-date{font-size:.85rem;color:#9ca3af;margin-top:2px}.portal-loading{display:flex;align-items:center;justify-content:center;padding:48px}.portal-loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#ea580c;border-radius:50%;animation:portal-spin .8s linear infinite}@keyframes portal-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.portal-sidebar{transform:translateX(-100%);transition:transform .3s ease}.portal-sidebar.open{transform:translateX(0)}.portal-main{margin-left:0}.portal-header{padding:12px 16px}.portal-card,.portal-content{padding:16px}.portal-login-card{padding:32px 24px}.portal-summary-grid{grid-template-columns:1fr}.portal-mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;color:#374151}}@media (min-width:769px){.portal-mobile-menu-btn,.portal-sidebar-overlay{display:none}}.portal-sidebar-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:35}.portal-suggestion-box{background-color:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:12px 16px;margin-top:12px}.portal-suggestion-text{font-size:.9rem;color:#92400e;margin-bottom:8px}.portal-suggestion-btn{background:none;border:none;color:#ea580c;cursor:pointer;padding:0;text-decoration:underline}.portal-suggestion-btn:hover{color:#c2410c}