:root{
  --bg:#f5f7fb;
  --card:#ffffff;
  --text:#1b2430;
  --muted:#5b6b7d;
  --primary:#2563eb;
  --primary-hover:#1d4ed8;
  --danger:#dc2626;
  --warn:#f59e0b;
  --ok:#16a34a;
  --border:#e5e7eb;
  --nav-hover-bg:#f3f6ff;
  --nav-hover-border:#dbe6ff;
  --table-head-bg:#f8fafc;
  --shadow:0 8px 24px rgba(0,0,0,.08);
  --radius:14px;
  --glass-btn-bg:rgba(255,255,255,.30);
  --glass-btn-bg-hover:rgba(255,255,255,.40);
  --glass-btn-border:rgba(255,255,255,.30);
  --glass-btn-text:#0b1220;
  --glass-btn-focus:rgba(255,255,255,.32);
  --btn-grad-1:#2f93c9;
  --btn-grad-2:#1f7fb3;
  --container-max:1100px;
  --container-vw:92vw;
}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:clamp(14px,.95vw,16px)}
a{color:inherit}
.container{width:min(var(--container-max),var(--container-vw));margin:0 auto}
img,video,canvas{max-width:100%;height:auto}
.auth-page{background:#2f93c9;overflow:hidden}
.auth-wrap{min-height:100vh;display:block;padding:0}
.background{position:fixed;width:100%;height:100%;overflow:hidden;z-index:1;filter:blur(2px);transform:scale(1.02);pointer-events:none}
.background::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.10)}
.shoe{position:absolute;width:200px;opacity:.14;filter:grayscale(100%) contrast(1.6) brightness(1.15);animation:float 40s linear infinite;pointer-events:none}
@keyframes float{
  0%{transform:translateY(110vh);opacity:0}
  10%{opacity:.14}
  50%{transform:translateY(50vh) translateX(60px)}
  100%{transform:translateY(-10vh) translateX(-60px);opacity:0}
}
.shoe:nth-child(1){left:10%;animation-duration:45s}
.shoe:nth-child(2){left:30%;animation-duration:35s}
.shoe:nth-child(3){left:50%;animation-duration:50s}
.shoe:nth-child(4){left:70%;animation-duration:38s}
.shoe:nth-child(5){left:85%;animation-duration:42s}
.login-container{position:relative;z-index:10;height:100vh;display:flex;justify-content:center;align-items:center}
.login-box{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:40px;border-radius:14px;width:350px;max-width:92vw;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.22)}
.avatar{width:80px;height:80px;background:#0f172a;border-radius:50%;margin:auto auto 20px;display:flex;align-items:center;justify-content:center;color:#00bcd4;font-weight:700;font-size:20px}
.login-box h2{margin:10px 0;color:#fff}
.login-box p{margin:0 0 10px;color:#fff;opacity:.9}
.login-box input{width:100%;padding:12px;margin:10px 0;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.14);color:#fff;outline:none}
.login-box input::placeholder{color:rgba(255,255,255,.78)}
.login-box input:focus{border-color:rgba(255,255,255,.45);box-shadow:0 0 0 3px rgba(255,255,255,.18)}
.login-box button{width:100%;padding:12px;background:var(--glass-btn-bg);color:var(--glass-btn-text);border:1px solid var(--glass-btn-border);border-radius:10px;cursor:pointer;font-weight:900}
.login-box button:hover{background:var(--glass-btn-bg-hover)}
.login-box button:focus-visible{outline:3px solid var(--glass-btn-focus);outline-offset:2px}
.login-alert{margin-top:10px;padding:10px 12px;border-radius:6px;border:1px solid transparent;font-size:12px;text-align:left}
.login-alert--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.login-alert--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.login-alert--success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.login-footnote{margin-top:12px;font-size:11px;color:#111827;opacity:.7}
.topbar{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:10px;flex-wrap:wrap}
.brand__link{text-decoration:none;font-weight:800;letter-spacing:.2px}
.topbar__right{display:flex;align-items:center;gap:10px}
.user-chip{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.user-chip__name{font-weight:700}
.user-chip__role{font-size:12px;color:var(--muted)}
.nav{background:var(--card);border-bottom:1px solid var(--border)}
.nav__inner{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}
.navbar .nav__item{position:relative;padding:10px 15px;font-weight:600;color:#1e293b;text-decoration:none;transition:all .3s ease;border-radius:8px}
.navbar .nav__item:hover{color:#2f93c9}
.navbar .nav__item::after{content:"";position:absolute;left:0;bottom:0;width:0%;height:3px;background:#2f93c9;transition:.3s}
.navbar .nav__item:hover::after{width:100%}
.nav,.main{position:relative;z-index:10}
.main{padding:18px 0 40px}
@media (min-width:1600px){
  :root{--container-max:1440px;--container-vw:88vw}
  .main{padding:24px 0 56px}
  .card{padding:20px}
}
@media (max-width:520px){
  .container{width:min(var(--container-max),94vw)}
  .main{padding:14px 0 32px}
  .card{padding:14px}
  .nav__inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .navbar .nav__item{white-space:nowrap}
  .actions{flex-direction:column;align-items:stretch}
  .actions .btn{width:100%}
  .btn{width:100%}
  .row{flex-direction:column;align-items:stretch}
  .row > *{flex:0 0 auto}
  .row .row--auto{width:100%}
  .table th,.table td{padding:9px}
  .input,.select,.textarea{padding:11px 12px}
}
body:is(
  [data-route-encoded="dashboard%2Findex"],
  [data-route-encoded="clients%2Findex"],
  [data-route-encoded="orders%2Findex"],
  [data-route-encoded="orders%2Fcreate"],
  [data-route-encoded="inventory%2Findex"],
  [data-route-encoded="reports%2Findex"],
  [data-route-encoded="users%2Findex"],
  [data-route-encoded="services%2Findex"]
){
  --bg:#2f93c9;
  --primary:#1f9be8;
  --primary-hover:#1788cf;
  --border:#e7eefc;
}
body:is(
  [data-route-encoded="dashboard%2Findex"],
  [data-route-encoded="clients%2Findex"],
  [data-route-encoded="orders%2Findex"],
  [data-route-encoded="inventory%2Findex"],
  [data-route-encoded="reports%2Findex"],
  [data-route-encoded="users%2Findex"],
  [data-route-encoded="services%2Findex"]
) .main{padding-top:22px}
body:is(
  [data-route-encoded="dashboard%2Findex"],
  [data-route-encoded="clients%2Findex"],
  [data-route-encoded="orders%2Findex"],
  [data-route-encoded="inventory%2Findex"],
  [data-route-encoded="reports%2Findex"],
  [data-route-encoded="users%2Findex"],
  [data-route-encoded="services%2Findex"]
) .card__title{font-size:16px;letter-spacing:.2px}
body:is(
  [data-route-encoded="dashboard%2Findex"],
  [data-route-encoded="clients%2Findex"],
  [data-route-encoded="orders%2Findex"],
  [data-route-encoded="inventory%2Findex"],
  [data-route-encoded="reports%2Findex"],
  [data-route-encoded="users%2Findex"],
  [data-route-encoded="services%2Findex"]
) .actions .btn{transition:transform .06s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
body:is(
  [data-route-encoded="dashboard%2Findex"],
  [data-route-encoded="clients%2Findex"],
  [data-route-encoded="orders%2Findex"],
  [data-route-encoded="inventory%2Findex"],
  [data-route-encoded="reports%2Findex"],
  [data-route-encoded="users%2Findex"],
  [data-route-encoded="services%2Findex"]
) .actions .btn:hover{box-shadow:0 12px 26px rgba(31,155,232,.22);transform:translateY(-1px)}
body:is(
  [data-route-encoded="dashboard%2Findex"],
  [data-route-encoded="clients%2Findex"],
  [data-route-encoded="orders%2Findex"],
  [data-route-encoded="inventory%2Findex"],
  [data-route-encoded="reports%2Findex"],
  [data-route-encoded="users%2Findex"],
  [data-route-encoded="services%2Findex"]
) .actions .btn.btn--ghost:hover{background:var(--nav-hover-bg);border-color:var(--nav-hover-border)}
body[data-route-encoded="dashboard%2Findex"] .kpi__value{font-size:28px}
body[data-route-encoded="dashboard%2Findex"] .kpi{padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--border)}
body[data-route-encoded="dashboard%2Findex"] .kpi__label{text-transform:uppercase;letter-spacing:.9px;font-size:11px}
@media (max-width:720px){
  body:is(
    [data-route-encoded="dashboard%2Findex"],
    [data-route-encoded="clients%2Findex"],
    [data-route-encoded="orders%2Findex"],
    [data-route-encoded="inventory%2Findex"],
    [data-route-encoded="reports%2Findex"],
    [data-route-encoded="users%2Findex"],
    [data-route-encoded="services%2Findex"]
  ) .main{padding-top:16px}
  body[data-route-encoded="dashboard%2Findex"] .kpi__value{font-size:24px}
}
.grid{display:grid;gap:14px}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid--3{grid-template-columns:1fr}}
@media (max-width:720px){.grid--2{grid-template-columns:1fr}}
.service-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px}
@media (max-width:1100px){.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:720px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.service-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:12px;min-height:112px;cursor:pointer;text-align:left;display:flex;flex-direction:column;justify-content:space-between;gap:8px;box-shadow:0 10px 26px rgba(0,0,0,.10);transition:transform .06s ease,box-shadow .18s ease,border-color .18s ease}
.service-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.14);border-color:rgba(31,155,232,.55)}
.service-card:active{transform:translateY(1px)}
.service-card__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(31,155,232,.10);color:var(--primary)}
.service-card__name{font-weight:800;line-height:1.1}
.service-card__price{font-size:12px;color:var(--muted)}
.camera{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0b1020;min-height:170px;position:relative}
.camera__video{width:100%;height:170px;object-fit:cover;display:block}
.camera__canvas{width:100%;height:170px;object-fit:cover;display:block}
.img-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media (max-width:900px){.img-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:720px){.img-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.img-tile{display:block;text-decoration:none;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.10);transition:transform .06s ease,box-shadow .18s ease}
.img-tile:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.14)}
.img-tile img{width:100%;height:140px;object-fit:cover;display:block}
.img-tile__meta{padding:8px 10px;font-size:11px;color:var(--muted);border-top:1px solid var(--border)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.card__title{margin:0 0 10px;font-size:18px}
.muted{color:var(--muted)}
.btn{padding:10px 18px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn-primary,.btn{background:linear-gradient(135deg,var(--btn-grad-1),var(--btn-grad-2));color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.btn-primary:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.btn-secondary,.btn--ghost{background:#f1f5f9;color:#334155;box-shadow:none}
.btn-secondary:hover,.btn--ghost:hover{background:#e2e8f0;transform:none;box-shadow:none}
.btn-add{background:linear-gradient(135deg,var(--btn-grad-1),var(--btn-grad-2));color:#fff;padding:12px 20px;border-radius:12px;border:none;font-weight:600;transition:.3s;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.btn-add:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.btn-edit{padding:8px 14px;border-radius:10px;background:#f1f5f9;border:1px solid #cbd5e1;cursor:pointer;transition:.3s;color:#334155;box-shadow:none}
.btn-edit:hover{background:#2f93c9;color:#fff;border-color:#2f93c9;transform:none;box-shadow:none}
.btn-logout{background:transparent;border:1px solid #cbd5e1;padding:8px 14px;border-radius:20px;transition:.3s;color:#1e293b;box-shadow:none}
.btn-logout:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:none;box-shadow:none}
.btn--danger{background:#ef4444;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.btn--danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.btn--ok{background:var(--ok);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.btn--ok:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.btn--warn{background:var(--warn);color:#111827;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.btn--warn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.btn--whatsapp{background:#25d366;border-color:rgba(0,0,0,.06);box-shadow:0 12px 26px rgba(0,0,0,.16)}
.btn--whatsapp:hover{background:#1ebe5d}
.btn--whatsapp:focus-visible{outline:3px solid rgba(37,211,102,.35);outline-offset:2px}
.btn--whatsapp .btn__icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:10px;background:rgba(255,255,255,.18)}
.btn--whatsapp .btn__icon svg{display:block}
.btn:disabled{opacity:.6;cursor:not-allowed}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.alert{padding:12px 14px;border-radius:14px;margin:0 0 12px;border:1px solid var(--border);background:#fff}
.alert--success{border-color:#bbf7d0;background:#f0fdf4}
.alert--error{border-color:#fecaca;background:#fef2f2}
.alert--warning{border-color:#fde68a;background:#fffbeb}
.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff}
.table th,.table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.table th{background:var(--table-head-bg);font-size:13px;color:var(--muted)}
@media (max-width:720px){
  .table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table th,.table td{white-space:nowrap}
}
.detail-repair{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}
@media (max-width:900px){.detail-repair{grid-template-columns:1fr}}
.detail-repair{transition:grid-template-columns .2s ease}
.detail-repair__left,.detail-repair__right{min-width:0}
.detail-repair__right{position:sticky;top:92px}
@media (max-width:900px){.detail-repair__right{position:relative;top:auto}}
.detail-repair__right .card.space-warning{outline:2px solid #ef4444}
#itemsTable tbody tr.is-selected{outline:2px solid #2f93c9;outline-offset:-2px}
.input--desc{width:100%;min-height:44px;max-height:220px;overflow:hidden;resize:none;line-height:1.25;padding-top:10px;padding-bottom:10px;transition:height .18s ease,border-color .18s ease,box-shadow .18s ease}
.input--desc.is-invalid{border-color:#fecaca;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.input--desc.is-valid{border-color:#bbf7d0;box-shadow:0 0 0 3px rgba(34,197,94,.10)}
.camera{transition:height .2s ease}
.item-photo-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.item-photo-preview__img{width:54px;height:54px;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#fff}
.item-photo-preview [data-preview-upload],.item-photo-preview [data-preview-camera]{display:flex;gap:8px;flex-wrap:wrap}
.item-photo-thumb{position:relative;width:54px;height:54px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#fff}
.item-photo-thumb__zoom{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.item-photo-thumb__zoom:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}
.item-photo-thumb__del{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:999px;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;display:grid;place-items:center;line-height:1;font-size:16px}
.item-photo-thumb__del:hover{background:rgba(0,0,0,.75)}
.img-zoom-modal{position:fixed;inset:0;display:none;z-index:9999}
.img-zoom-modal.is-open{display:block}
.img-zoom-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
.img-zoom-modal__panel{position:relative;margin:18px auto;max-width:1100px;height:calc(100vh - 36px);background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.img-zoom-modal__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);gap:10px;flex-wrap:wrap}
.img-zoom-modal__title{font-weight:900;color:var(--text);font-size:16px;letter-spacing:.2px}
.img-zoom-modal__actions{display:flex;gap:8px;flex-wrap:wrap}
.img-zoom-modal__body{flex:1;min-height:0;display:flex}
.img-zoom-modal__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.04);touch-action:none;overflow:hidden}
.img-zoom-modal__stage img{max-width:100%;max-height:100%;transform:translate(0,0) scale(1);transform-origin:center center;will-change:transform;user-select:none;pointer-events:none}
.item-photo-help{margin-top:6px}
.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--border);background:#fff}
.badge--ok{border-color:#bbf7d0;background:#f0fdf4}
.badge--warn{border-color:#fde68a;background:#fffbeb}
.badge--danger{border-color:#fecaca;background:#fef2f2}
.form{display:grid;gap:12px}
.field{display:grid;gap:6px}
.label{font-weight:700}
.input,.select,.textarea{width:100%;padding:12px 12px;border-radius:14px;border:1px solid var(--border);background:#fff;font-size:14px}
.textarea{min-height:90px;resize:vertical}
.help{font-size:12px;color:var(--muted)}
.field-error{min-height:16px;font-size:12px;font-weight:700;color:#b91c1c}
.input[aria-invalid="true"]{border-color:#fecaca;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.field-status{min-height:16px;font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}
.field-status.is-loading::before{content:"";width:12px;height:12px;border-radius:999px;border:2px solid rgba(47,147,201,.25);border-top-color:rgba(47,147,201,.95);display:inline-block;animation:spin .9s linear infinite}
.field-status.is-ok{color:var(--ok)}
.field-status.is-ok::before{content:"✓";display:inline-block;font-weight:900}
.field-status.is-error{color:#b91c1c}
.field-status.is-error::before{content:"!";display:inline-block;font-weight:900}
@keyframes spin{to{transform:rotate(360deg)}}
.kpi{display:flex;flex-direction:column;gap:6px}
.kpi__value{font-size:26px;font-weight:900}
.kpi__label{font-size:13px;color:var(--muted)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.row > *{flex:1}
.row .row--auto{flex:0 0 auto}
@media print{
  .topbar,.nav,.actions,.btn{display:none !important}
  body{background:#fff}
  .card{box-shadow:none;border:0}
}

body[data-route-encoded="dashboard%2Findex"] .flow-modal{position:fixed;inset:0;display:none;z-index:9999}
body[data-route-encoded="dashboard%2Findex"] .flow-modal.is-open{display:block}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__panel{position:relative;margin:18px auto;max-width:1100px;height:calc(100vh - 36px);background:var(--card);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);gap:10px}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__title{font-weight:900;color:var(--text);font-size:18px;letter-spacing:.2px}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__notice{font-size:13px;font-weight:800;color:var(--text);opacity:.0;transform:translateY(-2px);transition:opacity .18s ease,transform .18s ease;max-width:420px;text-align:center}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__notice--ok{opacity:1;color:var(--ok)}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__notice--warn{opacity:1;color:var(--warn)}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__notice--error{opacity:1;color:var(--danger)}
body[data-route-encoded="dashboard%2Findex"] .flow-modal__notice-link{color:inherit;text-decoration:underline}
body[data-route-encoded="dashboard%2Findex"] .flow-board{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px;flex:1;overflow:auto}
@media (max-width:900px){
  body[data-route-encoded="dashboard%2Findex"] .flow-board{grid-template-columns:1fr}
}
body[data-route-encoded="dashboard%2Findex"] .flow-col{border:1px solid var(--border);border-radius:20px;background:var(--card);display:flex;flex-direction:column;min-height:320px}
body[data-route-encoded="dashboard%2Findex"] .flow-col__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}
body[data-route-encoded="dashboard%2Findex"] .flow-col__title{color:var(--text);font-weight:900;font-size:18px}
body[data-route-encoded="dashboard%2Findex"] .flow-col__count{min-width:28px;height:24px;border-radius:999px;background:var(--nav-hover-bg);color:var(--text);display:grid;place-items:center;font-size:12px;font-weight:800;padding:0 8px;border:1px solid var(--nav-hover-border)}
body[data-route-encoded="dashboard%2Findex"] .flow-col__body{padding:16px;display:grid;gap:12px;align-content:start;flex:1}
body[data-route-encoded="dashboard%2Findex"] .flow-empty{display:grid;place-items:center;flex:1;min-height:220px;color:var(--muted)}
body[data-route-encoded="dashboard%2Findex"] .flow-empty__title{font-size:14px;color:var(--muted);opacity:.95}
body[data-route-encoded="dashboard%2Findex"] .flow-card{border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:var(--shadow);padding:14px}
body[data-route-encoded="dashboard%2Findex"] .flow-card[role="button"]{cursor:pointer}
body[data-route-encoded="dashboard%2Findex"] .flow-card[role="button"]:hover{transform:translateY(-1px);transition:transform .12s ease}
body[data-route-encoded="dashboard%2Findex"] .flow-card.is-updating{opacity:.6;pointer-events:none}
body[data-route-encoded="dashboard%2Findex"] .flow-card.was-moved{outline:2px solid rgba(31,155,232,.35)}
body[data-route-encoded="dashboard%2Findex"] .flow-card__top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
body[data-route-encoded="dashboard%2Findex"] .flow-card__code{color:var(--text);font-weight:900}
body[data-route-encoded="dashboard%2Findex"] .flow-card__client{color:var(--text);font-weight:800;margin-top:2px}
body[data-route-encoded="dashboard%2Findex"] .flow-card__right{text-align:right;display:grid;gap:6px;justify-items:end}
body[data-route-encoded="dashboard%2Findex"] .flow-card__summary{color:var(--muted);font-size:13px}
body[data-route-encoded="dashboard%2Findex"] .flow-card__time{color:var(--muted);font-size:13px;margin-top:10px}
body[data-route-encoded="dashboard%2Findex"] .flow-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
body[data-route-encoded="dashboard%2Findex"] .flow-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid var(--border);background:#fff;color:var(--text)}
body[data-route-encoded="dashboard%2Findex"] .flow-badge--ok{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
body[data-route-encoded="dashboard%2Findex"] .flow-badge--warn{border-color:#fde68a;background:#fffbeb;color:#92400e}