/* Экран: шапка с периодом -> цепочка -> сводка -> таблица сотрудников; на телефоне строки становятся карточками */
:root{
  --bg:#f3f5f7;--pane:#ffffff;--line:#dde2e8;--line2:#eceff3;--text:#18202b;--dim:#5f6b7e;
  --accent:#1d5fbf;--accent-bg:#e8f0fb;
  --ok:#11743f;--ok-bg:#e6f4ec;--fix:#a34a00;--fix-bg:#fdf0e3;--hold:#b42318;--hold-bg:#fdecea;--wait:#5f6b7e;--wait-bg:#eef1f4;
  --mid:#7a5600;--mid-bg:#fdf3d0;
  --head:#e9edf2;--hover:#f7f9fb;--focus:#9cc0f5;--tint:#fdfaf2;
  --bar:#0f2a4d;--bar-line:rgba(255,255,255,.14);
  --sans:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mono:ui-monospace,Consolas,'SF Mono',monospace;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#12161c;--pane:#1a2028;--line:#2c3542;--line2:#232b36;--text:#e5eaf1;--dim:#a1adbf;
  --accent:#7aa9f0;--accent-bg:#1c2a40;
  --ok:#5ccf8f;--ok-bg:#16301f;--fix:#f2a65a;--fix-bg:#33230f;--hold:#f2837a;--hold-bg:#3a1a18;--wait:#a1adbf;--wait-bg:#232b36;
  --mid:#f2c94c;--mid-bg:#33290f;
  --head:#222a35;--hover:#1f2630;--focus:#33558a;--tint:#1d2229;--bar:#0b1626;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 var(--sans);overflow-x:clip}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px 48px;display:flex;flex-direction:column;gap:14px}
/* шапка: тёмно-синяя полоса на всю ширину окна, содержимое остаётся в сетке .wrap */
.top{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:10px 0;color:#fff}
.top::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--bar);z-index:-1}
.mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex:none;color:#fff;font:700 14px/1 Arial,sans-serif;background:linear-gradient(135deg,#1d5fbf,#10b981);box-shadow:0 2px 6px rgba(0,0,0,.25)}
.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;color:#fff;text-decoration:none}
.grow{flex:1}
.nav{display:flex;flex-wrap:wrap;gap:4px}
.nav a{padding:5px 10px;border-radius:7px;color:rgba(255,255,255,.9);text-decoration:none;font-size:13px}
.nav a:hover{background:rgba(255,255,255,.1)}
.nav a.on{background:rgba(255,255,255,.18);color:#fff;font-weight:600}
.who{color:rgba(255,255,255,.78);font-size:13px}
.top .back{color:rgba(255,255,255,.85)}
.top select,.top button{background:rgba(255,255,255,.12);color:#fff;border-color:var(--bar-line)}
.top select option{color:#18202b;background:#fff}
.top button:hover:not(:disabled){background:rgba(255,255,255,.22)}
.tabs{display:flex;flex-wrap:wrap;gap:5px 6px;align-items:center}
.tab{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:7px;background:var(--pane);color:var(--text);text-decoration:none;font-size:12.5px;white-space:nowrap}
.tab:hover{background:var(--hover)}
.tab.on,.tab.on:hover{background:var(--accent);border-color:var(--accent);color:var(--pane);font-weight:600}
.dot{width:9px;height:9px;border-radius:50%;background:#e5383b;flex:none}
.dot.mid{background:#f5b800}
.dot.ok{background:#16a34a}
.tab.on .dot{box-shadow:0 0 0 1.5px var(--pane)}
h1{margin:0;font-size:21px;font-weight:700;text-wrap:balance}
.sub{color:var(--dim);font-size:13px}
.sub b{color:var(--text);font-weight:600}
.back{font-size:13px;color:var(--accent);text-decoration:none}
.panel{background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.step{position:relative;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;background:var(--pane);min-width:0;display:flex;flex-direction:column;gap:3px}
.step .pill{white-space:normal;border-radius:10px}
.step .t{font-size:12px;color:var(--dim)}
.step .n{font-weight:600;font-size:14px}
.step.done{border-color:var(--ok);background:var(--ok-bg)}
.step.cur{grid-column:span 2;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.step.cur .n{font-size:16px}
.step+.step::before{content:"›";position:absolute;left:-16px;top:50%;margin-top:-11px;z-index:1;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-bottom:2px;font:700 15px/1 var(--sans);background:var(--accent);color:#fff}
.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;white-space:nowrap}
.pill.ok{color:var(--ok);background:var(--ok-bg)}
.pill.fix{color:var(--fix);background:var(--fix-bg)}
.pill.hold{color:var(--hold);background:var(--hold-bg)}
.pill.wait{color:var(--wait);background:var(--wait-bg)}
.pill.acc{color:var(--accent);background:var(--accent-bg)}
.pill.mid{color:var(--mid);background:var(--mid-bg)}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.card{background:var(--pane);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-width:0}
.card .k{color:var(--dim);font-size:12px}
.card .v{font:600 19px/1.3 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
input,select,textarea{font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--pane);color:var(--text)}
input[type=search]{min-width:0;flex:1 1 220px}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
button{font:inherit;font-size:13px;font-weight:600;padding:7px 14px;border-radius:7px;border:1px solid var(--line);background:var(--pane);color:var(--text);cursor:pointer}
button:hover:not(:disabled){background:var(--hover)}
button:disabled{opacity:.45;cursor:not-allowed}
button.primary{background:var(--accent);border-color:var(--accent);color:var(--pane)}
button.primary:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}
button.small{padding:4px 9px;font-size:12px}
button.link{border:none;background:none;color:var(--accent);padding:2px 4px;font-weight:500}
.msg{font-size:13px;padding:9px 12px;border-radius:8px;background:var(--accent-bg)}
.msg.warn{background:var(--fix-bg)}
.msg.bad{background:var(--hold-bg)}
.msg.good{background:var(--ok-bg)}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--pane)}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
th,td{padding:8px 10px;border-bottom:1px solid var(--line2);text-align:right;vertical-align:top}
th{background:var(--head);font-size:12px;font-weight:600;color:var(--dim);white-space:nowrap}
th.l,td.l{text-align:left}
td.num{font:13px var(--mono);white-space:nowrap}
td.num.neg{color:var(--hold)}
td.pay{font-weight:600}
td .fio{font-weight:600}
td .dol{font-size:12px;color:var(--dim)}
td .brk{font-size:11.5px;color:var(--dim);font-family:var(--sans);white-space:normal}
td.note{font-size:12px;color:var(--fix);max-width:220px;text-align:left}
tbody tr:hover td{background:var(--hover)}
tr.ok td:first-child{box-shadow:inset 3px 0 0 var(--ok)}
tr.fix td:first-child{box-shadow:inset 3px 0 0 var(--fix)}
tr.hold td:first-child{box-shadow:inset 3px 0 0 var(--hold)}
tr.subrow td{font-size:12px;color:var(--dim);background:var(--bg)}
tr.subrow td.num{font-size:12px}
tr.edit td{background:var(--fix-bg)}
tfoot td{background:var(--head);font-weight:600;border-bottom:none}
.dec{display:flex;gap:4px;align-items:center}
.chk{width:30px;height:30px;padding:0;font-size:15px;border-radius:6px;border-width:1.5px;color:var(--dim)}
.chk.on{background:var(--ok);border-color:var(--ok);color:var(--pane)}
.chk.on.f{background:var(--fix);border-color:var(--fix)}
.chk.on.h{background:var(--hold);border-color:var(--hold)}
.chk.on:hover:not(:disabled){background:var(--ok)}
.chk.on.f:hover:not(:disabled){background:var(--fix)}
.chk.on.h:hover:not(:disabled){background:var(--hold)}
.chk:disabled{opacity:1;cursor:default}
.remark{font-size:12.5px;text-align:left}
.remark .t{white-space:pre-wrap;word-break:break-word}
.remark .meta{font-size:11.5px;color:var(--dim)}
.editor{display:flex;flex-direction:column;gap:6px;max-width:640px}
.editor textarea{width:100%;min-height:64px;resize:vertical}
.editor textarea.need{border-color:var(--hold);box-shadow:0 0 0 1px var(--hold)}
.editor .row{display:flex;gap:8px;flex-wrap:wrap}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.confirm{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:8px;background:var(--fix-bg);width:100%}
.confirm input{flex:1 1 220px;min-width:0}
/* вход и первая смена пароля: синий фон на весь экран, карточка по центру */
.auth{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:hidden}
.login{position:relative;width:100%;max-width:400px;margin:0;display:flex;flex-direction:column;gap:12px;padding:26px 28px;background:var(--pane);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(0,20,60,.28)}
.wrap .login{margin:8px auto 0;box-shadow:none}
.login form{display:flex;flex-direction:column;gap:10px}
.login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--dim)}
.login h1{font-size:20px}
.rules{margin:-4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--dim)}
.rules li::before{content:"○ ";color:var(--wait)}
.rules li.ok{color:var(--ok)}
.rules li.ok::before{content:"✓ "}
.brandrow{display:flex;align-items:center;gap:12px}
.brandrow .mark{width:36px;height:36px;font-size:17px;border-radius:10px}
.pw{position:relative;display:block}
.pw input{width:100%;padding-right:40px}
.pw input::-ms-reveal{display:none}
.eye,.eye:hover:not(:disabled){position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;padding:5px;border:none;background:none;color:var(--dim)}
.eye:hover:not(:disabled){color:var(--text)}
.eye .slash{display:none}
.eye[aria-pressed=true] .slash{display:inline}
.sect th{background:var(--bg);text-align:left;color:var(--text);font-size:13px}
a.unit{color:var(--accent);font-weight:600;text-decoration:none}
a.unit:hover{text-decoration:underline}
button.cnt{font:13px var(--mono);font-variant-numeric:tabular-nums}
button.cnt.on{font-weight:700;text-decoration:underline}
tr.drill>td{background:var(--bg);padding:6px 10px 10px}
table.inner{background:var(--pane);border:1px solid var(--line);border-radius:8px}
a.open{display:inline-block;padding:4px 9px;border-radius:7px;background:var(--accent);color:var(--pane);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
a.open:hover{filter:brightness(1.08)}
.foot{font-size:12px;color:var(--dim)}
.secret{font:600 16px var(--mono);user-select:all;word-break:break-all}
/* оформление «Регистан»: бирюза, золотой узор из восьмиконечных звёзд */
[data-theme]{--shadow:0 8px 24px rgba(16,32,72,.1)}
[data-theme] body{background:var(--page) fixed;background-size:var(--page-size,auto)}
[data-theme] .wrap>div>h1,[data-theme] .wrap>h1,[data-theme] .wrap>div>.sub,[data-theme] .wrap>div>.sub b,[data-theme] .tabs>.sub,[data-theme] .wrap>div>.back{color:var(--on-page)}
[data-theme] .panel,[data-theme] .card,[data-theme] .tblwrap,[data-theme] .step,[data-theme] .kpi{box-shadow:var(--shadow);border-color:transparent}
[data-theme] .panel,[data-theme] .card,[data-theme] .tblwrap,[data-theme] .step,[data-theme] .kpi{border-radius:16px}
[data-theme=registan]{--page:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23ffd27a' stroke-opacity='.3' stroke-width='1.6'%3E%3Cpath d='M48 8l11 29 29 11-29 11-11 29-11-29L8 48l29-11z'/%3E%3Cpath d='M48 22l26 26-26 26-26-26z'/%3E%3Cpath d='M0 0l22 22M96 0L74 22M0 96l22-22M96 96L74 74'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#075a68 0%,#0b8791 52%,#0a6a86 100%);--on-page:#fff;--bar:#10285c;--accent:#0b7a86}
[data-theme=registan] .tab.on,[data-theme=registan] .tab.on:hover{background:#c98a14;border-color:#c98a14}
[data-theme=registan] .mark{background:linear-gradient(135deg,#d99a1e,#0b8791)}
[data-theme=registan] .step.cur{box-shadow:0 0 0 2px #d9a93a,var(--shadow)}
[data-theme=registan] .step.cur .pill.acc{color:var(--mid);background:var(--mid-bg)}
[data-theme=registan] .step+.step::before{background:#d9a93a}
/* свод «Караван»: путь по цепочке, полосы отметок и сумм */
.caravan{border-top:4px solid #d9a93a}
.caravan>table>thead th{background:#10285c;color:#fff}
.caravan>table>tbody>tr>td{vertical-align:middle}
.caravan .sect th{background:#e6f3f3;color:#0b5b66}
.caravan .sect th .sub{color:inherit;opacity:.8}
.staff{background:var(--tint)}
[data-theme=registan] .staff{background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23c98a14' stroke-opacity='.09' stroke-width='1.4'%3E%3Cpath d='M48 8l11 29 29 11-29 11-11 29-11-29L8 48l29-11z'/%3E%3Cpath d='M48 22l26 26-26 26-26-26z'/%3E%3C/g%3E%3C/svg%3E")}
.caravan.staff>table>tbody>tr>td{vertical-align:top;border-bottom-color:rgba(201,138,20,.16)}
.staff>table>tbody>tr:hover>td{background:rgba(217,169,58,.12)}
.staff tr.subrow td{background:rgba(11,135,145,.06)}
.staff tfoot td{background:rgba(217,169,58,.2)}
.route{display:flex;gap:10px;align-items:flex-start;width:270px;max-width:100%}
.nd{display:flex;flex-direction:column;align-items:center;gap:2px;width:52px;flex:none}
.nd i{width:15px;height:15px;border-radius:50%;background:var(--line2);border:2px solid var(--line)}
.nd em{font-style:normal;font-size:10.5px;color:var(--dim);white-space:nowrap}
.nd.ok i{background:#16a34a;border-color:#16a34a}
.nd.cur i{background:var(--pane);border-color:#c98a14;box-shadow:0 0 0 3px rgba(201,138,20,.28)}
.nd.cur em{color:var(--text);font-weight:600}
.ln{flex:1;height:2px;background:#d9a93a;margin-top:7px;min-width:6px}
.pb{display:flex;align-items:center;gap:8px;min-width:130px}
.pb .hb-b{flex:1}
.bar-tq{background:#0b8791}
.cnt0{font:13px var(--mono);color:var(--dim);padding:2px 4px}
.chips{display:flex;flex-wrap:wrap;gap:4px}
button.chip{font:600 11.5px var(--sans);padding:2px 8px;border-radius:99px;border:none;cursor:pointer}
button.chip.f{color:var(--fix);background:var(--fix-bg)}
button.chip.h{color:var(--hold);background:var(--hold-bg)}
button.chip.on{box-shadow:0 0 0 2px currentColor}
button.chip:hover:not(:disabled){filter:brightness(.96)}
.hb-b.gold{height:5px;margin-top:4px}
.gold i{background:#d9a93a}
/* аналитика */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{display:flex;align-items:center;gap:14px;background:var(--pane);border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-width:0}
.kpi-i{flex:none;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.i-blue{background:#2563eb}.i-green{background:#16a34a}.i-amber{background:#e8920c}.i-violet{background:#7c3aed}
.kpi .k{font-size:12.5px;color:var(--dim)}
.kpi .v{font:700 22px/1.25 var(--sans);font-variant-numeric:tabular-nums;white-space:nowrap}
.kpi .s{font-size:12px;color:var(--dim)}
.sgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px}
.sgrid.one{grid-template-columns:minmax(0,1fr)}
.ch{margin:0 0 10px;font-size:15px;font-weight:700}
.hb-list{display:grid;gap:7px 22px}
.hb-list.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.hb{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr) 70px;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:12.5px;padding:2px 4px;border-radius:6px}
.hb:hover{background:var(--hover)}
.hb-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-b{display:block;height:8px;border-radius:4px;background:var(--line2);overflow:hidden}
.hb-b i{display:block;height:100%;border-radius:4px}
.bar-acc{background:#2563eb}.bar-pay{background:#0ea5a4}
.hb-v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.dn{display:flex;flex-direction:column;align-items:center;gap:10px}
.donut{width:170px;height:170px}
.seg-dir{stroke:#d92d20}.seg-net{stroke:#e8a200}.seg-ceo{stroke:#2563eb}.seg-done{stroke:#16a34a}
.d-num{font:700 30px var(--sans);text-anchor:middle;fill:var(--text)}
.d-cap{font:11px var(--sans);text-anchor:middle;fill:var(--dim)}
.lg{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.lg li{display:grid;grid-template-columns:12px minmax(0,1fr) 26px 74px;gap:8px;align-items:center}
.lg b{text-align:right}
.lg em{font-style:normal;color:var(--dim);text-align:right;white-space:nowrap}
.sw{display:inline-block;width:11px;height:11px;border-radius:3px;flex:none}
.sw-dir{background:#d92d20}.sw-net{background:#e8a200}.sw-ceo{background:#2563eb}.sw-done{background:#16a34a}
.fd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:7px 0;border-bottom:1px solid var(--line2);font-size:12.5px}
.fd:last-child{border-bottom:none}
.fd-w{font-weight:600}
.fd-a{grid-column:1;color:var(--dim)}
.fd-t{grid-column:2;grid-row:1;color:var(--dim);white-space:nowrap}
.kboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-items:start}
.kcol{border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--bg)}
.kcol-dir{background:#fdeeec}.kcol-net{background:#fdf5dd}.kcol-ceo{background:#e8f0fd}.kcol-done{background:#e4f5ea}
.kcol h3{margin:0;font-size:13px;display:flex;align-items:center;gap:7px}
.kcol h3 span{margin-left:auto;font-weight:600;color:var(--dim)}
.kcard{display:flex;flex-direction:column;gap:3px;background:var(--pane);border-radius:9px;padding:9px 11px;color:var(--text);text-decoration:none;font-size:13px;box-shadow:0 1px 3px rgba(16,32,72,.08)}
.kcard:hover{box-shadow:0 3px 10px rgba(16,32,72,.16)}
.kmeta{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.kpay{font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:1000px){.sgrid{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-list.two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .chain{grid-template-columns:minmax(0,1fr);gap:6px}
  .route{gap:6px}
  .step,.step.cur{padding:8px 12px;font-size:12.5px;grid-column:auto}
  .step+.step::before{display:none}
  .step .pill{white-space:normal;font-size:11px;padding:1px 6px}
  h1{font-size:19px}
  .auth{padding:16px 12px;align-items:flex-start}
  .caravan{border-top:none}
  .caravan .sect th{background:none;color:var(--on-page)}
  .route{width:100%}
  [data-theme=registan] .staff{background:none}
  table.cardy td .pb{width:100%}
  .login{padding:20px 18px}
  .tblwrap{overflow:visible;border:none;background:none}
  table.cardy,table.cardy tbody,table.cardy tfoot,table.cardy tr,table.cardy td{display:block;width:100%}
  table.cardy thead{display:none}
  table.cardy tr{background:var(--pane);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:6px 0;overflow:hidden}
  table.cardy tr.sect{background:none;border:none;margin:10px 0 2px}
  table.cardy tr.subrow{background:var(--bg);margin:-6px 0 8px}
  table.cardy td{border:none;padding:3px 12px;text-align:right;display:flex;justify-content:space-between;gap:12px;max-width:none}
  table.cardy td:empty{display:none}
  table.cardy td[data-l]::before{content:attr(data-l);color:var(--dim);font:12px var(--sans);white-space:nowrap}
  table.cardy td.l{text-align:left;display:block}
  table.cardy td.l[data-l]::before{display:block}
  table.cardy tr.ok td:first-child,table.cardy tr.fix td:first-child,table.cardy tr.hold td:first-child{box-shadow:none}
  table.cardy tr.ok{border-left:3px solid var(--ok)}
  table.cardy tr.fix{border-left:3px solid var(--fix)}
  table.cardy tr.hold{border-left:3px solid var(--hold)}
  .chk{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}