:root{--br: #C8762A;--brl: #FDF0E0;--brd: #8B4F0F}@media(prefers-color-scheme:dark){:root{--br: #EF9F27;--brl: #412402;--brd: #FAC775}}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--border-radius-md, 8px);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:.15s;font-family:inherit}.btn:active{transform:scale(.97)}.btn.sm{padding:5px 12px;font-size:12px}.btn.lg{padding:12px 24px;font-size:15px}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--br);color:#fff}.btn-primary:hover{filter:brightness(.9)}.btn-secondary{background:transparent;border:.5px solid var(--color-border-primary, #e5e7eb);color:var(--color-text-primary, #111827)}.btn-secondary:hover{background:var(--color-background-secondary, #f3f4f6)}.btn-ghost{background:transparent;color:var(--br)}.btn-ghost:hover{background:var(--brl)}.btn-danger{background:var(--color-background-danger, #fef2f2);color:var(--color-text-danger, #b91c1c);border:.5px solid var(--color-border-danger, #fca5a5)}.btn-danger:hover{filter:brightness(.95)}.inp{width:100%;padding:10px 14px;border:.5px solid var(--color-border-tertiary, #e5e7eb);border-radius:var(--border-radius-md, 8px);background:var(--color-background-primary, #ffffff);color:var(--color-text-primary, #111827);font-size:14px;font-family:inherit;box-sizing:border-box}.inp:focus{outline:none;border-color:var(--br)}.inp.error{border-color:var(--color-border-danger, #fca5a5)}.card{background:var(--color-background-primary, #ffffff);border:.5px solid var(--color-border-tertiary, #f3f4f6);border-radius:var(--border-radius-lg, 12px);padding:1rem 1.25rem;margin-bottom:12px;transition:border-color .15s}.card:hover{border-color:var(--br)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:500}.toast{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;margin-bottom:8px;font-size:13px;font-weight:500;animation:toastIn .25s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.toast.dismissing{animation:toastOut .2s ease forwards}.toast-close{margin-left:auto;cursor:pointer;opacity:.7;font-size:18px;background:none;border:none;color:inherit}.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-bottom:10px;font-size:13px;border-radius:0 var(--border-radius-md, 8px) var(--border-radius-md, 8px) 0;border-left:3px solid transparent}.alert-floating{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid rgba(200,118,42,.3);box-shadow:0 1px 2px #0000000d;margin-bottom:16px;background:#fdecc8;color:#5c4013}.alert-floating .icon{color:#8b4f0f;margin-top:2px;font-size:18px}.alert-floating .content{flex:1;font-size:13px;line-height:1.6;padding-right:24px}.alert-floating a{font-weight:600;text-decoration:underline;text-decoration-color:#8b4f0f66;text-underline-offset:2px;transition:all .15s}.alert-floating a:hover{text-decoration-color:#8b4f0f}.alert-floating .dismiss-btn{position:absolute;top:12px;right:12px;color:#8b4f0f99;background:transparent;border:none;cursor:pointer;font-size:16px;transition:color .15s}.alert-floating .dismiss-btn:hover{color:#8b4f0f}
