.avatar-frame-ring[data-v-f193e405]{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;pointer-events:none;z-index:2}.avatar-frame-ring--gradient[data-v-f193e405]{background:var(--ring-gradient, conic-gradient(#888, #aaa));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))}.avatar-frame-ring--rotate[data-v-f193e405]{animation:avatar-frame-ring-rotate-f193e405 var(--ring-rotate-duration, 4s) linear infinite}.avatar-frame-ring--pulse[data-v-f193e405]{animation:avatar-frame-ring-pulse-f193e405 var(--ring-pulse-duration, 2s) ease-in-out infinite}.avatar-frame-ring--gradient.avatar-frame-ring--rotate.avatar-frame-ring--pulse[data-v-f193e405]{animation:avatar-frame-ring-rotate-f193e405 var(--ring-rotate-duration, 4s) linear infinite,avatar-frame-ring-pulse-f193e405 var(--ring-pulse-duration, 2s) ease-in-out infinite}.avatar-frame-ring--paused[data-v-f193e405]{animation-play-state:paused!important}@keyframes avatar-frame-ring-rotate-f193e405{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes avatar-frame-ring-pulse-f193e405{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.75;filter:brightness(1.3)}}.avatar-frame-glow[data-v-4d6dc21e]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;pointer-events:none;z-index:1}.avatar-frame-glow--pulse[data-v-4d6dc21e]{animation:avatar-frame-glow-pulse-4d6dc21e var(--glow-pulse-duration, 2s) ease-in-out infinite}.avatar-frame-glow--paused[data-v-4d6dc21e]{animation-play-state:paused!important}@keyframes avatar-frame-glow-pulse-4d6dc21e{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.avatar-frame-canvas[data-v-ede6b3dc]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;width:140%;height:140%}.avatar-frame-specials{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4}.avatar-frame-special--crystal-segments{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;animation:avatar-frame-crystal-rotate 8s linear infinite}.avatar-frame-special--crystal-segments.avatar-frame-special--paused{animation-play-state:paused}.avatar-frame-crystal-segment{position:absolute;top:50%;left:50%;width:4px;height:8px;margin:-4px 0 0 -2px;border-radius:1px;transform:rotate(calc(360deg / var(--segment-count) * var(--segment-index))) translateY(calc(-50% - 4px));opacity:.85}@keyframes avatar-frame-crystal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-frame-special--lightning-flash{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;opacity:0;box-shadow:0 0 20px 4px #96c8ffe6;pointer-events:none}.avatar-frame-lightning-flash--active{opacity:1;transition:opacity .05s ease-out}.avatar-frame-special--orbit{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;animation:avatar-frame-orbit-spin 6s linear infinite}.avatar-frame-special--orbit.avatar-frame-special--paused{animation-play-state:paused}.avatar-frame-orbit-dot{position:absolute;top:50%;left:50%;width:3px;height:3px;margin:-1.5px;border-radius:50%;transform:rotate(calc(360deg / var(--orbit-count) * var(--orbit-index))) translateY(-130%);opacity:.9}@keyframes avatar-frame-orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-frame-special--star-crown{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;animation:avatar-frame-star-crown-spin 20s linear infinite}.avatar-frame-special--star-crown.avatar-frame-special--paused{animation-play-state:paused}.avatar-frame-star{position:absolute;top:50%;left:50%;font-size:8px;line-height:1;margin:-4px 0 0 -4px;transform:rotate(calc(360deg / var(--star-count) * var(--star-index))) translateY(-145%);opacity:.9;text-shadow:0 0 4px currentColor}@keyframes avatar-frame-star-crown-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-frame-special--runes{display:none}.avatar-frame-renderer[data-v-bf952b4c]{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.avatar-frame-renderer__avatar[data-v-bf952b4c]{position:relative;z-index:5;width:100%;height:100%;border-radius:50%;overflow:hidden}.avatar-frame-renderer--sm .avatar-frame-renderer__avatar[data-v-bf952b4c] .avatar-display__initial{font-size:.9rem}.avatar-frame-renderer--md .avatar-frame-renderer__avatar[data-v-bf952b4c] .avatar-display__initial{font-size:1.2rem}.avatar-frame-renderer--lg .avatar-frame-renderer__avatar[data-v-bf952b4c] .avatar-display__initial{font-size:1.8rem}.avatar-frame-renderer--xl .avatar-frame-renderer__avatar[data-v-bf952b4c] .avatar-display__initial{font-size:2.2rem}.avatar-frame-renderer__avatar[data-v-bf952b4c] .avatar-display__inner{width:100%!important;height:100%!important;font-size:inherit}.avatar-display[data-v-f22af1e3]{position:relative;flex-shrink:0}.avatar-display--sm .avatar-display__inner[data-v-f22af1e3]{width:36px;height:36px;font-size:.9rem}.avatar-display--md .avatar-display__inner[data-v-f22af1e3]{width:52px;height:52px;font-size:1.2rem}.avatar-display--lg .avatar-display__inner[data-v-f22af1e3]{width:80px;height:80px;font-size:1.8rem}.avatar-display--xl .avatar-display__inner[data-v-f22af1e3]{width:100px;height:100px;font-size:2.2rem}.avatar-display__inner[data-v-f22af1e3]{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;overflow:hidden;border:2px solid var(--surface2);width:100%;height:100%}.avatar-display__frame[data-v-f22af1e3]{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:3px solid var(--muted);pointer-events:none}.avatar-display--has-frame .avatar-display__frame[data-v-f22af1e3]{border-width:3px}.rarity-common .avatar-display__frame[data-v-f22af1e3],.rarity-common.avatar-display--has-frame[data-v-f22af1e3]{border-color:#95a5a6}.rarity-rare .avatar-display__frame[data-v-f22af1e3],.rarity-rare.avatar-display--has-frame[data-v-f22af1e3]{border-color:#3498db}.rarity-epic .avatar-display__frame[data-v-f22af1e3],.rarity-epic.avatar-display--has-frame[data-v-f22af1e3]{border-color:#9b59b6}.rarity-legendary .avatar-display__frame[data-v-f22af1e3],.rarity-legendary.avatar-display--has-frame[data-v-f22af1e3]{border-color:#f1c40f}.header-profile[data-v-03b1f16c]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.header-profile__name[data-v-03b1f16c]{display:flex;flex-direction:column;font-size:.85rem;line-height:1.2}.header-profile__title[data-v-03b1f16c]{font-size:.7rem;font-weight:600}.rarity-common[data-v-03b1f16c]{color:#95a5a6}.rarity-rare[data-v-03b1f16c]{color:#3498db}.rarity-epic[data-v-03b1f16c]{color:#9b59b6}.rarity-legendary[data-v-03b1f16c]{color:var(--gold)}.card-renderer{--card-border-color: var(--surface2);--card-accent: var(--accent);--card-glow: none;position:relative;width:var(--card-width, 120px);aspect-ratio:2.5 / 3.5;background:linear-gradient(160deg,var(--surface2) 0%,var(--surface) 55%,var(--bg) 100%);border:2px solid var(--card-border-color);border-radius:10px;padding:var(--card-padding, .4rem);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--card-glow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;container-type:inline-size}.card-renderer--hoverable{cursor:pointer}.card-renderer--hoverable:hover{transform:scale(1.04);box-shadow:var(--card-glow),0 8px 20px #00000059}.card-renderer--interactive{cursor:pointer}.card-renderer--selected{border-color:var(--accent);box-shadow:0 0 12px #4a9eff73}.card-renderer--can-attack{border-color:var(--success)}.card-renderer--is-target{border-color:var(--danger);cursor:pointer}.card-renderer--missing{opacity:.55}.card-renderer--unplayable{opacity:.45;filter:grayscale(.35);cursor:not-allowed}.card-renderer--unplayable.card-renderer--hoverable:hover{transform:none;box-shadow:var(--card-glow)}.card-renderer--face-down{background:linear-gradient(135deg,#1a2744,#0f1419,#1a2332);border-color:#3d5a80}.card-renderer--face-down .card-renderer__front{visibility:hidden;pointer-events:none}.card-renderer__back{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(74,158,255,.08) 0,rgba(74,158,255,.08) 4px,transparent 4px,transparent 8px);border-radius:8px}.card-renderer--face-down .card-renderer__back{display:flex}.card-renderer__back-emblem{width:40%;aspect-ratio:1;border:2px solid rgba(74,158,255,.5);border-radius:50%;background:radial-gradient(circle,rgba(74,158,255,.2) 0%,transparent 70%)}.card-renderer__front{flex:1;display:flex;flex-direction:column;min-height:0}.card-renderer--anim-idle,.card-renderer--anim-summon,.card-renderer--anim-attack,.card-renderer--anim-damage,.card-renderer--anim-heal,.card-renderer--anim-destroy,.card-renderer--anim-reveal,.card-renderer--anim-highlight{will-change:transform,opacity}.card-renderer--anim-reveal{animation:card-reveal-flip .6s ease forwards}.card-renderer--anim-summon{animation:card-summon-in .5s ease forwards}.card-renderer--anim-attack{animation:card-attack-lunge .4s ease}.card-renderer--anim-damage{animation:card-damage-flash .25s ease}.card-renderer--anim-heal{animation:card-heal-glow .3s ease}.card-renderer--anim-destroy{animation:card-death-out .5s ease forwards}.card-renderer--anim-highlight{animation:card-wishlist-highlight .8s ease forwards}.card-renderer--wishlisted{--card-glow: 0 0 14px rgba(245, 158, 11, .65);box-shadow:var(--card-glow)}@keyframes card-wishlist-highlight{0%{transform:scale(.95);box-shadow:0 0 #f59e0b00}40%{transform:scale(1.05);box-shadow:0 0 20px #f59e0bcc}to{transform:scale(1);box-shadow:0 0 14px #f59e0b80}}@keyframes card-reveal-flip{0%{transform:rotateY(90deg) scale(.95);opacity:.3}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes card-summon-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes card-attack-lunge{0%{transform:translate(0)}40%{transform:translate(12px) scale(1.04)}to{transform:translate(0)}}@keyframes card-damage-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.6)}}@keyframes card-heal-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) hue-rotate(60deg)}}@keyframes card-death-out{0%{opacity:1;transform:scale(1);filter:grayscale(0)}to{opacity:0;transform:scale(.85);filter:grayscale(1)}}.card-art{flex:0 0 38%;min-height:0;border-radius:6px;overflow:hidden;margin-bottom:.25rem;background:var(--card-accent, var(--surface2));position:relative}.card-art__img{width:100%;height:100%;object-fit:cover;display:block}.card-art__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.9rem,8cqi,1.4rem);color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.4)}.card-stats{flex-shrink:0}.card-stats__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.2rem;margin-bottom:.2rem}.card-stats__name{font-size:var(--card-name-size, .7rem);font-weight:700;line-height:1.15;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1}.card-stats__mana{flex-shrink:0;width:1.4em;height:1.4em;border-radius:50%;background:#2563eb;color:#fff;font-size:var(--card-mana-size, .7rem);font-weight:700;display:flex;align-items:center;justify-content:center}.card-stats__meta{display:flex;flex-wrap:wrap;gap:.15rem;margin-bottom:.2rem;opacity:var(--card-show-faction, 1)}.card-stats__faction{font-size:.55rem;padding:1px 4px;border-radius:3px;border:1px solid;opacity:calc(var(--card-show-faction, 1))}.card-stats__rarity{font-size:.55rem;padding:1px 4px;border-radius:3px;background:#00000040}.card-stats__numbers{display:flex;justify-content:space-between;font-weight:700;font-size:var(--card-stat-size, .9rem)}.card-stats__atk{color:var(--danger)}.card-stats__hp{color:var(--success)}.card-stats__arm{color:var(--accent)}.card-stats__numbers--labeled{font-size:calc(var(--card-stat-size, .9rem) * .9)}.card-stats__numbers--labeled>span{display:flex;flex-direction:column;align-items:center;line-height:1.1}.card-stats__label{font-size:.5rem;font-weight:600;opacity:.75;text-transform:uppercase;letter-spacing:.02em}.card-ability{flex:1;min-height:0;margin-top:.2rem;font-size:.55rem;line-height:1.25;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--card-ability-lines, 2)}.card-ability--hidden{display:none}.card-flavor{font-size:.5rem;font-style:italic;color:var(--muted);margin-top:.15rem;opacity:var(--card-show-flavor, 0);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-status-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.card-status-badge{position:absolute;font-size:.55rem;font-weight:700;padding:1px 4px;border-radius:3px;background:#000000bf;color:#fff}.card-status-badge.status-ready{bottom:4px;right:4px;background:var(--success)}.card-status-badge.status-guardian{top:-4px;right:-4px;background:var(--guardian)}.card-status-badge.status-shield{top:4px;left:4px}.card-status-badge.status-new{top:4px;right:4px;background:var(--gold);color:#000}.card-status-badge.status-wishlisted{top:4px;left:4px;background:#f59e0bf2;color:#000;font-size:.65rem}.card-status-badge.status-selected{top:0;right:0;bottom:0;left:0;border:2px solid var(--accent);border-radius:8px;background:transparent;padding:0}.card-status-badge.status-missing{top:50%;left:50%;transform:translate(-50%,-50%);font-size:.7rem}.card-renderer[data-size=battle] .card-art{flex:0 0 30%}.card-renderer[data-size=hand] .card-art{flex:0 0 24%}.card-renderer[data-size=hand] .card-ability{font-size:.48rem;margin-top:.1rem;line-height:1.15}.card-renderer[data-size=battle] .card-ability{font-size:.5rem;margin-top:.15rem}@media (max-width: 480px){.card-renderer[data-size=battle]{--card-width: 95px}}@media (max-width: 768px){.card-renderer[data-size=detail]{--card-width: min(280px, 85vw)}}.card-renderer__field-badge[data-v-fb00a99e]{position:absolute;top:6px;left:6px;z-index:3;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:#0f172abf;color:#e2e8f0}.pack-renderer{--pack-accent: #4a9eff;--pack-glow: none;--pack-foil: linear-gradient(145deg, rgba(74, 158, 255, .25), rgba(30, 58, 95, .6));position:relative;width:var(--pack-width, 160px);aspect-ratio:.62 / 1;background:linear-gradient(165deg,var(--surface2) 0%,var(--surface) 50%,var(--bg) 100%);border:2px solid var(--pack-accent);border-radius:12px;padding:var(--pack-padding, .5rem);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--pack-glow);transition:transform .15s ease,box-shadow .15s ease;container-type:inline-size}.pack-renderer--hoverable{cursor:pointer}.pack-renderer--hoverable:hover{transform:scale(1.04);box-shadow:var(--pack-glow),0 8px 24px #0006}.pack-renderer--theme-premium{border-width:3px}.pack-renderer--anim-idle,.pack-renderer--anim-shake,.pack-renderer--anim-burst{will-change:transform,opacity}.pack-renderer--anim-shake{animation:pack-shake .8s ease-in-out}.pack-renderer--anim-burst{animation:pack-burst .6s ease-out forwards}@keyframes pack-shake{0%,to{transform:rotate(0) scale(1)}10%{transform:rotate(-3deg) scale(1.02)}20%{transform:rotate(3deg) scale(1.02)}30%{transform:rotate(-4deg) scale(1.03)}40%{transform:rotate(4deg) scale(1.03)}50%{transform:rotate(-3deg) scale(1.02)}60%{transform:rotate(3deg) scale(1.02)}70%{transform:rotate(-2deg) scale(1.01)}80%{transform:rotate(2deg) scale(1.01)}90%{transform:rotate(-1deg) scale(1)}}@keyframes pack-burst{0%{transform:scale(1);opacity:1;box-shadow:var(--pack-glow)}40%{transform:scale(1.15);opacity:1;box-shadow:var(--pack-glow),0 0 40px var(--pack-accent)}to{transform:scale(1.4);opacity:0;box-shadow:0 0 60px var(--pack-accent)}}.pack-art{flex:1;min-height:0;border-radius:8px;overflow:hidden;position:relative;background:var(--pack-foil)}.pack-art__img{width:100%;height:100%;object-fit:cover;display:block}.pack-art__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.pack-art__foil{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 3px,transparent 3px,transparent 8px)}.pack-art__emblem{width:42%;aspect-ratio:1;border:2px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);box-shadow:inset 0 0 12px #0000004d;z-index:1}.pack-art--premium .pack-art__emblem{border-color:#d4a52099;background:radial-gradient(circle,rgba(212,165,32,.25) 0%,transparent 70%)}.pack-info{flex:0 0 auto;margin-top:.45rem;text-align:center}.pack-info__name{font-size:var(--pack-name-size, .75rem);font-weight:700;color:var(--pack-accent);margin:0 0 .2rem;line-height:1.2}.pack-info__cost{font-size:var(--pack-cost-size, .85rem);font-weight:700;color:var(--gold);margin:0 0 .15rem}.pack-info__detail{font-size:var(--pack-detail-size, .7rem);color:var(--muted);margin:0 0 .35rem}.pack-info__weights{display:flex;flex-direction:column;gap:.2rem;margin-top:.25rem}.pack-info__weight-row{display:grid;grid-template-columns:3.5em 1fr 2em;align-items:center;gap:.25rem;font-size:.55rem}.pack-info__weight-label{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pack-info__weight-bar-track{height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.pack-info__weight-bar-fill{height:100%;border-radius:2px;min-width:2px}.pack-info__weight-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.reveal-overlay[data-v-6079f5a0]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.reveal-modal[data-v-6079f5a0]{position:relative;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;padding:1.5rem;text-align:center}.close-btn[data-v-6079f5a0]{position:absolute;top:.75rem;right:.75rem;background:var(--surface2);border:none;color:var(--text);width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:.9rem}.pack-reveal-stage[data-v-6079f5a0]{display:flex;justify-content:center;padding:1rem 0}.reveal-grid[data-v-6079f5a0]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem;justify-content:center}.reveal-actions[data-v-6079f5a0]{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1rem}.btn-secondary[data-v-6079f5a0]{background:var(--surface2);color:var(--text);border:1px solid var(--surface2)}.btn-secondary[data-v-6079f5a0]:hover{filter:brightness(1.1)}:root{--bg: #0f1419;--surface: #1a2332;--surface2: #243044;--text: #e8ecf1;--muted: #8b9cb3;--accent: #4a9eff;--danger: #e74c3c;--success: #2ecc71;--gold: #f1c40f;--guardian: #e67e22;--faction-menschen: #3498db;--faction-untote: #9b59b6;--faction-natur: #27ae60;--faction-maschinen: #95a5a6}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#layout{min-height:100vh;display:flex;flex-direction:column}#layout.layout--battle-v2{min-height:0;height:100%;overflow:hidden}#layout.layout--battle-v2 main{flex:1;min-height:0;padding:0;max-width:none;margin:0;overflow:hidden}html.layout--battle-v2,html.layout--battle-v2 body{overflow:hidden;height:100%}header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--surface2);flex-wrap:wrap}header .logo{font-weight:700;font-size:1.2rem;color:var(--accent);text-decoration:none}header .main-nav{display:flex;gap:.25rem;flex:1;align-items:center}header .user{display:flex;align-items:center;gap:1rem;font-size:.9rem;margin-left:auto}header .gold{color:var(--gold)}header .fragments{color:var(--accent)}header .fragments--premium{color:#c4b5fd}.header-restore-btn{display:block;width:100%;padding:.35rem 1.5rem;background:var(--surface);border:none;border-bottom:1px solid var(--surface2);color:var(--muted);font-size:.8rem;cursor:pointer;text-align:center}.header-restore-btn:hover{color:var(--text);background:var(--surface2)}.header-hide-btn{padding:.35rem .55rem;font-size:1rem;line-height:1}.nav-dropdown{position:relative}.nav-dropdown__trigger{display:flex;align-items:center;gap:.25rem;background:none;border:none;color:var(--muted);font-size:.95rem;padding:.5rem .75rem;border-radius:4px;cursor:pointer;min-height:44px;white-space:nowrap}.nav-dropdown__trigger:hover,.nav-dropdown.open .nav-dropdown__trigger{color:var(--text);background:var(--surface2)}.nav-dropdown.active .nav-dropdown__trigger{color:var(--text)}.nav-dropdown__chevron{font-size:.7rem;opacity:.7}.nav-dropdown__menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--surface);border:1px solid var(--surface2);border-radius:6px;padding:.35rem 0;z-index:100;box-shadow:0 8px 24px #00000059}.nav-dropdown__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 1rem;min-height:44px;color:var(--muted);text-decoration:none;font-size:.9rem}.nav-dropdown__item:hover{color:var(--text);background:var(--surface2)}.nav-dropdown__item.router-link-active{color:var(--accent)}.nav-dropdown__item--disabled{opacity:.5;cursor:default}.nav-dropdown__item--action{width:100%;border:none;background:none;cursor:pointer;text-align:left;font:inherit}.nav-dropdown__badge{font-size:.65rem;background:var(--surface2);color:var(--muted);padding:.15rem .4rem;border-radius:3px;white-space:nowrap}@media (max-width: 900px){header{gap:.5rem 1rem}header .main-nav{order:3;flex-basis:100%;flex-wrap:wrap}header .user{margin-left:0}}main{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.btn,button.btn{background:var(--accent);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-size:.95rem}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{background:var(--surface2);color:var(--text);border:1px solid var(--surface2);padding:.35rem .75rem;border-radius:4px;cursor:pointer;font-size:.85rem}.btn-danger{background:var(--danger)}.btn-success{background:var(--success)}.card{background:var(--surface);border:1px solid var(--surface2);border-radius:8px;padding:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.85rem}.form-group input,.form-group select{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--surface2);background:var(--bg);color:var(--text)}.error{color:var(--danger);margin:.5rem 0}.success{color:var(--success)}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}