.mcos-btn{
    min-height:40px;padding:0 18px;border:0;border-radius:999px;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    cursor:pointer;font-size:11px;font-weight:700;transition:var(--mcos-transition)
}
.mcos-btn:hover{transform:translateY(-1px);opacity:.92}
.mcos-btn-primary{background:var(--mcos-primary);color:#fff}
.mcos-btn-secondary{background:#fff;color:var(--mcos-text);border:1px solid var(--mcos-line)}
.mcos-btn-danger{background:var(--mcos-danger);color:#fff}
.mcos-icon-btn{
    width:44px;height:44px;border:0;border-radius:50%;background:#fff;
    display:inline-grid;place-items:center;cursor:pointer
}
.mcos-input,.mcos-select,.mcos-textarea{
    width:100%;border:1px solid var(--mcos-line);border-radius:14px;background:#fff;
    color:var(--mcos-text);outline:none;padding:12px 14px;font-size:11px
}
.mcos-input:focus,.mcos-select:focus,.mcos-textarea:focus{
    border-color:var(--mcos-primary);box-shadow:0 0 0 3px rgba(34,34,32,.07)
}
.mcos-field{display:flex;flex-direction:column;gap:7px}
.mcos-field label{font-size:10px;font-weight:600;color:#555552}
.mcos-grid{display:grid;gap:16px}
.mcos-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.mcos-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mcos-stat{
    padding:24px;border:1px solid var(--mcos-line);border-radius:20px;background:#fff
}
.mcos-stat-label{display:block;font-size:12px;font-weight:700}
.mcos-stat-value{display:block;margin-top:10px;font-size:40px;line-height:1;font-weight:500}
.mcos-stat-note{display:block;margin-top:10px;color:var(--mcos-muted);font-size:9px}
.mcos-table-wrap{overflow:auto;border:1px solid var(--mcos-line);border-radius:18px}
.mcos-table{width:100%;border-collapse:collapse;min-width:760px}
.mcos-table th{padding:14px;background:var(--mcos-surface-soft);font-size:9px;color:var(--mcos-muted);text-align:left}
.mcos-table td{padding:14px;border-top:1px solid var(--mcos-line);font-size:10px}
.mcos-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border-radius:999px;font-size:8px;font-weight:700}
.mcos-badge-success{background:#e9f9ef;color:#17863b}
.mcos-badge-warning{background:#fff3df;color:#b86d16}
.mcos-badge-danger{background:#fff0f0;color:#c94d4d}
.mcos-modal{
    position:fixed;inset:0;z-index:999;display:none;align-items:center;justify-content:center;
    padding:20px;background:rgba(0,0,0,.38)
}
.mcos-modal.is-open{display:flex}
.mcos-modal-box{width:min(440px,100%);background:#fff;border-radius:22px;padding:24px;box-shadow:0 25px 80px rgba(0,0,0,.22)}
.mcos-toast{
    position:fixed;right:25px;bottom:25px;z-index:1200;max-width:360px;
    padding:14px 17px;border-radius:14px;background:var(--mcos-primary);color:#fff;
    font-size:10px;line-height:1.5;opacity:0;transform:translateY(14px);pointer-events:none;
    transition:var(--mcos-transition)
}
.mcos-toast.is-show{opacity:1;transform:translateY(0)}
.mcos-toast.is-error{background:#b94141}