21 lines
2.1 KiB
PHP
21 lines
2.1 KiB
PHP
<style>
|
|
.mt-page { margin-top: 4px; }
|
|
.mt-nav-wrap { margin: 0 15px 16px; border-radius: 10px; background: #fff; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(15,23,42,0.06); position: relative; z-index: 10; }
|
|
.mt-nav-brand i { width: 34px; height: 34px; border-radius: 8px; background: linear-gradient(135deg, #1d4ed8, #3b82f6); color: #fff; display: inline-flex; align-items: center; justify-content: center; }
|
|
.mt-nav-groups > li > a:hover, .mt-nav-groups > li.active > a { background: #eff6ff !important; color: #2563eb !important; }
|
|
.mt-page-header { margin: 0 15px 20px; padding: 20px 24px; border-radius: 16px; background: #fff; border: 1px solid #e8edf5; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
|
|
.mt-page-header h1 { margin: 0; font-size: 22px; font-weight: 700; }
|
|
.mt-card { margin: 0 15px 20px; border-radius: 16px; background: #fff; border: 1px solid #e8edf5; overflow: hidden; }
|
|
.mt-card-header { padding: 16px 20px; border-bottom: 1px solid #eef2f7; background: #fafbfe; }
|
|
.mt-card-title { margin: 0; font-size: 15px; font-weight: 700; }
|
|
.mt-card-body { padding: 18px 20px; }
|
|
.mt-btn-primary { border: none; border-radius: 10px; padding: 8px 16px; font-weight: 600; color: #fff; background: linear-gradient(90deg, #1d4ed8, #3b82f6); }
|
|
.mt-kpi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; margin: 0 15px 20px; }
|
|
.mt-kpi-card { border-radius: 14px; background: #fff; border: 1px solid #e8edf5; padding: 18px 16px; }
|
|
.mt-kpi-card .kpi-label { font-size: 12px; color: #64748b; font-weight: 600; }
|
|
.mt-kpi-card .kpi-value { font-size: 24px; font-weight: 700; color: #0f172a; }
|
|
.tms-timeline { list-style: none; padding: 0; margin: 0; }
|
|
.tms-timeline li { padding: 10px 0 10px 20px; border-right: 2px solid #dbeafe; margin-right: 8px; position: relative; }
|
|
.tms-timeline li::before { content: ''; width: 10px; height: 10px; background: #3b82f6; border-radius: 50%; position: absolute; right: -6px; top: 14px; }
|
|
</style>
|