:root{--bg:#12100c;--bg2:#1a160f;--panel:#181410;--line:#2c2519;--line2:#3a3122;--ink:#f4ecdd;--ink2:#cabca4;--ink3:#8d7f66;--gold:#e0961f;--gold2:#c9a253;--amber:#e0961f;--madder:#b0432a;--green:#3f7a45;--cyan:#0e5a57;--radius:12px;--f:"Inter",system-ui,Arial,sans-serif;--mono:"JetBrains Mono",monospace;--serif:"Fraunces",Georgia,serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--f)}.mono{font-family:var(--mono)}.dl-app{height:100%;display:flex;flex-direction:column}.dl-top{display:flex;align-items:center;gap:18px;padding:12px 20px;background:linear-gradient(180deg,#241d12,#181410);border-bottom:1px solid var(--line);flex:0 0 auto}.dl-brand{display:flex;align-items:center;gap:11px}.dl-mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--madder),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:20px;box-shadow:0 4px 16px #e0961f4d}.dl-en{font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:.02em}.dl-hi{font-size:11px;color:var(--ink3);font-family:var(--mono)}.dl-top-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.dl-logout{margin-left:16px;padding:6px 13px;border:1px solid var(--line2);border-radius:20px;color:var(--ink2);font-size:12px;cursor:pointer}.dl-logout:hover{border-color:var(--gold);color:#fff}.dl-search{display:flex;align-items:center;gap:8px;background:#0f0d09;border:1px solid var(--line2);border-radius:22px;padding:8px 15px;min-width:360px}.dl-search span{color:var(--gold);font-size:15px}.dl-search input{background:none;border:none;outline:none;color:var(--ink);width:100%;font-family:var(--mono);font-size:13px}.dl-btn{background:#241d12;border:1px solid var(--line2);color:var(--ink);border-radius:9px;padding:9px 15px;font:600 13px var(--f);cursor:pointer}.dl-btn:hover{border-color:var(--gold2)}.dl-btn.gold{background:linear-gradient(135deg,var(--gold),#b9832180);color:#1a1208;border:none}.dl-btn.ghost{background:transparent}.dl-btn.sm{padding:5px 10px;font-size:11.5px;border-radius:7px;margin-left:6px}.dl-btn.sm:first-child{margin-left:0}.dl-btn.del{color:#ff9a8a;border-color:#4a2b24}.dl-btn.del:hover{background:#3a1f1c}.dl-btn:disabled{opacity:.5;cursor:default}.dl-main{padding:22px 26px;overflow:auto}.dl-head{display:flex;align-items:center;gap:22px;margin-bottom:20px;flex-wrap:wrap}.dl-head h1{font-family:var(--serif);font-size:24px;margin:0}.dl-sub{color:var(--ink3);font-size:12px;font-family:var(--mono);margin-top:2px}.dl-kpis{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.dl-kpi{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 16px;text-align:center;min-width:66px}.dl-kpi .v{font-family:var(--serif);font-size:20px;color:var(--gold)}.dl-kpi .l{font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}.dl-kpi.green .v{color:#7ec886}.dl-kpi.amber .v{color:var(--gold)}.dl-kpi.madder .v{color:#e08a75}.dl-kpi.muted .v{color:var(--ink2)}.dl-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px}.dl-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.dl-f{display:block;font-size:11px;color:var(--ink3);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em}.dl-f input,.dl-f select{display:block;width:100%;margin-top:5px;background:#0f0d09;border:1px solid var(--line2);border-radius:7px;color:var(--ink);padding:9px 10px;font:13px var(--f)}.dl-f input:focus,.dl-f select:focus{outline:none;border-color:var(--gold)}.dl-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.dl-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;background:var(--panel)}.dl-table{width:100%;border-collapse:collapse;font-size:13px;min-width:820px}.dl-table thead th{text-align:left;padding:11px 14px;font:600 10.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);border-bottom:1px solid var(--line);background:#1d1811}.dl-table tbody td{padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink2);vertical-align:middle}.dl-table tbody tr:last-child td{border-bottom:none}.dl-table tbody tr:hover{background:#1d1811}.dl-table tbody tr.editing{background:#211a10}.dl-table td b{color:var(--ink);font-weight:600}.dl-table td.dim{color:var(--ink3)}.dl-table td.ext{color:var(--gold);font-weight:600}.ta-r{text-align:right;white-space:nowrap}.dl-in{width:100%;background:#0f0d09;border:1px solid var(--line2);border-radius:6px;color:var(--ink);padding:6px 8px;font:12px var(--f)}.dl-in.sm{max-width:80px}.dl-in:focus{outline:none;border-color:var(--gold)}.dl-badge{font-size:10px;padding:3px 9px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;display:inline-block}.dl-badge.green{background:#3f7a453d;color:#7ec886}.dl-badge.amber{background:#e0961f33;color:var(--gold)}.dl-badge.madder{background:#b0432a3d;color:#e08a75}.dl-badge.muted{background:#2a2418;color:var(--ink3)}.dl-empty{padding:60px;text-align:center;color:var(--ink3);font-family:var(--mono)}.dl-body{flex:1;display:flex;min-height:0}.dl-sidebar{width:184px;flex:0 0 auto;background:linear-gradient(180deg,#181410,#14110b);border-right:1px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;gap:3px;overflow:auto}.dl-nav{display:flex;align-items:center;gap:11px;background:none;border:none;color:var(--ink2);border-radius:9px;padding:10px 12px;font:600 13px var(--f);cursor:pointer;text-align:left}.dl-nav:hover{background:#22190f;color:var(--ink)}.dl-nav.on{background:linear-gradient(135deg,#e0961f38,#b0432a29);color:#fff;box-shadow:inset 2px 0 0 var(--gold)}.dl-nav .g{width:18px;text-align:center;font-size:15px}.dl-side-foot{margin-top:auto;padding:11px 12px;font:11px var(--mono);color:var(--ink3);display:flex;align-items:center;gap:7px}.dl-dot{width:8px;height:8px;border-radius:50%;background:#7ec886;box-shadow:0 0 8px #7ec886b3}.dl-main{flex:1;padding:22px 26px;overflow:auto;min-width:0}.dl-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.dl-kpi.big{flex:1;min-width:130px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-align:left}.dl-kpi.big .v{font-family:var(--serif);font-size:30px;color:var(--gold)}.dl-kpi.big .l{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.dl-kpi.big.green .v{color:#7ec886}.dl-kpi.big.amber .v{color:var(--gold)}.dl-kpi.big.madder .v{color:#e08a75}.dl-kpi.big.muted .v{color:var(--ink2)}.dl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.dl-grid2{grid-template-columns:1fr}}.dl-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.dl-panel-h{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink3);margin-bottom:12px}.dl-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px;font-size:12.5px}.dl-bar-row .nm{min-width:130px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-bar{flex:1;height:8px;background:#0f0d09;border-radius:6px;overflow:hidden}.dl-bar>div{height:100%;background:linear-gradient(90deg,#b0432a,var(--gold))}.dl-bar.teal>div{background:linear-gradient(90deg,var(--gold2),var(--gold))}.dl-recent{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:8px;cursor:pointer}.dl-recent:hover{background:#22190f}.dl-recent-ext{color:var(--gold);font-weight:600;min-width:52px}.dl-recent-info{flex:1;min-width:0;display:flex;flex-direction:column}.dl-recent-info b{color:var(--ink);font-weight:600}.dl-recent-meta{font-size:11px;color:var(--ink3);font-family:var(--mono);margin-top:2px}.dl-trunk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.dl-trunk{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 17px}.dl-trunk-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.dl-trunk-name{font-family:var(--serif);font-size:16px;color:var(--ink)}.dl-trunk-type{font-size:11px;color:var(--gold);margin-top:2px}.dl-trunk-stat{font-size:12px;color:var(--ink2);margin-bottom:8px}.dl-trunk-stat .mono{color:var(--ink)}.dl-trunk-util{font-size:10.5px;color:var(--ink3);margin-top:6px;text-transform:uppercase;letter-spacing:.06em}.dl-dir{font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px}.dl-dir.out{color:#e08a75}.dl-dir.in{color:#7ec886}.dl-saved{color:#7ec886;font-size:12px;align-self:center;margin-right:auto}@media (max-width:820px){.dl-search{min-width:180px}.dl-sidebar{width:60px}.dl-nav span:not(.g){display:none}.dl-side-foot{display:none}}.dl-alert{border-color:#5a3a1a;background:linear-gradient(180deg,#241a10,#181410)}.dl-alert-icon{color:var(--gold);font-size:14px}.dl-alert-rows{display:flex;flex-direction:column;gap:4px}.dl-alert-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;font-size:13px}.dl-alert-row:hover{background:#22190f}.dl-alert-row b{color:var(--ink);font-weight:600}.dl-alert-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.dl-alert-dot.madder{background:#e08a75;box-shadow:0 0 8px #e08a7599}.dl-alert-dot.amber{background:var(--gold);box-shadow:0 0 8px #e0961f80}.dl-alert-dot.green{background:#7ec886}.dl-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dl-flow-node{background:#1d1811;border:1px solid var(--line2);border-radius:9px;padding:8px 12px;font-size:12.5px;color:var(--ink2)}.dl-flow-node.start{background:linear-gradient(135deg,#e0961f33,#b0432a24);border-color:var(--gold2);color:var(--ink)}.dl-flow-node b{color:var(--gold)}.dl-flow-to{color:var(--ink3)}.dl-flow-arrow{color:var(--gold);font-size:14px}.dl-flow-stack{display:flex;flex-direction:column;gap:6px}.dl-ivr-root{background:linear-gradient(135deg,#e0961f29,#b0432a1f);border:1px solid var(--gold2);border-radius:12px;padding:14px 16px;margin-bottom:14px}.dl-ivr-badge{font:600 10.5px var(--mono);letter-spacing:.1em;color:var(--gold)}.dl-ivr-greet{color:var(--ink);font-size:13.5px;margin-top:6px}.dl-ivr-tree{display:flex;flex-direction:column;gap:10px;padding-left:14px;border-left:2px dashed var(--line2)}.dl-ivr-branch{display:flex;align-items:flex-start;gap:12px;position:relative}.dl-ivr-branch:before{content:"";position:absolute;left:-14px;top:18px;width:12px;height:2px;background:var(--line2)}.dl-ivr-key{flex:0 0 auto;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--madder),var(--gold));color:#1a1208;font-weight:700;font-size:16px;border-radius:9px}.dl-ivr-body{flex:1;display:flex;flex-direction:column;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.dl-ivr-act{display:flex;align-items:center;gap:8px}.ta-c{text-align:center}.dl-perm-allbtns{display:flex;gap:3px;justify-content:center;margin-top:4px}.dl-mini{background:#241d12;border:1px solid var(--line2);color:var(--ink3);border-radius:5px;width:20px;height:18px;font-size:10px;cursor:pointer;padding:0}.dl-mini:hover{border-color:var(--gold);color:var(--gold)}.dl-toggle{width:40px;height:22px;border-radius:12px;background:#3a2b1a;border:1px solid var(--line2);position:relative;cursor:pointer;padding:0;transition:background .15s}.dl-toggle.on{background:linear-gradient(90deg,var(--green),#5a9a60);border-color:#5a9a60}.dl-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#e8dcc4;transition:left .15s}.dl-toggle.on .dl-toggle-knob{left:20px}