:root {--dkm-ink:#233153;--dkm-primary:#2b357c;--dkm-primary-dark:#202961;--dkm-stroke:#e3e8f2;--dkm-muted:#7180a0;--dkm-bg:#f5f7fc;--dkm-side:#242e68;}
.dkm-app,.dkm-app *{box-sizing:border-box}.dkm-app{color:var(--dkm-ink);background:var(--dkm-bg);min-height:calc(100vh - 90px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:235px minmax(0,1fr);margin:14px 18px 0 0;border-radius:15px;overflow:hidden;box-shadow:0 7px 40px rgba(6,26,45,.06)}
.dkm-app h1,.dkm-app h2,.dkm-app h3,.dkm-app p{margin-top:0}.dkm-app h1{font-size:27px;font-weight:650;letter-spacing:-.7px;margin:4px 0 0}.dkm-app h2{font-size:17px;font-weight:650;letter-spacing:-.2px;margin-bottom:7px}.dkm-app h3{font-size:15px}.dkm-app p{line-height:1.6}.dkm-app a{color:#087e7a;text-decoration:none}.dkm-app a:hover{text-decoration:underline}.dkm-sidebar{background:var(--dkm-side);padding:26px 13px;color:#ecf8f7;display:flex;flex-direction:column;min-height:85vh}.dkm-brand{display:flex;gap:12px;padding:2px 13px 28px;align-items:center}.dkm-brand-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#06aaa1,#18c1ab);display:grid;place-items:center;color:#fff;font-size:26px;font-weight:800}.dkm-brand b{display:block;font-size:13px;letter-spacing:.5px}.dkm-brand small{display:block;color:#a7ced2;font-size:10px;margin-top:4px}.dkm-sidebar nav{display:flex;flex-direction:column;gap:5px}.dkm-sidebar nav a{color:#bfd6dc;display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:9px;font-weight:530;font-size:12.5px}.dkm-sidebar nav a span{font-size:20px;width:24px;text-align:center;font-weight:400}.dkm-sidebar nav a.active,.dkm-sidebar nav a:hover{background:#225267;color:white;text-decoration:none}.dkm-nav-footer{margin-top:auto;padding:18px 15px 0;border-top:1px solid #35596a;font-size:11px;color:#9fbac4}.dkm-nav-footer strong{display:block;color:#f0f6f9;margin-top:4px;font-size:13px}.dkm-main{min-width:0;padding:34px 34px 10px}.dkm-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:12px}.dkm-eyebrow{color:var(--dkm-primary);font-size:10px;font-weight:700;letter-spacing:1.7px}.dkm-top-actions{display:flex;align-items:center;gap:12px}.dkm-today{font-size:12px;color:#768796}.dkm-button{appearance:none;background:var(--dkm-primary);border:1px solid var(--dkm-primary);border-radius:9px;padding:10px 16px;display:inline-flex;gap:8px;justify-content:center;align-items:center;color:#fff!important;font-size:12px;line-height:1.3;font-weight:620;min-height:38px;text-decoration:none!important;cursor:pointer;white-space:normal}.dkm-button:hover{background:var(--dkm-primary-dark);color:#fff!important}.dkm-button-secondary{background:#fff;color:var(--dkm-primary)!important;border-color:#d4e4e5}.dkm-button-secondary:hover{color:var(--dkm-primary)!important;background:#e9f7f5}.dkm-button:disabled{opacity:.4;cursor:not-allowed}.dkm-app form{margin:0}.dkm-panel{background:#fff;border:1px solid var(--dkm-stroke);padding:24px;border-radius:14px;margin-bottom:17px;min-width:0;box-shadow:0 2px 8px rgba(8,41,57,.025)}.dkm-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.dkm-panel-head h2{margin:0 0 4px}.dkm-panel-head p{font-size:11.5px;margin:0;color:var(--dkm-muted)}.dkm-panel-head>a{font-size:12px;white-space:nowrap}.dkm-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.dkm-stat{background:#fff;padding:22px;border:1px solid var(--dkm-stroke);border-radius:13px;min-width:0}.dkm-stat small{display:block;color:#697d8e;font-size:12px;margin-bottom:8px}.dkm-stat strong{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.4}.dkm-stat>span{font-size:10px;color:var(--dkm-muted);display:block;margin-top:2px}.dkm-split{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.dkm-split .dkm-panel{min-width:0}.dkm-table-wrap{width:100%;overflow:auto}.dkm-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.dkm-table thead th{color:#788998;background:#f8fafb;border-bottom:1px solid var(--dkm-stroke);font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;padding:12px 10px;white-space:nowrap}.dkm-table tbody td{padding:14px 10px;border-bottom:1px solid #f0f2f4;vertical-align:middle}.dkm-table tbody tr:last-child td{border-bottom:0}.dkm-table td>strong{font-size:12px;font-weight:650}.dkm-table td small{display:block;color:#8a9aa6;font-size:10px;margin-top:5px;line-height:1.4}.dkm-table td a{font-weight:600;font-size:11px;white-space:nowrap}.dkm-progress{background:#e6eeee;height:5px;border-radius:9px;width:95px;max-width:100%;margin-bottom:4px}.dkm-progress i{display:block;background:#0c9d92;height:100%;border-radius:9px}.dkm-badge{display:inline-block;border-radius:25px;background:#e8eef3;color:#546674;padding:5px 10px;font-size:10px;font-weight:650;white-space:nowrap}.dkm-badge.active,.dkm-badge.approved{background:#e4f7ee;color:#13855a}.dkm-badge.review{background:#fff3d9;color:#a36c06}.dkm-badge.cancelled{background:#ffe9e9;color:#b74b4b}.dkm-empty{padding:42px 12px;text-align:center;color:#8b9ba4;font-size:13px}.dkm-steps{display:grid;gap:17px;margin-bottom:25px}.dkm-steps>div{display:flex;gap:13px}.dkm-steps>div>b{flex:0 0 31px;width:31px;height:31px;border-radius:9px;background:#e7f7f5;color:#077f79;font-size:11px;display:grid;place-items:center}.dkm-steps strong{display:block;font-size:12px;margin-bottom:4px}.dkm-steps small{font-size:11px;display:block;color:#8a9aa6}.dkm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.dkm-inline{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dkm-app input:not([type=checkbox]):not([type=radio]),.dkm-app select,.dkm-app textarea{border:1px solid #dbe3e9;border-radius:8px;padding:9px 11px;background:#fff;color:#183348;font-size:12px;box-shadow:none;min-height:38px;width:100%;max-width:none}.dkm-app input:focus,.dkm-app textarea:focus,.dkm-app select:focus{border-color:#19a8a0;outline:2px solid #d1f3f0;box-shadow:none}.dkm-inline>select,.dkm-inline>input{min-width:170px;max-width:310px!important}.dkm-toolbar>form.dkm-inline{flex:1}.dkm-toolbar>form.dkm-inline select{max-width:290px}.dkm-toolbar>form.dkm-inline input{max-width:290px}.dkm-tabs{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}.dkm-tabs button{border:1px solid #e0e8eb;background:#fff;border-radius:8px;padding:10px 14px;color:#5b7180;cursor:pointer;font-weight:600;font-size:12px}.dkm-tabs button.selected{background:#e1f5f2;border-color:#beded8;color:#07827c}.dkm-form-panel h2{margin-bottom:18px}.dkm-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 18px}.dkm-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:12px;font-weight:600;color:#495e6d}.dkm-field span{display:block}.dkm-field-wide{grid-column:1 / -1}.dkm-field textarea{resize:vertical;min-height:90px}.dkm-field.dkm-checkbox{flex-direction:row;align-items:center;grid-column:1/-1;gap:10px}.dkm-checkbox input{width:16px;height:16px;flex-shrink:0}.dkm-help{font-size:12px;color:#80909d;line-height:1.7}.dkm-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dkm-extra-grid div{padding:12px;background:#f6f9fa;border-radius:9px}.dkm-extra-grid small{font-size:10px;display:block;margin-bottom:7px;color:#7f90a0}.dkm-seat-metrics{display:flex;gap:30px;margin:4px 0 17px}.dkm-seat-metrics div{display:flex;flex-direction:column;gap:5px}.dkm-seat-metrics small{color:#7e8d9b}.dkm-seat-metrics b{font-size:18px}.dkm-savebar{position:sticky;bottom:0;z-index:10;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid var(--dkm-stroke);border-radius:11px;padding:15px 18px;margin-bottom:18px;box-shadow:0 0 24px rgba(14,51,67,.1)}.dkm-savebar span{font-size:11px;color:#718593}.dkm-secondary-panels{grid-template-columns:1fr 1fr}.dkm-note{padding:14px 17px;background:#eff9f6;border:1px solid #cfede4;color:#38675e;font-size:12px;border-radius:10px;margin-bottom:17px;line-height:1.8}.dkm-notice{background:#e3f8ed;border-left:3px solid #1f9d69;padding:14px;margin:0 0 18px;border-radius:7px;font-size:13px}.dkm-notice.error{background:#fff1ef;border-color:#e35a42}.dkm-calendar{background:#fff;border:1px solid #e5ebf0;border-radius:13px;overflow:hidden}.dkm-calendar-head{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fbfc}.dkm-calendar-head>span{padding:15px;text-align:center;color:#778d9b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:650}.dkm-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.dkm-day{height:140px;min-width:0;overflow:auto;border-right:1px solid #edf0f3;border-top:1px solid #edf0f3;padding:8px}.dkm-day:nth-child(7n){border-right:0}.dkm-day>b{font-size:12px;color:#566d7b;display:inline-block;padding:2px 6px}.dkm-day.muted{background:#fafcfd}.dkm-day.muted>b{color:#c5cfd4}.dkm-day.today>b{background:#0d918a;border-radius:50%;color:#fff}.dkm-cal-event{display:block;background:#e9f5f5;border-left:3px solid #148c82;border-radius:4px;padding:6px;margin-top:5px;color:#205c63!important;line-height:1.4}.dkm-cal-event.tour{background:#f0edf9;border-color:#8769d3;color:#554680!important}.dkm-cal-event.haji{background:#fff6e7;border-color:#cf9845;color:#8a682a!important}.dkm-cal-event strong{display:block;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dkm-cal-event small{font-size:9px}.dkm-filter{font-size:12px;color:#698290!important;padding:8px 12px;border-radius:8px}.dkm-filter.selected{background:#def3ee;color:#066d66!important;font-weight:650}.dkm-month{font-size:19px!important;min-width:160px;text-align:center;margin:0!important}.dkm-poster-form{border-top:1px solid #edf1f4;margin-top:18px!important;padding-top:18px}.dkm-poster-form .dkm-form-grid{grid-template-columns:1fr 1fr;margin-bottom:13px}.dkm-media-id{max-width:120px!important}.dkm-media-preview img{max-width:130px;height:110px;object-fit:contain;border-radius:7px;margin-top:8px}.dkm-poster-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:17px}.dkm-version{border:1px solid #e8edf1;border-radius:11px;overflow:hidden}.dkm-version-image{background:#f4f7f8;height:205px;display:flex;justify-content:center;align-items:center;overflow:hidden}.dkm-version-image img{width:100%;height:100%;object-fit:contain}.dkm-version-info{padding:15px}.dkm-version-info small{font-size:11px;color:#7e8b98;display:block;margin-top:6px}.dkm-version-info p{font-size:11.5px;min-height:42px;margin:12px 0}.dkm-version-info .dkm-button{width:100%}.dkm-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.dkm-compare-heading{font-size:11px;font-weight:700;color:#6e8290;letter-spacing:1px;margin-bottom:10px}.dkm-compare-image{border:1px solid #e1e8ee;border-radius:10px;min-height:250px;background:#f5f8f9;display:flex;align-items:center;justify-content:center;padding:12px}.dkm-compare-image img{max-width:100%;max-height:700px;width:auto;height:auto;display:block}.dkm-compare-image p{padding:30px;color:#889aa5;text-align:center}.dkm-ai-report{background:#f8fbfc;padding:18px;border:1px solid #e4edf0;border-radius:11px;margin:17px 0}.dkm-ai-report>p{font-size:12px}.dkm-workflow-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.dkm-audit-json{padding:13px;background:#f4f7f9;margin-top:12px;min-width:280px}.dkm-audit-json pre{max-height:210px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.dkm-app summary{cursor:pointer;color:#077e79;font-size:11px}.dkm-import-result{white-space:pre-wrap;background:#eff6f5;padding:20px;border-radius:10px;color:#234d4a;line-height:1.7}.dkm-code-row{display:flex;align-items:center;gap:10px;background:#f4f8fa;padding:9px 12px;margin:8px 0;border-radius:8px;justify-content:space-between}.dkm-code-row code{font-size:12px}.dkm-footer{font-size:10px;color:#a0aebb;text-align:center;padding:19px 0}.dkm-app .dkm-savebar .dkm-button,.dkm-app .dkm-toolbar .dkm-button{flex-shrink:0}
@media(max-width:1400px){.dkm-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dkm-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dkm-poster-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.dkm-app{grid-template-columns:190px minmax(0,1fr)}.dkm-main{padding:25px 20px}.dkm-split{grid-template-columns:1fr}.dkm-sidebar nav a{font-size:11px;padding:11px 7px}.dkm-brand{padding-left:5px}.dkm-day{height:110px}}
@media(max-width:760px){.dkm-app{display:block;margin:0}.dkm-sidebar{min-height:auto;padding:15px}.dkm-sidebar nav{display:flex;flex-direction:row;overflow:auto;gap:5px}.dkm-sidebar nav a{white-space:nowrap}.dkm-nav-footer{display:none}.dkm-brand{padding:0 0 12px}.dkm-main{padding:18px 12px}.dkm-topline{align-items:flex-start;flex-direction:column}.dkm-form-grid,.dkm-stats,.dkm-secondary-panels,.dkm-poster-cards{grid-template-columns:1fr}.dkm-panel{padding:17px}.dkm-day{height:80px;padding:3px}.dkm-calendar-head>span{padding:7px 0}.dkm-cal-event{padding:3px}.dkm-cal-event small{display:none}.dkm-compare{grid-template-columns:1fr}.dkm-top-actions{flex-wrap:wrap}.dkm-savebar{position:static}.dkm-today{display:none}}