.oe-card{background:var(--surface,#fff);border:1px solid var(--line,#dfe4eb);border-radius:14px;padding:22px;margin:16px 0;color:var(--text,#182535)}
.oe-head,.oe-item-main,.oe-list-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.oe-head h2,.oe-list-head h3{margin:3px 0 6px}.oe-head p{margin:0}.oe-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#64748b}.oe-muted{color:#64748b;font-size:13px;line-height:1.45}.oe-period,.oe-count{border-radius:20px;background:#edf3fc;color:#174676;padding:6px 11px;white-space:nowrap;font-size:12px;font-weight:700}
.oe-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.oe-metrics>div{border:1px solid var(--line,#dfe4eb);border-radius:10px;padding:13px 15px;display:grid;gap:5px}.oe-metrics span{font-size:12px;color:#64748b}.oe-metrics strong{font-size:20px;font-variant-numeric:tabular-nums}
.oe-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:18px;margin:18px 0}.oe-form h3{margin:0 0 14px}.oe-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.oe-fields label{display:grid;gap:5px;font-size:12px;font-weight:600}.oe-fields input,.oe-fields textarea{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:var(--surface,#fff);color:var(--text,#182535)}.oe-fields .oe-wide{grid-column:1/-1}.oe-actions,.oe-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.oe-list-head{align-items:center;margin:20px 0 9px}.oe-list-head h3{margin:0}.oe-list-head span{color:#64748b}
.oe-list{display:grid;gap:10px}.oe-item{border:1px solid #dce4ec;border-radius:10px;padding:14px 16px;background:var(--surface,#fff)}.oe-pending{border-left:4px solid #f59e0b}.oe-approved{border-left:4px solid #16a085}.oe-returned{border-left:4px solid #e96949}.oe-item h4{margin:7px 0;font-size:15px}.oe-item p{margin:3px 0;font-size:12px;color:#64748b;line-height:1.4}.oe-item-main strong{white-space:nowrap;font-variant-numeric:tabular-nums}.oe-item .oe-review{color:#176e61}.oe-tag{display:inline-block;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;background:#edf2f7;color:#475569}.oe-tag-pending{background:#fff4d7;color:#8a5b00}.oe-tag-approved{background:#dbf7ee;color:#087454}.oe-tag-returned{background:#fff0e9;color:#a34525}.oe-item-actions{margin-top:10px}.oe-success{padding:10px;border-radius:8px;background:#e4f6ee;color:#0b704f}.oe-empty{border:1px dashed #cbd5e1;border-radius:10px;padding:20px;color:#64748b;text-align:center}.oe-inbox{border-left:4px solid #f59e0b}
@media(max-width:760px){.oe-card{padding:15px}.oe-metrics,.oe-fields{grid-template-columns:1fr}.oe-head,.oe-item-main{flex-wrap:wrap}.oe-item-main strong{order:-1}}