.account-menu{position:relative}.account-menu__dot{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:var(--xg);border:2px solid var(--panel);opacity:0;transition:opacity 0.2s var(--ease)}.account-menu__dot.is-on{opacity:1}.account-menu__panel{position:absolute;top:calc(100% + 8px);right:0;width:268px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity 0.2s var(--ease),transform 0.2s var(--ease),visibility 0.2s;z-index:5}.account-menu.is-open .account-menu__panel{opacity:1;visibility:visible;transform:none}.account-menu__head{display:flex;align-items:center;gap:.7rem;padding:1.05rem 1.15rem;border-bottom:1px solid var(--line)}.account-menu__avatar{width:38px;height:38px;display:grid;place-items:center;background:var(--xg);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:-.02em;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);flex-shrink:0}.account-menu__name{font-weight:700;font-size:.95rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.account-menu__mail{font-size:.78rem;color:var(--text-4);margin-top:3px;word-break:break-word;line-height:1.35}.account-menu__links{padding:.35rem}.account-menu__links a{display:flex;align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.88rem;font-weight:500}.account-menu__links a:hover{background:var(--bg-2);color:var(--xg)}.account-menu__links a::before{content:'';width:6px;height:7px;background:var(--xg);clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);opacity:0;transition:opacity 0.2s var(--ease)}.account-menu__links a:hover::before{opacity:1}.account-menu__actions{padding:.9rem 1.15rem 1.15rem;display:grid;gap:.5rem}.account-menu__logout{display:block;width:100%;text-align:left;padding:.85rem 1.15rem;border:none;border-top:1px solid var(--line);background:none;font-size:.88rem;font-weight:600;color:#b8452f;cursor:pointer;transition:background 0.2s var(--ease)}.account-menu__logout:hover{background:#fbeeeb}@media (max-width:480px){.account-menu__panel{width:min(280px, calc(100vw - 2rem));right:-.5rem}}.page-head{background:var(--ink);color:var(--on-dark);padding-block:clamp(2.5rem, 6vw, 4rem);border-bottom:1px solid var(--ink-2)}.page-head__crumbs{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:var(--fs-mono);letter-spacing:.1em;color:var(--on-dark-4);text-transform:uppercase;margin-bottom:1rem;flex-wrap:wrap}.page-head__crumbs a{color:var(--on-dark-4)}.page-head__crumbs a:hover{color:var(--xg-bright)}.page-head__title{font-size:clamp(2rem, 5vw, 3.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.02}.page-head__sub{margin-top:.85rem;color:var(--on-dark-3);font-size:var(--fs-lead);max-width:34rem}.account{display:grid;grid-template-columns:264px 1fr;gap:clamp(1.5rem, 3vw, 2.5rem);align-items:start;padding-block:clamp(2.5rem, 5vw, 4rem)}.account__side{position:sticky;top:calc(var(--header-h) + 20px);border:1px solid var(--line);background:var(--panel)}.account__card{display:flex;align-items:center;gap:.8rem;padding:1.25rem;border-bottom:1px solid var(--line)}.account__avatar{width:44px;height:48px;display:grid;place-items:center;background:var(--xg);color:#fff;font-weight:800;font-size:1rem;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);flex-shrink:0}.account__who{min-width:0}.account__name{font-weight:700;font-size:1rem;line-height:1.2}.account__mail{font-size:.76rem;color:var(--text-4);margin-top:3px;word-break:break-word}.account__nav{padding:.4rem}.account__nav a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem .85rem;font-size:.9rem;font-weight:500;border-left:2px solid #fff0}.account__nav a:hover{background:var(--bg-2)}.account__nav a.is-active{background:var(--xg-soft);border-left-color:var(--xg);color:var(--xg-deep);font-weight:700}.account__nav-badge{font-family:var(--mono);font-size:var(--fs-mono-sm);color:var(--text-4)}.account__logout{display:block;width:100%;padding:.9rem 1.25rem;border:none;border-top:1px solid var(--line);background:none;text-align:left;font-size:.88rem;font-weight:600;color:#b8452f;cursor:pointer}.account__logout:hover{background:#fbeeeb}.account__main{min-width:0;display:grid;gap:var(--gap)}@media (max-width:900px){.account{grid-template-columns:1fr}.account__side{position:static}.account__nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.account__nav a{border-left:none;border-bottom:2px solid #fff0}.account__nav a.is-active{border-left:none;border-bottom-color:var(--xg)}}.panel{border:1px solid var(--line);background:var(--panel)}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.15rem 1.4rem;border-bottom:1px solid var(--line)}.panel__title{font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.panel__hint{font-size:.8rem;color:var(--text-4);margin-top:3px}.panel__body{padding:1.4rem}.panel__body--flush{padding:0}.panel__foot{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap;padding:1.1rem 1.4rem;border-top:1px solid var(--line);background:var(--bg)}.greet{border:1px solid var(--line);background:var(--panel);padding:clamp(1.4rem, 3vw, 2rem)}.greet__hi{font-size:clamp(1.3rem, 3vw, 1.75rem);font-weight:800;letter-spacing:-.03em}.greet__text{margin-top:.6rem;color:var(--text-2);font-size:.95rem;line-height:1.6;max-width:44rem}.greet__text a{color:var(--xg);font-weight:600;border-bottom:1px solid currentColor}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap)}.stat{border:1px solid var(--line);background:var(--panel);padding:1.25rem 1.35rem}.stat__label{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;color:var(--text-4);text-transform:uppercase}.stat__value{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;margin-top:.5rem;font-variant-numeric:tabular-nums}.stat__note{font-size:.78rem;color:var(--text-3);margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--gap)}.quick{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid var(--line);background:var(--panel);padding:1.1rem 1.2rem;font-weight:600;font-size:.92rem;transition:border-color 0.2s var(--ease),transform 0.2s var(--ease)}.quick:hover{border-color:var(--xg);transform:translateY(-2px)}.quick span:last-child{color:var(--xg)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}.table th{text-align:left;font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-4);font-weight:500;padding:.9rem 1.4rem;border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap}.table td{padding:1rem 1.4rem;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg)}.table__id{font-family:var(--mono);font-size:.82rem;font-weight:500}.table__amount{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.table__actions{text-align:right;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;text-transform:uppercase;padding:.32rem .6rem;border:1px solid currentColor;white-space:nowrap}.status::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status--completado{color:#2f7a3c}.status--procesando{color:#9a6a10}.status--pendiente{color:#8a8d86}.status--cancelado{color:#b8452f}.empty{display:grid;place-items:center;gap:.9rem;text-align:center;padding:clamp(2.5rem, 6vw, 4rem) 1.5rem;color:var(--text-3)}.empty__icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);color:var(--line-strong)}.empty__icon svg{width:26px;height:26px}.empty__title{font-weight:700;font-size:1.05rem;color:var(--text)}.empty__text{font-size:.9rem;max-width:26rem;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.1rem}.field{display:grid;gap:.4rem}.field--wide{grid-column:1 / -1}.field label{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.field label .req{color:var(--xg)}.field input,.field select,.field textarea{width:100%;padding:.72rem .85rem;border:1px solid var(--line);background:var(--bg);font:inherit;font-size:.92rem;color:var(--text);transition:border-color 0.2s var(--ease),background 0.2s var(--ease)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--xg);background:var(--panel)}.field input:disabled{color:var(--text-4);cursor:not-allowed}.field__hint{font-size:.76rem;color:var(--text-4);line-height:1.45}.field-error{font-size:.78rem;color:#b8452f}.check{display:flex;align-items:flex-start;gap:.7rem;padding:.9rem 0;border-bottom:1px solid var(--line);cursor:pointer}.check:last-of-type{border-bottom:none}.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--xg);flex-shrink:0;cursor:pointer}.check__title{font-weight:600;font-size:.92rem}.check__text{font-size:.8rem;color:var(--text-3);margin-top:2px;line-height:1.45}.notice{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;border:1px solid var(--line);background:var(--bg);font-size:.85rem;line-height:1.5}.notice--ok{border-color:#b6d8bc;background:#eef7ef;color:#235c2d}.notice--error{border-color:#e3b9b0;background:#fbeeeb;color:#8c3221}.notice--info{border-color:#c9d7e3;background:#eef3f8;color:#2b4a63}.auth{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:560px;border:1px solid var(--line);background:var(--panel);margin-block:clamp(2.5rem, 5vw, 4rem)}.auth__aside{position:relative;background:var(--ink);color:var(--on-dark);padding:clamp(2rem, 4vw, 3rem);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.auth__aside-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28}.auth__aside>*{position:relative;z-index:1}.auth__aside-title{font-size:clamp(1.7rem, 3.5vw, 2.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;margin-top:1rem}.auth__aside-text{color:var(--on-dark-3);font-size:.95rem;line-height:1.6;margin-top:1rem}.auth__perks{border-top:1px solid var(--ink-2);margin-top:2rem}.auth__perks li{display:flex;align-items:baseline;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--ink-2);font-size:.9rem;color:var(--on-dark-2)}.auth__form{padding:clamp(1.75rem, 4vw, 3rem);display:flex;flex-direction:column;justify-content:center}.auth__title{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:800;letter-spacing:-.03em}.auth__sub{color:var(--text-3);font-size:.92rem;margin-top:.5rem;line-height:1.55}.auth__fields{display:grid;gap:1rem;margin-top:1.75rem}.auth__row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}.auth__row label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--text-2)}.auth__row input[type='checkbox']{accent-color:var(--xg);width:16px;height:16px}.auth__row a{color:var(--xg);font-weight:600}.auth__foot{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line);font-size:.88rem;color:var(--text-3);text-align:center}.auth__foot a{color:var(--xg);font-weight:700}.demo-hint{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.25rem;padding:.85rem 1rem;border:1px dashed var(--line-strong);background:var(--bg);font-size:.8rem;line-height:1.5;color:var(--text-3)}.demo-hint code{font-family:var(--mono);font-size:.78rem;background:var(--panel);border:1px solid var(--line);padding:1px 5px}@media (max-width:860px){.auth{grid-template-columns:1fr;min-height:0}.auth__aside{order:2}.auth__perks{display:none}}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;padding:1.4rem;border-bottom:1px solid var(--line);background:var(--bg)}.order-meta__label{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-4)}.order-meta__value{font-weight:600;font-size:.92rem;margin-top:.35rem}.order-line{display:grid;grid-template-columns:58px 1fr auto;gap:1rem;align-items:center;padding:1.1rem 1.4rem;border-bottom:1px solid var(--line)}.order-line:last-child{border-bottom:none}.order-line__img{width:58px;height:58px;object-fit:contain;border:1px solid var(--line);background:#fff}.order-line__name{font-weight:600;font-size:.92rem;line-height:1.35}.order-line__sku{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.08em;color:var(--text-4);margin-top:3px}.order-line__amount{text-align:right;font-variant-numeric:tabular-nums}.order-line__qty{font-size:.78rem;color:var(--text-3)}.order-line__total{font-weight:700;font-size:.95rem;margin-top:2px}.order-totals{padding:1.25rem 1.4rem;display:grid;gap:.6rem;background:var(--bg)}.order-totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.9rem}.order-totals__row--grand{font-size:1.15rem;font-weight:800;letter-spacing:-.02em;padding-top:.6rem;border-top:1px solid var(--line)}.order-totals__label{font-family:var(--mono);font-size:var(--fs-mono-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.address-card{border:1px solid var(--line);background:var(--panel);padding:1.4rem}.address-card__title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-weight:700;font-size:1rem;margin-bottom:.9rem}.address-card__body{font-size:.9rem;line-height:1.65;color:var(--text-2)}.address-card__body strong{color:var(--text);font-weight:600}.address-card__empty{font-size:.88rem;color:var(--text-4);font-style:italic}@media (max-width:640px){.address-grid{grid-template-columns:1fr}.order-line{grid-template-columns:46px 1fr}.order-line__amount{grid-column:2;text-align:left}.order-line__img{width:46px;height:46px}}