@layer base;@layer modules{.templates{background:var(--surface-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tplbrowser{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:22px;grid-template-columns:320px 1fr;gap:18px;padding:18px;display:grid}.tplbrowser__list{background:var(--surface-2);border-radius:14px;flex-direction:column;align-self:start;gap:4px;padding:8px;display:flex;position:sticky;top:88px}.tpli{text-align:left;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:background .18s,transform .18s;display:flex;position:relative}.tpli:hover{background:#0080800f}.tpli.is-active{box-shadow:var(--shadow-sm);background:#fff}.tpli.is-active:before{content:"";background:var(--grad);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.tpli__i{background:#0080801a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:inline-flex}.tpli__i--crm{background:linear-gradient(135deg,#0080802e,#00808014)}.tpli__i--help{background:linear-gradient(135deg,#0ddbd433,#0ddbd414)}.tpli__i--proj{background:linear-gradient(135deg,#21e6a433,#21e6a414)}.tpli__i--inv{background:linear-gradient(135deg,#ffb54738,#ffb54714)}.tpli__i--hr{background:linear-gradient(135deg,#ff7ad938,#ff7ad914)}.tpli__i--ops{background:linear-gradient(135deg,#ff6f6f33,#ff6f6f14)}.tpli__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tpli__name{color:var(--ink);letter-spacing:-.01em;font-size:14.5px;font-weight:700}.tpli__meta{color:var(--muted);font-size:12px;font-family:var(--font-mono), monospace}.tpli__chev{color:var(--muted-2);opacity:0;font-weight:700;transition:opacity .2s,transform .2s;transform:translate(-4px)}.tpli.is-active .tpli__chev,.tpli:hover .tpli__chev{opacity:1;transform:none}.tpli.is-active .tpli__chev{color:var(--brand)}.tpli__foot{border-top:1px dashed var(--line-2);color:var(--muted-2);flex-direction:column;gap:2px;margin-top:6px;padding:14px 12px;font-size:13px;display:flex}.tpli__foot span{color:var(--ink-2);font-weight:700}.tpli__foot small{font-size:11.5px}.tplbrowser__stage{grid-template-columns:1fr;display:grid}.tplpanel{opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;grid-area:1/1;padding:4px;transition:opacity .4s,transform .4s;display:flex;transform:translateY(8px)}.tplpanel.is-active{opacity:1;pointer-events:auto;visibility:visible;transform:none}.tplpanel__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px 14px;display:flex}.tplpanel__title{align-items:center;gap:12px;display:flex}.tplpanel__icon{background:linear-gradient(135deg, var(--c1), var(--c2));width:44px;height:44px;box-shadow:0 6px 14px -4px var(--c1);border-radius:12px;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.tplpanel__title h3{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.tplpanel__sub{color:var(--muted);max-width:460px;margin-top:2px;font-size:13px;line-height:1.45}.tplpanel__stats{flex-shrink:0;gap:8px;display:flex}.tplpanel__stats>div{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;align-items:center;min-width:54px;padding:6px 12px;display:flex}.tplpanel__stats strong{background:var(--grad);color:#0000;letter-spacing:-.02em;background-clip:text;font-size:17px;font-weight:800;line-height:1.1}.tplpanel__stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9.5px;font-weight:600}.tplpanel__body{flex:1;grid-template-columns:minmax(240px,.85fr) 1.4fr;gap:14px;min-height:0;padding:14px 16px;display:grid}.tpl-section+.tpl-section{margin-top:10px}.tpl-section h4{text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2);margin:0 0 6px;font-size:10.5px;font-weight:700}.tplnode{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);border-radius:7px;align-items:center;gap:8px;margin-bottom:3px;padding:6px 10px;font-size:13px;font-weight:600;line-height:1.3;display:flex}.tplnode__i{font-size:14px}.tplnode__tag{font-family:var(--font-mono), monospace;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:500}.tplchips{flex-wrap:wrap;gap:3px;margin:2px 0 6px 24px;display:flex}.tplchips span{font-family:var(--font-mono), monospace;color:var(--muted);background:#0080800f;border:1px solid #00808029;border-radius:4px;padding:1px 6px;font-size:10.5px}.tplflows{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.tplflows li{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:8px;padding:5px 9px;font-size:12.5px;line-height:1.3;display:flex}.tplflow__i{background:var(--grad);color:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:inline-flex}.tplform{background:var(--grad-soft);color:var(--brand);border:1px dashed #0080804d;border-radius:7px;padding:7px 10px;font-size:12.5px;font-weight:600}.tplpanel__preview{background:linear-gradient(180deg, #fff, var(--surface-2));border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:16px;display:flex;position:relative;overflow:hidden}.tpv__head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.tpv__live{color:var(--accent);text-transform:none;letter-spacing:0;font-weight:700;animation:1.5s ease-in-out infinite livePulse}.tplpanel__cta{border-top:1px solid var(--line);background:linear-gradient(#0000,#0080800a);border-radius:0 0 14px 14px;align-items:center;gap:10px;padding:12px 16px;display:flex}.tplpanel__note{color:var(--muted);margin-left:auto;font-size:12px}.kanban{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.kcol__head{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed var(--line);justify-content:space-between;padding:4px 6px 6px;font-size:11.5px;font-weight:700;display:flex}.kcol__head span{font-family:var(--font-mono), monospace;color:var(--muted-2);border:1px solid var(--line);background:#fff;border-radius:4px;padding:0 6px;font-size:11px}.kcard{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;animation:.4s ease-out backwards dropIn;display:flex}.kcard:nth-child(2){animation-delay:50ms}.kcard:nth-child(3){animation-delay:.1s}.kcard:nth-child(4){animation-delay:.15s}.kcard strong{color:var(--ink);font-weight:600}.kcard span{font-family:var(--font-mono), monospace;color:var(--muted);font-size:11px}.kcard--hot{background:linear-gradient(#fff,#fffaf0);border-color:#ffb54780}.kcard--won{background:linear-gradient(#fff,#ecfff7);border-color:#21e6a480}.kcard--won span{color:#168f5b;font-weight:700}@keyframes dropIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ticketlist{flex-direction:column;flex:1;gap:6px;display:flex}.tline{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-size:13px;animation:.4s ease-out backwards dropIn;display:grid}.tline:nth-child(2){animation-delay:50ms}.tline:nth-child(3){animation-delay:.1s}.tline:nth-child(4){animation-delay:.15s}.tline:nth-child(5){animation-delay:.2s}.tline strong{color:var(--ink);font-size:13px;font-weight:600}.tline__pri{font-family:var(--font-mono), monospace;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.tline--p1 .tline__pri{color:#d63a3a;background:#ff6f6f29}.tline--p2 .tline__pri{color:#b07a14;background:#ffb5472e}.tline--p3 .tline__pri{color:#0d96b5;background:#0ddbd429}.tline__sla{font-family:var(--font-mono), monospace;color:var(--muted);background:var(--surface-2);border-radius:4px;padding:2px 7px;font-size:11px}.tline__sla--bad{color:#d63a3a;background:#ff6f6f29;font-weight:700;animation:1.4s ease-in-out infinite livePulse}.gantt{flex-direction:column;flex:1;gap:8px;display:flex;position:relative}.gantt__row{grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.gantt__lbl{color:var(--ink-2);font-size:12.5px;font-weight:600}.gantt__bar{height:16px;margin-left:var(--s);width:var(--w);box-shadow:var(--shadow-sm);transform-origin:0;border-radius:4px;animation:.8s ease-out backwards gbar;display:block;position:relative}.gantt__row:nth-child(2) .gantt__bar{animation-delay:.1s}.gantt__row:nth-child(3) .gantt__bar{animation-delay:.2s}.gantt__row:nth-child(4) .gantt__bar{animation-delay:.3s}.gantt__row:nth-child(5) .gantt__bar{animation-delay:.4s}@keyframes gbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.gantt__axis{border-top:1px dashed var(--line);color:var(--muted-2);font-size:10.5px;font-family:var(--font-mono), monospace;grid-template-columns:90px repeat(6,1fr);gap:10px;margin-top:6px;padding-top:8px;display:grid}.gantt__axis:before{content:""}.gantt__axis span{text-align:center}.stocks{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:8px 14px;display:grid}.stk{grid-template-columns:1fr 80px auto;align-items:center;gap:10px;padding:6px 0;font-size:12.5px;display:grid}.stk__name{color:var(--ink);font-weight:600}.stk__bar{background:var(--surface-3);border-radius:4px;height:8px;overflow:hidden}.stk__bar span{transform-origin:0;border-radius:4px;height:100%;animation:.9s ease-out backwards gbar;display:block}.stk:nth-child(2) .stk__bar span{animation-delay:50ms}.stk:nth-child(3) .stk__bar span{animation-delay:.1s}.stk:nth-child(4) .stk__bar span{animation-delay:.15s}.stk:nth-child(5) .stk__bar span{animation-delay:.2s}.stk:nth-child(6) .stk__bar span{animation-delay:.25s}.stk__num{font-family:var(--font-mono), monospace;color:var(--muted);text-align:right;min-width:36px;font-size:12px;font-weight:600}.stk__num--low{color:#d63a3a;background:#ff6f6f1f;border-radius:4px;padding:1px 6px}.hrpipe{flex:1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hrcol{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.hrcol__head{color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px dashed var(--line);justify-content:space-between;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.hrcol__head span{font-family:var(--font-mono), monospace;border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:4px;padding:0 6px;font-size:10.5px}.hrcard{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:12px;font-weight:600;animation:.4s ease-out backwards dropIn;display:flex}.hrcard .avatar{width:22px;height:22px;margin:0;font-size:9px}.hrcard--hot{background:linear-gradient(#fff,#fffaf0);border-color:#ffb54780}.hrcard--won{background:linear-gradient(#fff,#ecfff7);border-color:#21e6a480}.dispatch{flex-direction:column;flex:1;gap:8px;display:flex}.djob{border:1px solid var(--line);border-left:3px solid var(--line-2);background:#fff;border-radius:6px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:10px 12px;font-size:13px;animation:.4s ease-out backwards dropIn;display:grid}.djob:nth-child(2){animation-delay:50ms}.djob:nth-child(3){animation-delay:.1s}.djob:nth-child(4){animation-delay:.15s}.djob__time{font-family:var(--font-mono), monospace;color:var(--muted);font-size:12.5px;font-weight:700}.djob strong{color:var(--ink);font-weight:600}.djob__t .avatar{width:24px;height:24px;margin:0;font-size:10px}.djob__status{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.djob--done{border-left-color:var(--accent)}.djob--done .djob__status--done{color:#168f5b;background:#21e6a429}.djob--active{border-left-color:var(--brand);background:linear-gradient(#fff,#f1ffff)}.djob--active .djob__status--active{background:var(--grad);color:#fff;animation:1.4s ease-in-out infinite livePulse}}@layer responsive;