.dtm-app{font-family:Arial,sans-serif;background:#f4f7fb;padding:20px;border-radius:18px;color:#0f172a}.dtm-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#0b1f3a,#123b73);color:#fff;padding:24px;border-radius:18px}.dtm-hero h2{margin:4px 0;color:#fff}.dtm-kicker{font-size:12px;font-weight:800;letter-spacing:.08em}.dtm-btn{border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer;background:#e2e8f0;color:#0f172a}.dtm-primary{background:#1463d6;color:#fff}.dtm-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.dtm-nav button{border:0;background:#fff;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #0000000d}.dtm-nav .active{background:#0f172a;color:#fff}.dtm-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:10px;background:#fff;padding:14px;border-radius:14px;margin-bottom:15px}.dtm-filters input,.dtm-filters select,.dtm-form-grid input,.dtm-form-grid select,.dtm-form-grid textarea,.dtm-card textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:9px;background:#fff}.dtm-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.dtm-kpis>div{background:#fff;border-radius:14px;padding:15px;box-shadow:0 4px 18px #0000000d;border-top:4px solid #1463d6}.dtm-kpis span{font-size:12px;color:#64748b;font-weight:700}.dtm-kpis b{display:block;font-size:26px;margin-top:4px}.dtm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.dtm-card{background:#fff;border-radius:15px;padding:16px;margin-top:14px;box-shadow:0 4px 18px #0000000d}.dtm-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.dtm-note{color:#64748b}.dtm-table-wrap{overflow:auto}.dtm-table-wrap table{width:100%;border-collapse:collapse}.dtm-table-wrap th,.dtm-table-wrap td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left;white-space:nowrap;vertical-align:top}.dtm-table-wrap th{font-size:12px;background:#f8fafc;position:sticky;top:0;z-index:1}.dtm-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}.st-pending{background:#e2e8f0;color:#334155}.st-valid{background:#dcfce7;color:#166534}.st-due-90{background:#fef3c7;color:#92400e}.st-due-60{background:#fed7aa;color:#9a3412}.st-due-30{background:#fecaca;color:#991b1b}.st-expired,.st-failed{background:#991b1b;color:#fff}.dtm-bar-row{display:grid;grid-template-columns:160px 1fr 60px;gap:8px;align-items:center;margin:8px 0}.dtm-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.dtm-bar i{display:block;height:100%;background:#1463d6}.dtm-insight{padding:10px 12px;border-left:4px solid #1463d6;background:#f8fafc;margin:8px 0;border-radius:8px}.dtm-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dtm-form-grid label{font-size:12px;font-weight:700}.span2{grid-column:span 2}.dtm-actions{margin-top:14px;display:flex;gap:8px}.dtm-modal{position:fixed;inset:0;background:#0008;display:flex;align-items:center;justify-content:center;z-index:99999}.dtm-modal-card{background:#fff;max-width:760px;width:92%;max-height:88vh;overflow:auto;border-radius:16px;padding:20px;position:relative}.dtm-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.dtm-mini-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dtm-mini-form label{font-size:12px;font-weight:700}.dtm-mini-form input,.dtm-mini-form select,.dtm-mini-form textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid #cbd5e1;border-radius:8px}.req-M,.req-TPC,.req-AUTH{font-weight:800;color:#0f3f8f}.req-R{color:#9a3412;font-weight:800}.req-A{color:#475569;font-weight:800}@media(max-width:1000px){.dtm-kpis{grid-template-columns:repeat(3,1fr)}.dtm-form-grid{grid-template-columns:repeat(2,1fr)}.dtm-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dtm-grid,.dtm-kpis,.dtm-form-grid,.dtm-filters{grid-template-columns:1fr}.span2{grid-column:auto}.dtm-hero{align-items:flex-start;flex-direction:column}.dtm-bar-row{grid-template-columns:110px 1fr 50px}}