.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:28rem}.form-label{font-size:.95rem;color:var(--gray-700);font-weight:600}.field{position:relative;width:100%}.field-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--gray-500);pointer-events:none;width:1.5rem;height:1.5rem}.field-icon-left{left:.85rem}.field-icon-right{right:.85rem}.field.has-left-icon .input,.field.has-left-icon .select,.field.has-left-icon .textarea{padding-left:2.75rem}.field.has-right-icon .input,.field.has-right-icon .select,.field.has-right-icon .textarea{padding-right:2.75rem}.input,.select,.textarea{width:100%;min-width:0;padding:.95rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--white);color:var(--foreground);transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}.input::placeholder,.textarea::placeholder{color:var(--gray-400)}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(59,130,246,.16)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.8}.textarea{min-height:10rem;resize:vertical}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--foreground) 50%),linear-gradient(135deg,var(--foreground) 50%,transparent 50%);background-position:calc(100% - 1rem),calc(100% - .65rem);background-size:.35rem .35rem,.35rem .35rem;background-repeat:no-repeat;padding-right:2.5rem}.card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-sm)}.card-footer,.card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--foreground)}.card-description{margin:0;color:var(--gray-600)}.card-content{color:var(--foreground);line-height:1.75}.pagination{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pagination__button{padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);color:var(--foreground);cursor:pointer;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.pagination__button:hover:not(:disabled){background:var(--gray-100)}.pagination__button:active:not(:disabled){transform:translateY(1px)}.pagination__button[aria-current=page]{background:var(--primary);border-color:var(--primary);color:var(--white);cursor:default}.pagination__button:disabled{opacity:.6;cursor:not-allowed}.pagination__ellipsis{color:var(--gray-500);padding:.75rem}.form-help{margin:0;color:var(--danger);font-size:.9rem}.button-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-block:1rem 2rem}.button-row__label{min-width:7rem;font-weight:700;text-transform:capitalize;color:var(--gray-700)}.demo-grid{display:grid;gap:2rem}.demo-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-section{display:grid;gap:1rem}.demo-section>*{width:100%}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;font-weight:700;font-size:.8rem;border-radius:var(--radius-sm);background:var(--gray-100);color:var(--gray-800)}.badge-sm{font-size:.7rem;padding:.125rem .4rem}.badge-md{font-size:.8rem}.badge-lg{font-size:.95rem;padding:.35rem .6rem}.badge-green{background:var(--brand-green);color:white}.badge-gold{background:var(--brand-gold);color:white}.badge-navy{background:var(--brand-navy);color:white}.badge-clay{background:var(--brand-clay);color:white}.badge-sky{background:var(--brand-sky);color:white}.badge-red{background:#dc2626;color:white}.badge-cream{background:var(--brand-cream);color:var(--brand-navy)}.badge-outline{background:transparent;box-shadow:inset 0 0 0 1px currentColor}.badge-pill{border-radius:9999px;padding-inline:.6rem}.badge-outline.badge-green{color:var(--brand-green);box-shadow:inset 0 0 0 1px var(--brand-green)}.badge-outline.badge-gold{color:var(--brand-gold);box-shadow:inset 0 0 0 1px var(--brand-gold)}.badge-outline.badge-navy{color:var(--brand-navy);box-shadow:inset 0 0 0 1px var(--brand-navy)}.badge-outline.badge-clay{color:var(--brand-clay);box-shadow:inset 0 0 0 1px var(--brand-clay)}.badge-outline.badge-sky{color:var(--brand-sky);box-shadow:inset 0 0 0 1px var(--brand-sky)}.badge-outline.badge-red{color:#dc2626;box-shadow:inset 0 0 0 1px #dc2626}.badge-outline.badge-cream{color:var(--brand-navy);box-shadow:inset 0 0 0 1px var(--brand-navy)}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--gray-100),var(--gray-200),var(--gray-100));background-size:200% 100%;border-radius:var(--radius-sm);animation:skeleton-shimmer 1.2s linear infinite}.skeleton-circle{border-radius:50%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center;color:var(--gray-700)}.empty-state-icon{color:var(--gray-400);font-size:2.25rem}.empty-state-title{margin:0;font-size:1.25rem;font-weight:700}.empty-state-desc{margin:0;color:var(--gray-600)}.empty-state-action{margin-top:.5rem}.dialog-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,15,28,.5);z-index:60}.dialog-content{width:min(90%,48rem);background:var(--white);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-lg)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dialog-close{background:transparent;border:none;font-size:1.25rem;cursor:pointer}.themed-background{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(239,246,255,.6),rgba(255,255,255,0))}.edition-lockup{display:flex;gap:.5rem;align-items:center}