.portal-page{min-height:calc(100vh - 200px);background:linear-gradient(180deg,var(--color-white-100) 0%,var(--color-cream-30) 50%,var(--color-white-100) 100%);padding:4rem 1rem}.portal-container{max-width:1000px;margin:0 auto}.portal-header{margin-bottom:3rem}.portal-header-content{display:flex;justify-content:center;align-items:center}.portal-title-group{text-align:center}.portal-title{font-family:var(--font-display);font-size:3rem;font-weight:300;color:var(--color-charcoal);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.5rem;line-height:1.2}.portal-subtitle{font-family:var(--font-body);font-size:1.125rem;color:var(--color-charcoal-60);margin:0}.tab-navigation{display:flex;gap:0;background:var(--color-white-100);border:1px solid var(--color-gold-20);border-bottom:none;border-radius:8px 8px 0 0;overflow:hidden}.tab-button{flex:1;padding:1.25rem 2rem;background:var(--color-cream-30);border:none;border-right:1px solid var(--color-gold-20);font-family:var(--font-display-serif);font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--color-charcoal-60);cursor:pointer;transition:all .3s ease;position:relative}.tab-button:last-child{border-right:none}.tab-button:hover{background:var(--color-gold-05);color:var(--color-gold)}.tab-button.active{background:var(--color-white-100);color:var(--color-gold);border-bottom:3px solid var(--color-gold)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--color-white-100)}.tab-content-wrapper{background:var(--color-white-100);border:1px solid var(--color-gold-20);border-top:none;border-radius:0 0 8px 8px}.tab-content{display:none;padding:3rem}.tab-content.active{display:block}.account-card,.books-card{max-width:700px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-charcoal);letter-spacing:.02em;text-transform:uppercase;margin-bottom:2rem;text-align:center}.account-form{width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.form-field{margin-bottom:1.5rem}.field-label{display:block;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;color:var(--color-black-80);margin-bottom:.5rem}.required{color:var(--color-error)}.field-select{width:100%;padding:.875rem 1rem;border:1px solid var(--color-gold-20);border-radius:4px;background:var(--color-white-100);font-family:var(--font-body);font-size:1rem;color:var(--color-charcoal);cursor:pointer;transition:all .2s ease}.field-select:focus{outline:none;border-color:var(--color-gold);box-shadow:0 0 0 3px var(--color-gold-10)}.date-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.form-actions{margin-top:2rem;display:flex;justify-content:center}.email-display{width:100%;padding:.875rem 1rem;border:1px solid var(--color-gold-20);border-radius:4px;background:var(--color-cream-10);font-family:var(--font-body);font-size:1rem;color:var(--color-charcoal);cursor:not-allowed;user-select:none}.field-hint{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-black-60);margin:.5rem 0 0;font-style:italic}.orders-list{display:flex;flex-direction:column;gap:2rem}.order-card{padding:2.5rem;background:var(--color-white-100);border:2px solid var(--color-gold-20);border-radius:12px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}.order-card:hover{border-color:var(--color-gold-40);box-shadow:0 6px 24px #0000001a}.order-header{margin-bottom:2.5rem;text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gold-10)}.order-collection{font-family:var(--font-display);font-size:2rem;font-weight:300;color:var(--color-gold);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;line-height:1.2}.order-meta-row{display:flex;align-items:center;justify-content:center;gap:1rem;font-family:var(--font-body);font-size:.9375rem;color:var(--color-charcoal-60)}.order-number{font-weight:500;color:var(--color-charcoal)}.order-divider{color:var(--color-gold-40)}.order-date{font-weight:400}.order-timeline{margin-top:2rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:0}.timeline-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.step-marker{position:relative;flex-shrink:0;z-index:10}.marker-content{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #D4C4B0;position:relative;transition:all .3s ease;z-index:2}.status-completed .marker-content{background:#9b7e6e;border-color:#9b7e6e;color:#fff}.status-active .marker-content{background:#fff;border-color:#8b6f5e;border-width:2px}.status-upcoming .marker-content{background:#f5f0e8;border-color:#e8dfd0}.step-number{font-family:var(--font-elegant);font-size:20px;color:#a89585;font-weight:600}.status-completed .step-number{color:#fff}.status-active .step-number{color:#8b6f5e}.check-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#9b7e6e;border-radius:50%;color:#fff}.step-connector-horizontal{position:absolute;top:30px;left:calc(50% + 30px);width:calc(100% - 60px);height:2px;background:#e8dfd0;z-index:1}.status-completed .step-connector-horizontal{background:#9b7e6e}.status-active .step-connector-horizontal{background:linear-gradient(90deg,#9b7e6e,#e8dfd0)}.timeline-step:last-child .step-connector-horizontal{display:none}.step-connector{display:none}.step-content{padding-top:16px;max-width:200px;flex:1 1 auto}.step-title{font-family:var(--font-body);font-size:16px;color:#6b5d52;margin:0;font-weight:500}.status-upcoming .step-title{color:#b5a599}.status-active .step-title{color:#8b6f5e;font-weight:600}.timeline-step:hover .marker-content{transform:scale(1.05)}.status-upcoming:hover .marker-content{opacity:.9;border-color:#c9baaa}.loading-state{text-align:center;padding:4rem 2rem}.loading-state p{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-black-60);margin:0}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{font-family:var(--font-primary);font-size:var(--font-size-lg);color:var(--color-black-60);margin-bottom:2rem}.footer-desktop{display:block}.footer-mobile{display:none}@media (max-width: 768px){.footer-desktop{display:none}.footer-mobile{display:block}}@media (max-width: 768px){.portal-page{padding:2rem 1rem}.portal-title{font-size:2rem}.tab-content{padding:2rem 1.5rem}.tab-button{padding:1rem 1.5rem;font-size:var(--font-size-base)}.form-row{grid-template-columns:1fr;gap:0}.order-collection{font-size:1.5rem}.order-meta-row{flex-direction:column;gap:.5rem}.order-divider{display:none}.order-timeline{flex-direction:column;gap:0}.timeline-step{flex-direction:row;text-align:left;align-items:flex-start;margin-bottom:36px;gap:16px}.timeline-step:last-child{margin-bottom:0}.marker-content{width:48px;height:48px}.step-number{font-size:16px}.step-connector-horizontal{display:none}.step-connector{display:block;position:absolute;left:23px;top:48px;bottom:-36px;width:2px;background:#e8dfd0;z-index:1}.status-completed .step-connector{background:#9b7e6e}.status-active .step-connector{background:linear-gradient(180deg,#9b7e6e,#e8dfd0)}.timeline-step:last-child .step-connector{display:none}.step-content{max-width:none;padding-top:8px;flex:1}.step-title{font-size:15px}}@media (max-width: 480px){.marker-content{width:40px;height:40px}.step-number{font-size:14px}.step-connector{left:19px;top:40px;bottom:-36px;width:1px}.step-title{font-size:14px}}@media (max-width: 480px){.portal-page{padding:1rem}.portal-header{margin-bottom:2rem}.portal-title{font-size:var(--font-size-3xl)}.tab-content{padding:1.5rem 1rem}.order-card{padding:1.5rem}.date-selects{grid-template-columns:1fr}.step-label{display:none}}