.ylm-wrap,.ylm-card{max-width:1200px;margin:25px auto;font-family:Arial,sans-serif}.ylm-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:26px;box-shadow:0 4px 18px rgba(0,0,0,.05)}.ylm-top,.ylm-list-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.ylm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:20px 0}.ylm-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.ylm-stat strong{display:block;font-size:20px;margin-bottom:6px}.ylm-stat span{color:#64748b;font-size:13px}.ylm-actions{display:flex;flex-wrap:wrap;gap:10px}.ylm-actions a,.ylm-button{display:inline-block;background:#111827;color:#fff;padding:11px 16px;border-radius:8px;text-decoration:none;border:0;cursor:pointer}.ylm-danger{background:#b91c1c}.ylm-form .ylm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ylm-field{display:block}.ylm-field span{display:block;font-weight:600;margin-bottom:6px}.ylm-field input,.ylm-field select{width:100%;box-sizing:border-box;padding:11px;border:1px solid #d1d5db;border-radius:8px}.ylm-form>.ylm-button{margin-top:18px}.ylm-table-wrap{overflow:auto}.ylm-table{width:100%;border-collapse:collapse}.ylm-table th,.ylm-table td{padding:12px;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap}.ylm-alert{max-width:1200px;margin:20px auto;padding:13px;border-radius:8px}.ylm-success{background:#ecfdf5;color:#065f46}.ylm-error{background:#fef2f2;color:#991b1b}.ylm-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.ylm-detail-grid div{padding:14px;background:#f8fafc;border-radius:10px}.ylm-detail-grid small,.ylm-detail-grid strong{display:block}.ylm-detail-grid small{color:#64748b;margin-bottom:4px}.ylm-approval{display:flex;gap:10px;margin:20px 0}.ylm-list-head form{display:flex;gap:8px}.ylm-list-head input,.ylm-list-head select{padding:10px;border:1px solid #d1d5db;border-radius:8px}.ylm-login{max-width:500px;margin:50px auto}.ylm-login .ylm-form{display:block}@media(max-width:700px){.ylm-form .ylm-grid,.ylm-detail-grid{grid-template-columns:1fr}.ylm-top,.ylm-list-head{align-items:flex-start;flex-direction:column}.ylm-list-head form{width:100%;flex-direction:column}.ylm-approval{flex-direction:column}}
