.card{display:flex;flex-direction:column;border-radius:var(--rad-xl);transition:all var(--trans-base)}.card--default,.card--elevated{background:var(--bg-elevated);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card--elevated{box-shadow:var(--shadow-lg)}.card--outlined{background:transparent;border:1px solid var(--border-default)}.card-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-subtle)}.card-hdr__content{flex:1 1;display:flex;flex-direction:column;gap:var(--sp-2)}.card-hdr__title{font-size:var(--txt-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);margin:0;color:var(--txt-primary)}.card-hdr__sub{font-size:var(--txt-sm);line-height:var(--lh-normal);margin:0;color:var(--txt-secondary)}.card-hdr__actions{display:flex;gap:var(--sp-2)}.card-body{padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-5)}.card-footer{padding:var(--sp-5) var(--sp-6);border-top:1px solid var(--border-subtle);display:flex;gap:var(--sp-3);align-items:center;justify-content:space-between}.badge{display:inline-flex;align-items:center;padding:var(--sp-1) var(--sp-3);border-radius:var(--rad-full);font-size:var(--txt-xs);font-weight:var(--fw-medium);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--txt-secondary)}@media (max-width:720px){.card-hdr{padding:var(--sp-4) var(--sp-4)}.card-body{gap:var(--sp-4)}.card-body,.card-footer{padding:var(--sp-4)}.card-hdr__title{font-size:var(--txt-xl)}}@media (max-width:430px){.card{border-radius:var(--rad-lg)}.card-hdr{padding:var(--sp-3) var(--sp-3);gap:var(--sp-3)}.card-body{padding:var(--sp-3);gap:var(--sp-3)}.card-footer{padding:var(--sp-3);flex-direction:column;align-items:stretch}.card-hdr__title{font-size:var(--txt-lg)}.card-hdr__sub{font-size:var(--txt-xs)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border:none;font-weight:var(--fw-semibold);cursor:pointer;transition:all var(--trans-base);font-family:inherit;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background:var(--bg-panel);color:var(--txt-primary);border:1px solid var(--border-default)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn--ghost{background:transparent;color:var(--txt-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-panel);color:var(--txt-primary)}.btn--danger{background:var(--error);color:#fff;box-shadow:var(--shadow-sm)}.btn--danger:hover:not(:disabled){background:#ff5252;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--sm{padding:var(--sp-2) var(--sp-3);font-size:var(--txt-sm);border-radius:var(--rad-sm);min-height:32px}.btn--md{padding:var(--sp-3) var(--sp-4);font-size:var(--txt-base);border-radius:var(--rad-md);min-height:var(--touch-min)}.btn--lg{padding:var(--sp-4) var(--sp-5);font-size:var(--txt-lg);border-radius:var(--rad-lg);min-height:52px}.btn--loading{color:transparent}.btn__spinner{position:absolute;width:16px;height:16px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.btn__icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.btn__icon svg{width:100%;height:100%}.btn__txt{display:flex;align-items:center}