:root{
    --bg:#0b0f14;
    --panel:#121924;
    --panel-2:#0f1520;
    --text:#e7eef6;
    --muted:#9fb0c2;
    --muted-2:#6e829b;
    --border:#1f2b3a;
    --accent:#ff8800;
    --accent-2:#ffd700;
    --good:#3bd671;
    --warn:#ffd166;
    --bad:#ff5d73;
    --shadow:0 10px 30px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.02);
    --radius:12px;
    --scrollbar-track:rgba(255,255,255,.06);
    --scrollbar-thumb:rgba(255,255,255,.24);
    --scrollbar-thumb-hover:rgba(255,255,255,.32);
  }
  *,*::before,*::after{box-sizing:border-box}
  [data-theme="light"]{
    --bg:#f6f9fc; --panel:#ffffff; --panel-2:#edf2f7; --text:#0d2438;
    --muted:#4a5b6b; --muted-2:#6a7c90; --border:#dbe5ef; --accent:#0077ff; --accent-2:#66aaff;
    --good:#0fa958; --warn:#b88600; --bad:#cc0033; --shadow:0 8px 24px rgba(10,20,30,.08);
    --scrollbar-track:#edf2f7;
    --scrollbar-thumb:rgba(0,86,201,.35);
    --scrollbar-thumb-hover:rgba(0,86,201,.5);
  }
  html,body{height:100%; margin:0; font:14px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Noto Sans", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"; background:
    radial-gradient(1200px 600px at 50% -200px, rgba(255,136,0,.06), transparent), var(--bg);
    color:var(--text);
    /* body must not scroll — internal panes will scroll */
    overflow:hidden;
    transition:background .4s ease,color .4s ease;
    background-size:120% 120%,100% 100%;
    background-position:50% -200px,0 0;
    animation:bgMove 30s ease-in-out infinite alternate;
  }
  *{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}
  *::-webkit-scrollbar{width:10px; height:10px}
  *::-webkit-scrollbar-track{background:var(--scrollbar-track)}
  *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb); border-radius:999px; border:2px solid transparent; background-clip:content-box}
  *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}
  .app{display:grid; grid-template-rows:64px 1fr; height:100vh}
  header{
    display:grid; grid-template-columns: auto 1fr 240px; align-items:center; gap:16px;
    padding:0 16px; border-bottom:1px solid var(--border); background:linear-gradient(180deg, rgba(255,255,255,.02), transparent), var(--panel);
    position:sticky; top:0; z-index:50;
  }
  .brand{display:flex; gap:10px; align-items:center; font-weight:700}
  .brand i{width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); box-shadow:0 0 28px rgba(255,136,0,.35)}
  .brand img{max-width:100%;max-height:28px;height:auto}
  .right{justify-self:end; display:flex; align-items:center; gap:8px}
  .btn,button{display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:10px; padding:8px 12px; cursor:pointer; box-shadow:var(--shadow)}
  .btn.icon-leading,button.icon-leading{display:inline-flex; align-items:center; gap:8px}
  .btn-icon{width:16px; height:16px; display:inline-block; background:currentColor; opacity:.92; flex-shrink:0; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; mask-repeat:no-repeat; mask-position:center}
  .btn-icon-add{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 5v14"/%3E%3Cpath d="M5 12h14"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 5v14"/%3E%3Cpath d="M5 12h14"/%3E%3C/svg%3E')}
  .btn-icon-offer{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3.2" y="5.5" width="17.6" height="13" rx="2.4"/%3E%3Cpath d="M4.8 7.3 12 12.3 19.2 7.3"/%3E%3Cpath d="m4.8 16.7 6-4.4"/%3E%3Cpath d="m19.2 16.7-6-4.4"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="3.2" y="5.5" width="17.6" height="13" rx="2.4"/%3E%3Cpath d="M4.8 7.3 12 12.3 19.2 7.3"/%3E%3Cpath d="m4.8 16.7 6-4.4"/%3E%3Cpath d="m19.2 16.7-6-4.4"/%3E%3C/svg%3E')}
  .btn-icon-reassign{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="3.2"/%3E%3Cpath d="M6.6 8a6.2 6.2 0 0 1 9.6-3.6"/%3E%3Cpath d="M15.5 3.6 18 6.1 15.5 8.6"/%3E%3Cpath d="M17.4 16a6.2 6.2 0 0 1-9.6 3.6"/%3E%3Cpath d="M8.5 20.4 6 17.9 8.5 15.4"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="3.2"/%3E%3Cpath d="M6.6 8a6.2 6.2 0 0 1 9.6-3.6"/%3E%3Cpath d="M15.5 3.6 18 6.1 15.5 8.6"/%3E%3Cpath d="M17.4 16a6.2 6.2 0 0 1-9.6 3.6"/%3E%3Cpath d="M8.5 20.4 6 17.9 8.5 15.4"/%3E%3C/svg%3E')}
  .icon,.nav-icon{width:18px; height:18px; display:inline-block; background:currentColor; opacity:.85; flex-shrink:0; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; mask-repeat:no-repeat; mask-position:center}
  .icon-large{width:20px; height:20px}
  .icon-label{display:inline-flex; align-items:center; gap:6px}
  .icon-trash{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M10%2011v6%27/%3E%20%20%3Cpath%20d%3D%27M14%2011v6%27/%3E%20%20%3Cpath%20d%3D%27M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%27/%3E%20%20%3Cpath%20d%3D%27M3%206h18%27/%3E%20%20%3Cpath%20d%3D%27M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M10%2011v6%27/%3E%20%20%3Cpath%20d%3D%27M14%2011v6%27/%3E%20%20%3Cpath%20d%3D%27M19%206v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6%27/%3E%20%20%3Cpath%20d%3D%27M3%206h18%27/%3E%20%20%3Cpath%20d%3D%27M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2%27/%3E%3C/svg%3E')}
  .icon-upload{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%203v12%27/%3E%20%20%3Cpath%20d%3D%27m17%208-5-5-5%205%27/%3E%20%20%3Cpath%20d%3D%27M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%203v12%27/%3E%20%20%3Cpath%20d%3D%27m17%208-5-5-5%205%27/%3E%20%20%3Cpath%20d%3D%27M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%27/%3E%3C/svg%3E')}
  .icon-clipboard{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Crect%20width%3D%278%27%20height%3D%274%27%20x%3D%278%27%20y%3D%272%27%20rx%3D%271%27%20ry%3D%271%27/%3E%20%20%3Cpath%20d%3D%27M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Crect%20width%3D%278%27%20height%3D%274%27%20x%3D%278%27%20y%3D%272%27%20rx%3D%271%27%20ry%3D%271%27/%3E%20%20%3Cpath%20d%3D%27M16%204h2a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H6a2%202%200%200%201-2-2V6a2%202%200%200%201%202-2h2%27/%3E%3C/svg%3E')}
  .icon-pencil{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021l1-5%2011-11%204%204-11%2011-5%201z%22/%3E%3Cpath%20d%3D%22M14%207l3%203%22/%3E%3Cpath%20d%3D%22M12%2020h9%22/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021l1-5%2011-11%204%204-11%2011-5%201z%22/%3E%3Cpath%20d%3D%22M14%207l3%203%22/%3E%3Cpath%20d%3D%22M12%2020h9%22/%3E%3C/svg%3E')}
  .icon-paperclip{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27m16%206-8.414%208.586a2%202%200%200%200%202.829%202.829l8.414-8.586a4%204%200%201%200-5.657-5.657l-8.379%208.551a6%206%200%201%200%208.485%208.485l8.379-8.551%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27m16%206-8.414%208.586a2%202%200%200%200%202.829%202.829l8.414-8.586a4%204%200%201%200-5.657-5.657l-8.379%208.551a6%206%200%201%200%208.485%208.485l8.379-8.551%27/%3E%3C/svg%3E')}
  .icon-undo{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M9%2014%204%209l5-5%27/%3E%20%20%3Cpath%20d%3D%27M4%209h10.5a5.5%205.5%200%200%201%205.5%205.5%205.5%205.5%200%200%201-5.5%205.5H11%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M9%2014%204%209l5-5%27/%3E%20%20%3Cpath%20d%3D%27M4%209h10.5a5.5%205.5%200%200%201%205.5%205.5%205.5%205.5%200%200%201-5.5%205.5H11%27/%3E%3C/svg%3E')}
  .icon-refresh{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M21 12a9 9 0 1 1-2.64-6.36"/%3E%3Cpath d="M21 3v6h-6"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M21 12a9 9 0 1 1-2.64-6.36"/%3E%3Cpath d="M21 3v6h-6"/%3E%3C/svg%3E')}
  .icon-flag{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M4%2022V4a1%201%200%200%201%20.4-.8A6%206%200%200%201%208%202c3%200%205%202%207.333%202%202%200%203.067-.8%203.067-.8A1%201%200%200%201%2020%204v10a1%201%200%200%201-.4.8A6%206%200%200%201%2016%2016c-3%200-5-2-8-2a6%206%200%200%200-4%201.528%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M4%2022V4a1%201%200%200%201%20.4-.8A6%206%200%200%201%208%202c3%200%205%202%207.333%202%202%200%203.067-.8%203.067-.8A1%201%200%200%201%2020%204v10a1%201%200%200%201-.4.8A6%206%200%200%201%2016%2016c-3%200-5-2-8-2a6%206%200%200%200-4%201.528%27/%3E%3C/svg%3E')}
  .icon-check{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27/%3E%3C/svg%3E')}
  .icon-cross{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M18%206%206%2018%27/%3E%20%20%3Cpath%20d%3D%27m6%206%2012%2012%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M18%206%206%2018%27/%3E%20%20%3Cpath%20d%3D%27m6%206%2012%2012%27/%3E%3C/svg%3E')}
  .icon-lock{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Crect%20width%3D%2718%27%20height%3D%2711%27%20x%3D%273%27%20y%3D%2711%27%20rx%3D%272%27%20ry%3D%272%27/%3E%20%20%3Cpath%20d%3D%27M7%2011V7a5%205%200%200%201%2010%200v4%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Crect%20width%3D%2718%27%20height%3D%2711%27%20x%3D%273%27%20y%3D%2711%27%20rx%3D%272%27%20ry%3D%272%27/%3E%20%20%3Cpath%20d%3D%27M7%2011V7a5%205%200%200%201%2010%200v4%27/%3E%3C/svg%3E')}
  .icon-key{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27m15.5%207.5%202.3%202.3a1%201%200%200%200%201.4%200l2.1-2.1a1%201%200%200%200%200-1.4L19%204%27/%3E%20%20%3Cpath%20d%3D%27m21%202-9.6%209.6%27/%3E%20%20%3Ccircle%20cx%3D%277.5%27%20cy%3D%2715.5%27%20r%3D%275.5%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27m15.5%207.5%202.3%202.3a1%201%200%200%200%201.4%200l2.1-2.1a1%201%200%200%200%200-1.4L19%204%27/%3E%20%20%3Cpath%20d%3D%27m21%202-9.6%209.6%27/%3E%20%20%3Ccircle%20cx%3D%277.5%27%20cy%3D%2715.5%27%20r%3D%275.5%27/%3E%3C/svg%3E')}
  .icon-house{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%27/%3E%20%20%3Cpath%20d%3D%27M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M15%2021v-8a1%201%200%200%200-1-1h-4a1%201%200%200%200-1%201v8%27/%3E%20%20%3Cpath%20d%3D%27M3%2010a2%202%200%200%201%20.709-1.528l7-6a2%202%200%200%201%202.582%200l7%206A2%202%200%200%201%2021%2010v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%27/%3E%3C/svg%3E')}
  .icon-file{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%27/%3E%20%20%3Cpath%20d%3D%27M14%202v5a1%201%200%200%200%201%201h5%27/%3E%20%20%3Cpath%20d%3D%27M10%209H8%27/%3E%20%20%3Cpath%20d%3D%27M16%2013H8%27/%3E%20%20%3Cpath%20d%3D%27M16%2017H8%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M6%2022a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h8a2.4%202.4%200%200%201%201.704.706l3.588%203.588A2.4%202.4%200%200%201%2020%208v12a2%202%200%200%201-2%202z%27/%3E%20%20%3Cpath%20d%3D%27M14%202v5a1%201%200%200%200%201%201h5%27/%3E%20%20%3Cpath%20d%3D%27M10%209H8%27/%3E%20%20%3Cpath%20d%3D%27M16%2013H8%27/%3E%20%20%3Cpath%20d%3D%27M16%2017H8%27/%3E%3C/svg%3E')}
  .icon-download{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%2015V3%27/%3E%20%20%3Cpath%20d%3D%27M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%27/%3E%20%20%3Cpath%20d%3D%27m7%2010%205%205%205-5%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%2015V3%27/%3E%20%20%3Cpath%20d%3D%27M21%2015v4a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2v-4%27/%3E%20%20%3Cpath%20d%3D%27m7%2010%205%205%205-5%27/%3E%3C/svg%3E')}
  .icon-car{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M19%2017h2c.6%200%201-.4%201-1v-3c0-.9-.7-1.7-1.5-1.9C18.7%2010.6%2016%2010%2016%2010s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6%200-1.1.4-1.4.9l-1.4%202.9A3.7%203.7%200%200%200%202%2012v4c0%20.6.4%201%201%201h2%27/%3E%20%20%3Ccircle%20cx%3D%277%27%20cy%3D%2717%27%20r%3D%272%27/%3E%20%20%3Cpath%20d%3D%27M9%2017h6%27/%3E%20%20%3Ccircle%20cx%3D%2717%27%20cy%3D%2717%27%20r%3D%272%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M19%2017h2c.6%200%201-.4%201-1v-3c0-.9-.7-1.7-1.5-1.9C18.7%2010.6%2016%2010%2016%2010s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6%200-1.1.4-1.4.9l-1.4%202.9A3.7%203.7%200%200%200%202%2012v4c0%20.6.4%201%201%201h2%27/%3E%20%20%3Ccircle%20cx%3D%277%27%20cy%3D%2717%27%20r%3D%272%27/%3E%20%20%3Cpath%20d%3D%27M9%2017h6%27/%3E%20%20%3Ccircle%20cx%3D%2717%27%20cy%3D%2717%27%20r%3D%272%27/%3E%3C/svg%3E')}
  .icon-factory{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%2016h.01%27/%3E%20%20%3Cpath%20d%3D%27M16%2016h.01%27/%3E%20%20%3Cpath%20d%3D%27M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%27/%3E%20%20%3Cpath%20d%3D%27M8%2016h.01%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%2016h.01%27/%3E%20%20%3Cpath%20d%3D%27M16%2016h.01%27/%3E%20%20%3Cpath%20d%3D%27M3%2019a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V8.5a.5.5%200%200%200-.769-.422l-4.462%202.844A.5.5%200%200%201%2015%2010.5v-2a.5.5%200%200%200-.769-.422L9.77%2010.922A.5.5%200%200%201%209%2010.5V5a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202z%27/%3E%20%20%3Cpath%20d%3D%27M8%2016h.01%27/%3E%3C/svg%3E')}
  .icon-flame{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%203q1%204%204%206.5t3%205.5a1%201%200%200%201-14%200%205%205%200%200%201%201-3%201%201%200%200%200%205%200c0-2-1.5-3-1.5-5q0-2%202.5-4%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M12%203q1%204%204%206.5t3%205.5a1%201%200%200%201-14%200%205%205%200%200%201%201-3%201%201%200%200%200%205%200c0-2-1.5-3-1.5-5q0-2%202.5-4%27/%3E%3C/svg%3E')}
  .icon-battery{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M22%2014v-4%27/%3E%20%20%3Crect%20x%3D%272%27%20y%3D%276%27%20width%3D%2716%27%20height%3D%2712%27%20rx%3D%272%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M22%2014v-4%27/%3E%20%20%3Crect%20x%3D%272%27%20y%3D%276%27%20width%3D%2716%27%20height%3D%2712%27%20rx%3D%272%27/%3E%3C/svg%3E')}
  .icon-zap{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%27/%3E%3C/svg%3E')}
  .icon-sun{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27/%3E%20%20%3Cpath%20d%3D%27M12%202v2%27/%3E%20%20%3Cpath%20d%3D%27M12%2020v2%27/%3E%20%20%3Cpath%20d%3D%27m4.93%204.93%201.41%201.41%27/%3E%20%20%3Cpath%20d%3D%27m17.66%2017.66%201.41%201.41%27/%3E%20%20%3Cpath%20d%3D%27M2%2012h2%27/%3E%20%20%3Cpath%20d%3D%27M20%2012h2%27/%3E%20%20%3Cpath%20d%3D%27m6.34%2017.66-1.41%201.41%27/%3E%20%20%3Cpath%20d%3D%27m19.07%204.93-1.41%201.41%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%274%27/%3E%20%20%3Cpath%20d%3D%27M12%202v2%27/%3E%20%20%3Cpath%20d%3D%27M12%2020v2%27/%3E%20%20%3Cpath%20d%3D%27m4.93%204.93%201.41%201.41%27/%3E%20%20%3Cpath%20d%3D%27m17.66%2017.66%201.41%201.41%27/%3E%20%20%3Cpath%20d%3D%27M2%2012h2%27/%3E%20%20%3Cpath%20d%3D%27M20%2012h2%27/%3E%20%20%3Cpath%20d%3D%27m6.34%2017.66-1.41%201.41%27/%3E%20%20%3Cpath%20d%3D%27m19.07%204.93-1.41%201.41%27/%3E%3C/svg%3E')}
  .icon-puzzle{-webkit-mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M5%203h4a2%202%200%200%201%202%202v1.5a1.5%201.5%200%201%200%200%203V11a2%202%200%200%200%202%202h1.5a1.5%201.5%200%201%201%203%200H19a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-1.5a1.5%201.5%200%201%201%200-3H11a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202z%27/%3E%20%20%3Cpath%20d%3D%27M5%2021h4a2%202%200%200%200%202-2v-1.5a1.5%201.5%200%201%201%200-3V13a2%202%200%200%201%202-2h1.5%27/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%20%20%3Cpath%20d%3D%27M5%203h4a2%202%200%200%201%202%202v1.5a1.5%201.5%200%201%200%200%203V11a2%202%200%200%200%202%202h1.5a1.5%201.5%200%201%201%203%200H19a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-1.5a1.5%201.5%200%201%201%200-3H11a2%202%200%200%200-2-2H7a2%202%200%200%200-2%202z%27/%3E%20%20%3Cpath%20d%3D%27M5%2021h4a2%202%200%200%200%202-2v-1.5a1.5%201.5%200%201%201%200-3V13a2%202%200%200%201%202-2h1.5%27/%3E%3C/svg%3E')}
  .icon-menu{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M4 7h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M4 7h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/%3E%3C/svg%3E')}
  .icon-search{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="11" cy="11" r="6.5"/%3E%3Cpath d="M16.5 16.5 21 21"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="11" cy="11" r="6.5"/%3E%3Cpath d="M16.5 16.5 21 21"/%3E%3C/svg%3E')}
  .icon-theme{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M21 12.79A9 9 0 1 1 11.21 3 6.5 6.5 0 0 0 21 12.79z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M21 12.79A9 9 0 1 1 11.21 3 6.5 6.5 0 0 0 21 12.79z"/%3E%3C/svg%3E')}
  .icon-bell{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 8a6 6 0 1 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/%3E%3Cpath d="M10.5 21a1.5 1.5 0 0 0 3 0"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M6 8a6 6 0 1 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/%3E%3Cpath d="M10.5 21a1.5 1.5 0 0 0 3 0"/%3E%3C/svg%3E')}
  .nav-icon-dashboard{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M4 4h7v7H4zm9 0h7v7h-7zM4 13h7v7H4zm9 0h7v7h-7z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M4 4h7v7H4zm9 0h7v7h-7zM4 13h7v7H4zm9 0h7v7h-7z"/%3E%3C/svg%3E')}
  .nav-icon-analytics{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M5 18h14v2H5zM7 10h2v6H7zM11 6h2v10h-2zM15 12h2v4h-2z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M5 18h14v2H5zM7 10h2v6H7zM11 6h2v10h-2zM15 12h2v4h-2z"/%3E%3C/svg%3E')}
  .nav-icon-projects{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4.5 7h5l1.5 2H20a1 1 0 0 1 1 1v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 1.5-2z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4.5 7h5l1.5 2H20a1 1 0 0 1 1 1v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 1.5-2z"/%3E%3C/svg%3E')}
  .nav-icon-tasks{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="8"/%3E%3Cpath d="M9 12.5l2.2 2.2L16 10"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="12" r="8"/%3E%3Cpath d="M9 12.5l2.2 2.2L16 10"/%3E%3C/svg%3E')}
  .nav-icon-events{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="4" y="5" width="16" height="15" rx="2"/%3E%3Cpath d="M8 3v4"/%3E%3Cpath d="M16 3v4"/%3E%3Cpath d="M4 9h16"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="4" y="5" width="16" height="15" rx="2"/%3E%3Cpath d="M8 3v4"/%3E%3Cpath d="M16 3v4"/%3E%3Cpath d="M4 9h16"/%3E%3C/svg%3E')}
  .nav-icon-leads{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M7 4h7l4 4v12H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/%3E%3Cpath d="M14 4v4h4"/%3E%3Cpath d="M9 12h6"/%3E%3Cpath d="M9 16h6"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M7 4h7l4 4v12H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z"/%3E%3Cpath d="M14 4v4h4"/%3E%3Cpath d="M9 12h6"/%3E%3Cpath d="M9 16h6"/%3E%3C/svg%3E')}
  .nav-icon-accounting{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="4" y="6" width="16" height="12" rx="2"/%3E%3Cpath d="M9 12h5.2"/%3E%3Cpath d="M10 10.2a3 3 0 1 0 0 3.6"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Crect x="4" y="6" width="16" height="12" rx="2"/%3E%3Cpath d="M9 12h5.2"/%3E%3Cpath d="M10 10.2a3 3 0 1 0 0 3.6"/%3E%3C/svg%3E')}
  .nav-icon-components{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 12.5V6l-6-3-6 3v6.5l6 3.5 6-3.5Z"/%3E%3Cpath d="M12 3v6.5"/%3E%3Cpath d="m6 6 6 3 6-3"/%3E%3Cpath d="M6 12.5 12 16l6-3.5"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M18 12.5V6l-6-3-6 3v6.5l6 3.5 6-3.5Z"/%3E%3Cpath d="M12 3v6.5"/%3E%3Cpath d="m6 6 6 3 6-3"/%3E%3Cpath d="M6 12.5 12 16l6-3.5"/%3E%3C/svg%3E')}
  .nav-icon-network{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="6" cy="8.5" r="2.5"/%3E%3Ccircle cx="18" cy="5.5" r="2.5"/%3E%3Ccircle cx="18" cy="18.5" r="2.5"/%3E%3Cpath d="M8 9.6 15.2 13"/%3E%3Cpath d="M15.2 7.3 8.6 8.7"/%3E%3Cpath d="M15.4 16 8.2 11.6"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="6" cy="8.5" r="2.5"/%3E%3Ccircle cx="18" cy="5.5" r="2.5"/%3E%3Ccircle cx="18" cy="18.5" r="2.5"/%3E%3Cpath d="M8 9.6 15.2 13"/%3E%3Cpath d="M15.2 7.3 8.6 8.7"/%3E%3Cpath d="M15.4 16 8.2 11.6"/%3E%3C/svg%3E')}
  .nav-icon-emails{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 6h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z"/%3E%3Cpath d="m4 7 8 6 8-6"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 6h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z"/%3E%3Cpath d="m4 7 8 6 8-6"/%3E%3C/svg%3E')}
  .nav-icon-inbox{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 7h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z"/%3E%3Cpath d="M4 14h4a4 4 0 0 0 8 0h4"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4 7h16v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2z"/%3E%3Cpath d="M4 14h4a4 4 0 0 0 8 0h4"/%3E%3C/svg%3E')}
  .nav-icon-users{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="9" r="3"/%3E%3Cpath d="M4.5 19a4.5 4.5 0 0 1 9 0"/%3E%3Ccircle cx="17" cy="10" r="2.5"/%3E%3Cpath d="M14.5 19a3.5 3.5 0 0 1 7 0"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="9" cy="9" r="3"/%3E%3Cpath d="M4.5 19a4.5 4.5 0 0 1 9 0"/%3E%3Ccircle cx="17" cy="10" r="2.5"/%3E%3Cpath d="M14.5 19a3.5 3.5 0 0 1 7 0"/%3E%3C/svg%3E')}
  .nav-icon-settings{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 9.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5z"/%3E%3Cpath d="m4.8 10.5 1.8-.3a5.3 5.3 0 0 1 1.1-1.8l-1-1.6 1.6-1.6 1.6 1a5.3 5.3 0 0 1 1.8-1.1l.3-1.8h2.2l.3 1.8a5.3 5.3 0 0 1 1.8 1.1l1.6-1 1.6 1.6-1 1.6a5.3 5.3 0 0 1 1.1 1.8l1.8.3v2.2l-1.8.3a5.3 5.3 0 0 1-1.1 1.8l1 1.6-1.6 1.6-1.6-1a5.3 5.3 0 0 1-1.8 1.1l-.3 1.8h-2.2l-.3-1.8a5.3 5.3 0 0 1-1.8-1.1l-1.6 1-1.6-1.6 1-1.6a5.3 5.3 0 0 1-1.1-1.8l-1.8-.3z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 9.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5z"/%3E%3Cpath d="m4.8 10.5 1.8-.3a5.3 5.3 0 0 1 1.1-1.8l-1-1.6 1.6-1.6 1.6 1a5.3 5.3 0 0 1 1.8-1.1l.3-1.8h2.2l.3 1.8a5.3 5.3 0 0 1 1.8 1.1l1.6-1 1.6 1.6-1 1.6a5.3 5.3 0 0 1 1.1 1.8l1.8.3v2.2l-1.8.3a5.3 5.3 0 0 1-1.1 1.8l1 1.6-1.6 1.6-1.6-1a5.3 5.3 0 0 1-1.8 1.1l-.3 1.8h-2.2l-.3-1.8a5.3 5.3 0 0 1-1.8-1.1l-1.6 1-1.6-1.6 1-1.6a5.3 5.3 0 0 1-1.1-1.8l-1.8-.3z"/%3E%3C/svg%3E')}
  .btn.primary{background:var(--accent); color:#fff; border-color:transparent; font-weight:700}
  .btn.ghost{background:transparent}
  #bell{position:relative; display:inline-flex; align-items:center; justify-content:center}
  #bell .notif-badge{position:absolute; top:2px; right:0; transform:translate(50%,-50%); min-width:18px; height:18px; padding:0 6px; border-radius:999px; background:var(--accent); color:#fff; font-size:11px; font-weight:700; line-height:18px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(0,0,0,.3)}
  .muted{color:var(--muted)}
  .muted-small{color:var(--muted-2); font-size:12px}
  .lead-heading{display:inline-flex; align-items:center; gap:8px; color:inherit; margin:0}
  .lead-heading-icon{width:18px; height:18px; display:inline-block; background:currentColor; opacity:.85; flex-shrink:0; border-radius:999px; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; mask-repeat:no-repeat; mask-position:center}
  .lead-heading[data-entity="person"] .lead-heading-icon{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="8" r="4.2"/%3E%3Cpath d="M5.5 19.5c0-3.5 3.3-6.3 6.5-6.3s6.5 2.8 6.5 6.3"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="8" r="4.2"/%3E%3Cpath d="M5.5 19.5c0-3.5 3.3-6.3 6.5-6.3s6.5 2.8 6.5 6.3"/%3E%3C/svg%3E')}
  .lead-heading[data-entity="company"] .lead-heading-icon{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4.5 20.5V5.8a1.3 1.3 0 0 1 1.3-1.3h5.4v16H4.5z"/%3E%3Cpath d="M11.2 20.5h8.3V9.6a1.3 1.3 0 0 0-1.3-1.3h-7"/%3E%3Cpath d="M7.2 8.6h1.8"/%3E%3Cpath d="M7.2 12h1.8"/%3E%3Cpath d="M7.2 15.3h1.8"/%3E%3Cpath d="M15 12h1.8"/%3E%3Cpath d="M15 15.3h1.8"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4.5 20.5V5.8a1.3 1.3 0 0 1 1.3-1.3h5.4v16H4.5z"/%3E%3Cpath d="M11.2 20.5h8.3V9.6a1.3 1.3 0 0 0-1.3-1.3h-7"/%3E%3Cpath d="M7.2 8.6h1.8"/%3E%3Cpath d="M7.2 12h1.8"/%3E%3Cpath d="M7.2 15.3h1.8"/%3E%3Cpath d="M15 12h1.8"/%3E%3Cpath d="M15 15.3h1.8"/%3E%3C/svg%3E')}
  .lead-heading-text{line-height:1.25}
  .lead-heading-text-strong{font-weight:600}
  .card>.row>h2{margin:0}
  .lead-detail-address{display:flex; align-items:center; gap:8px; margin-top:2px; font-size:15px}
  .lead-detail-address::before{content:''; width:16px; height:16px; background:currentColor; opacity:.85; flex-shrink:0; border-radius:999px; -webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 21s6-5.5 6-11a6 6 0 1 0-12 0c0 5.5 6 11 6 11z"/%3E%3Ccircle cx="12" cy="10" r="2.8"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M12 21s6-5.5 6-11a6 6 0 1 0-12 0c0 5.5 6 11 6 11z"/%3E%3Ccircle cx="12" cy="10" r="2.8"/%3E%3C/svg%3E'); -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; mask-repeat:no-repeat; mask-position:center}
  .detail-context-line{display:flex; align-items:center; gap:8px; margin-top:2px; font-size:15px; color:var(--muted-2)}
  .detail-context-bar{display:flex; gap:16px; align-items:flex-start; flex-wrap:wrap; width:100%}
  .detail-context-group{display:flex; gap:12px; align-items:center; flex-wrap:wrap}
  .detail-context-group--right{margin-left:auto; display:flex; flex-direction:column; gap:2px; align-items:flex-end; min-width:max-content}
  @media(max-width:700px){
    .detail-context-group--right{margin-left:0; align-items:flex-start; width:100%}
  }
  .detail-context-line::before{content:''; width:16px; height:16px; background:currentColor; opacity:.85; flex-shrink:0; border-radius:999px; -webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="8" r="4.2"/%3E%3Cpath d="M5.5 19.5c0-3.5 3.3-6.3 6.5-6.3s6.5 2.8 6.5 6.3"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"%3E%3Ccircle cx="12" cy="8" r="4.2"/%3E%3Cpath d="M5.5 19.5c0-3.5 3.3-6.3 6.5-6.3s6.5 2.8 6.5 6.3"/%3E%3C/svg%3E'); -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; mask-size:contain; mask-repeat:no-repeat; mask-position:center}
  .detail-context-line--push{margin-left:auto}
  .detail-context-line--netz::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M13%202L5%2014H11L10%2022L19%2010H13Z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M13%202L5%2014H11L10%2022L19%2010H13Z"/%3E%3C/svg%3E')}
  .detail-context-line--meister::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12%204a7%207%200%200%200-7%207v2H4v5h16v-5h-1v-2a7%207%200%200%200-7-7zM9%2011V9a3%203%200%200%201%203-3v5h3V9a3%203%200%200%201%203%203v2H9z"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="black" d="M12%204a7%207%200%200%200-7%207v2H4v5h16v-5h-1v-2a7%207%200%200%200-7-7zM9%2011V9a3%203%200%200%201%203-3v5h3V9a3%203%200%200%201%203%203v2H9z"/%3E%3C/svg%3E')}
  .detail-context-line--business::before{-webkit-mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4.5 20.5V5.8a1.3 1.3 0 0 1 1.3-1.3h5.4v16H4.5z"/%3E%3Cpath d="M11.2 20.5h8.3V9.6a1.3 1.3 0 0 0-1.3-1.3h-7"/%3E%3Cpath d="M7.2 8.6h1.8"/%3E%3Cpath d="M7.2 12h1.8"/%3E%3Cpath d="M7.2 15.3h1.8"/%3E%3Cpath d="M15 12h1.8"/%3E%3Cpath d="M15 15.3h1.8"/%3E%3C/svg%3E'); mask-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M4.5 20.5V5.8a1.3 1.3 0 0 1 1.3-1.3h5.4v16H4.5z"/%3E%3Cpath d="M11.2 20.5h8.3V9.6a1.3 1.3 0 0 0-1.3-1.3h-7"/%3E%3Cpath d="M7.2 8.6h1.8"/%3E%3Cpath d="M7.2 12h1.8"/%3E%3Cpath d="M7.2 15.3h1.8"/%3E%3Cpath d="M15 12h1.8"/%3E%3Cpath d="M15 15.3h1.8"/%3E%3C/svg%3E')}
  .netz-access-block{margin-top:16px; padding:16px; border:1px solid var(--border); border-radius:10px; background:var(--panel-2); display:flex; flex-direction:column; gap:12px}
  .netz-access-title{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap}
  .netz-access-title h4{margin:0}
  .netz-access-meta{color:var(--muted); font-size:13px}
  .netz-access-credentials{display:flex; flex-direction:column; gap:12px}
  .netz-access-portals{display:flex; flex-wrap:wrap; gap:8px; align-items:center}
  .netz-access-portals-label{font-weight:600; color:var(--muted)}
  .netz-access-link{display:inline-flex; align-items:center; gap:6px; background:var(--panel); border:1px solid var(--border); padding:6px 12px; border-radius:999px; font-size:13px; text-decoration:none; color:var(--text)}
  .netz-access-link:hover{background:var(--panel-3)}
  .netz-access-link::after{content:'↗'; font-size:11px; color:var(--muted)}
  .netz-access-entry{background:var(--panel); border:1px solid var(--border); border-radius:8px; padding:12px; display:flex; flex-direction:column; gap:10px}
  .netz-access-count{font-weight:600; color:var(--muted)}
  .netz-access-fields{display:flex; flex-direction:column; gap:10px}
  .netz-access-empty{color:var(--muted)}
  .netz-access-hint{color:var(--muted); font-size:12px}
  .copyable-wrap{display:flex;}
  .copyable{display:inline-flex; align-items:center; gap:6px; cursor:pointer; border-radius:8px; padding:2px 6px; transition:background .2s ease, box-shadow .2s ease}
  .copyable:hover{background:rgba(255,136,0,.12)}
  .copyable:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
  .copyable .copy-icon{margin-left:auto; display:inline-flex; align-items:center; opacity:.6}
  .copyable .copy-icon .icon{width:14px; height:14px; opacity:1}
  .copyable-disabled{cursor:default; padding:0; background:none}
  .copyable-disabled:hover{background:none}
  .copyable-disabled:focus-visible{outline:none}
  .copyable-disabled .copy-icon{display:none}
  .layout{display:flex; min-height:calc(100vh - 64px)}
  .sidebar{width:240px; border-right:1px solid var(--border); background:linear-gradient(180deg, rgba(255,255,255,.02), transparent), var(--panel); padding:12px; position:sticky; top:64px; height:calc(100vh - 64px); overflow:auto; transition:width .3s ease, padding .3s ease}
  .sidebar.collapsed{width:0; padding:0; border-right:none; overflow:hidden}
  nav .group{margin:10px 0}
  nav a{display:flex; gap:10px; align-items:center; padding:10px 12px; border-radius:10px; color:var(--text); text-decoration:none}
  nav a:hover, nav a.active{background:rgba(255,136,0,.12)}
  nav a .task-icon{margin-left:auto}
  main{flex:1; padding:20px; min-width:0; overflow:auto; height: calc(100vh - 64px)} /* main scrollable area only */

  @media (prefers-reduced-motion: no-preference){
    .app{animation:fadeIn .6s ease-in-out}
    nav a,.btn,button,.card{transition:background .2s ease,transform .2s ease,box-shadow .3s ease}
    nav a:hover,.btn:hover,button:hover,.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}
    .brand i{animation:glow 4s ease-in-out infinite alternate}
  }
  @keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes glow{from{box-shadow:0 0 28px rgba(255,136,0,.35)}to{box-shadow:0 0 42px rgba(255,215,0,.65)}}
  @keyframes searchDropdownFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
  @keyframes bgMove{from{background-position:50% -200px,0 0}to{background-position:50% -100px,0 0}}
  @media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}
  body.no-window-anim nav a,
  body.no-window-anim .btn,
  body.no-window-anim button,
  body.no-window-anim .card{transition:none!important}
  body.no-window-anim nav a:hover,
  body.no-window-anim .btn:hover,
  body.no-window-anim button:hover{transform:none!important;box-shadow:none!important}
  body.no-window-anim .card:hover{transform:none!important;box-shadow:var(--shadow)!important}
  body.no-realtime-anim .app{animation:none!important}
  body.no-realtime-anim nav a,
  body.no-realtime-anim .btn,
  body.no-realtime-anim button,
  body.no-realtime-anim .card{transition:none!important}
  body.no-realtime-anim nav a:hover,
  body.no-realtime-anim .btn:hover,
  body.no-realtime-anim button:hover{transform:none!important;box-shadow:none!important}
  body.no-realtime-anim .card:hover{transform:none!important;box-shadow:var(--shadow)!important}
  a:focus-visible,button:focus-visible,.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

  /* Auftragserfassung */
  .order-form-shell{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
  .order-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .order-form-header h2{margin:0}
  .order-form-meta{color:var(--muted);font-size:13px}
  .order-form-tabs{display:flex;gap:8px;flex-wrap:wrap}
  .order-steps{display:flex;gap:8px;flex-wrap:wrap}
  .order-steps-vertical{flex-direction:column}
  .order-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel-2);font-size:13px;color:var(--muted);text-align:left}
  .order-step.active{background:rgba(255,136,0,.12);color:var(--text);border-color:rgba(255,136,0,.35)}
  .order-step.complete{color:var(--good);border-color:rgba(59,214,113,.4)}
  .order-step-index{font-weight:700;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
  .order-step-title{flex:1;min-width:0}
  .order-step-status{font-size:11px;text-transform:uppercase;letter-spacing:.02em;color:var(--muted)}
  .order-form-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow)}
  .order-form-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:20px;align-items:start}
  .order-form-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px}
  .order-form-main{display:flex;flex-direction:column;gap:16px}
  .order-form-summary-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .order-form-summary-header h2{margin:0}
  .order-form-step-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:32px;border-radius:999px;background:rgba(255,136,0,.15);border:1px solid rgba(255,136,0,.35);color:var(--text);font-weight:600}
  .order-form-progress-meta{display:flex;flex-direction:column;gap:2px}
  .order-form-step-nav .order-steps{margin-top:10px}
  .order-form-nav-title{font-weight:600;font-size:14px}
  .order-form-hints ul{margin:8px 0 0 18px;color:var(--muted);font-size:13px;display:flex;flex-direction:column;gap:6px}
  .order-form-hints .required{color:var(--accent);font-weight:700}
  .order-form-step-card h3{margin:0}
  .order-form-step-progress{display:flex;align-items:center;gap:10px}
  .order-form-section{display:flex;flex-direction:column;gap:12px;margin-top:14px}
  .order-form-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .order-form-section-header h4{margin:0;font-size:15px}
  .order-form-section-header .muted-small{max-width:320px}
  .order-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
  .order-form-grid .field label{display:flex;align-items:center;gap:6px}
  .order-form-grid .field .required{color:var(--accent);font-weight:700}
  .order-form-input-with-unit{display:flex;align-items:center;gap:8px}
  .order-form-input-with-unit input,
  .order-form-input-with-unit select,
  .order-form-input-with-unit .order-form-autofill-text{flex:1;min-width:0}
  .order-form-unit{font-size:12px;color:var(--muted);white-space:nowrap}
  .order-form-inline-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
  .order-form-inline-option{border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:6px 12px;cursor:pointer}
  .order-form-inline-option.is-selected{border-color:var(--accent);background:rgba(255,136,0,.15);box-shadow:0 0 0 2px rgba(255,136,0,.35)}
  .order-form-inline-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .order-form-grid input:disabled,.order-form-grid textarea:disabled,.order-form-grid select:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed;opacity:.75}
  .order-form-inline-option:disabled{background:var(--panel-2);color:var(--muted);cursor:not-allowed;opacity:.75}
  .order-form-autofill-text{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);min-height:38px;display:flex;align-items:center;color:var(--text);user-select:none;pointer-events:none}
  .order-form-static{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel-2)}
  .order-form-static-title{font-weight:600;margin-bottom:6px}
  .order-form-static-body{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:13px}
  .order-form-formula-value{font-weight:700;font-size:16px;line-height:1.3}
  .order-form-pdf-block{gap:10px}
  .order-form-pdf-preview{width:100%;min-height:320px;border-radius:12px;border:1px solid var(--border);background:var(--panel)}
  .order-form-component-input{display:flex;flex-direction:column;gap:8px}
  .order-form-component-display{padding:10px 12px;border-radius:10px;border:1px dashed var(--border);background:var(--panel);display:flex;flex-direction:column;gap:4px;cursor:pointer}
  .order-form-component-display.is-locked{cursor:not-allowed;opacity:0.7}
  .order-form-component-display:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .order-form-component-title{font-weight:600}
  .order-form-component-meta{color:var(--muted);font-size:12px}
  .order-form-component-actions{display:flex;gap:8px;flex-wrap:wrap}
  .order-form-component-modal{display:flex;flex-direction:column;gap:12px}
  .order-form-component-filter{display:flex;gap:12px;flex-wrap:wrap}
  .order-form-component-table{overflow:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
  .order-form-component-table table{width:100%;border-collapse:collapse;font-size:13px}
  .order-form-component-table th,.order-form-component-table td{padding:10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
  .order-form-component-table tr:last-child td{border-bottom:none}
  .order-form-component-row{cursor:pointer}
  .order-form-component-row:hover{background:var(--panel-2)}
  .order-form-component-row:focus-visible{outline:2px solid var(--accent)}
  .order-form-group{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--panel-2);width:100%;flex:0 0 100%;grid-column:1/-1}
  .order-form-shell .stack{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  .order-form-card .stack{flex-direction:column;flex-wrap:nowrap;align-items:stretch}
  .order-form-card .stack > *{width:100%;max-width:100%;flex:0 0 100%}
  .order-form-shell .stack > *{width:100%;max-width:100%;flex:0 0 100%}
  .order-form-group-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;cursor:pointer}
  .order-form-group-toggle-area:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}
  .order-form-group-heading{display:flex;gap:8px;align-items:flex-start}
  .order-form-group-toggle-area{cursor:pointer;flex:1 1 auto}
  .order-form-group-toggle-icon{font-size:16px;line-height:1;color:var(--muted);margin-top:0;display:inline-flex;align-items:center;justify-content:center;min-width:14px}
  .order-form-group-title{font-weight:600;font-size:15px}
  .order-form-group-title,.order-form-group-entry-title,.order-form-grid .field label,.order-form-static-title{user-select:none}
  .order-form-group-meta{color:var(--muted);font-size:12px;margin-top:4px}
  .order-form-group-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .order-form-group-body{display:flex;flex-direction:column;gap:12px}
  .order-form-group-entry{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:12px;border:1px dashed var(--border);background:var(--panel)}
  .order-form-field-enter{animation:order-form-field-enter .24s ease-out}
  .order-form-group-entry-enter{animation:order-form-group-entry-enter .28s ease-out}
  .order-form-group-entry-leave{animation:order-form-group-entry-leave .2s ease-in forwards;pointer-events:none}
  @keyframes order-form-field-enter{
    from{opacity:0;transform:translateY(8px);filter:blur(2px)}
    to{opacity:1;transform:translateY(0);filter:blur(0)}
  }
  @keyframes order-form-group-entry-enter{
    from{opacity:0;transform:translateY(10px) scale(.99)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  @keyframes order-form-group-entry-leave{
    from{opacity:1;transform:translateY(0) scale(1);max-height:1000px}
    to{opacity:0;transform:translateY(-6px) scale(.98);max-height:0}
  }
  .order-form-group-entry-title{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:600}
  .order-form-group-collapsed .order-form-group-body{display:none}
  .order-form-info{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:11px;color:var(--muted);cursor:help}
  .order-form-info[data-tooltip]{position:relative}
  .order-form-info[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;top:130%;transform:translateX(-50%);background:var(--panel);color:var(--text);padding:6px 10px;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow);min-width:180px;max-width:280px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}
  .order-form-info[data-tooltip]::before{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--border);opacity:0;transition:opacity .2s ease}
  .order-form-info[data-tooltip]:hover::after,
  .order-form-info[data-tooltip]:focus-visible::after,
  .order-form-info[data-tooltip]:hover::before,
  .order-form-info[data-tooltip]:focus-visible::before{opacity:1}
  .order-form-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer}
  .order-form-checkbox input{appearance:none;width:18px;height:18px;border-radius:6px;border:1px solid var(--border);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;margin-top:2px;flex-shrink:0;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
  .order-form-checkbox input:checked{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--panel))}
  .order-form-checkbox input:checked::after{content:"✕";font-size:12px;font-weight:700;line-height:1;color:var(--accent)}
  .order-form-checkbox input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}
  .order-form-checkbox span{line-height:1.4}
  .order-form-signature{display:flex;flex-direction:column;gap:8px}
  .order-form-signature canvas{width:100%;min-height:120px;height:120px;border-radius:12px;border:1px dashed var(--border);background:var(--panel-2);touch-action:none}
  .order-form-signature-actions{display:flex;gap:8px;flex-wrap:wrap}
  .order-form-collapse-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:14px;cursor:pointer}
  .order-form-collapse-toggle:hover{color:var(--text);border-color:rgba(255,136,0,.45)}
  .order-upload{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);background:linear-gradient(180deg,var(--panel-2),color-mix(in srgb,var(--panel-2) 70%,var(--panel)))}
  .order-upload-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .order-upload-title span{font-weight:600}
  .order-upload-dropzone{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;padding:16px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--panel);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
  .order-upload-dropzone-title{font-weight:600}
  .order-upload-dropzone:hover{border-color:var(--accent);transform:translateY(-1px)}
  .order-upload-dropzone:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}
  .order-upload-dropzone.is-over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--panel));box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 22%,transparent)}
  .order-upload-files{display:flex;flex-direction:column;gap:8px}
  .order-upload-file{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--panel);padding:8px 10px;border-radius:10px;border:1px solid var(--border)}
  .order-upload-file .muted-small{margin-left:auto}
  .order-form-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:8px}
  .order-form-actions .btn{min-width:120px}
  .order-form-error{color:var(--bad);font-size:12px}
  .order-form-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
  .order-progress-bar{position:relative;width:160px;height:8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}
  .order-progress-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg, rgba(255,136,0,.9), rgba(255,196,0,.9));border-radius:999px}
  .order-form-success{display:flex;flex-direction:column;gap:12px;text-align:center}
  @media (max-width: 960px){
    .order-form-layout{grid-template-columns:1fr}
    .order-form-sidebar{position:static}
    .order-step-status{display:none}
  }
  @media (prefers-reduced-motion: reduce){
    .order-form-field-enter,
    .order-form-group-entry-enter,
    .order-form-group-entry-leave{animation:none}
  }
  .order-public-shell{min-height:100vh;display:flex;flex-direction:column}
  .order-public-shell header{position:sticky;top:0}
  .order-public-content{flex:1;overflow:auto;padding:20px}
  .order-public-footer{padding:12px;text-align:center;color:var(--muted);font-size:12px}
  .order-form-editor{display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow:auto;padding-right:4px}
  .order-form-editor .card{position:relative}
  .order-form-draggable{cursor:grab;transition:box-shadow .16s ease,transform .16s ease,opacity .16s ease}
  .order-form-draggable.dragging{cursor:grabbing;opacity:0.52;box-shadow:0 8px 24px rgba(0,0,0,.18),0 0 0 2px rgba(255,136,0,.45)}
  .order-form-editor .muted-small{line-height:1.4}
  .order-form-step-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
  .order-form-step-body{display:flex;flex-direction:column;gap:12px}
  .order-form-step-collapsed .order-form-step-body{display:none}
  .order-form-rule{display:flex;flex-direction:column;gap:6px}
  .order-form-rule-row{display:flex;gap:8px;flex-wrap:wrap}
  .order-form-rule[data-mode="always"] .order-form-rule-equals{display:none}
  .order-form-rule[data-mode="advanced"] .order-form-rule-equals{display:none}
  .order-form-rule[data-mode="builder"] .order-form-rule-equals{display:none}
  .order-form-rule[data-mode="always"] .order-form-rule-advanced{display:none}
  .order-form-rule[data-mode="equals"] .order-form-rule-advanced{display:none}
  .order-form-rule[data-mode="builder"] .order-form-rule-advanced{display:none}
  .order-form-rule[data-mode="always"] .order-form-rule-builder{display:none}
  .order-form-rule[data-mode="equals"] .order-form-rule-builder{display:none}
  .order-form-rule[data-mode="advanced"] .order-form-rule-builder{display:none}
  .order-form-required-row{margin-top:8px}
  .order-form-designer{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:start}
  .order-form-designer .order-form-block,
  .order-form-designer .order-form-step-toolbar,
  .order-form-designer .order-form-palette-item,
  .order-form-designer .order-form-dropzone{user-select:none}
  .order-form-palette{position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;max-height:100%;overflow:auto;padding-right:6px;overscroll-behavior:contain}
  .order-form-palette-section{display:flex;flex-direction:column;gap:8px}
  .order-form-palette-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;border:1px dashed var(--border);background:var(--panel-2);cursor:grab;font-weight:600}
  .order-form-palette-item:active{cursor:grabbing}
  .order-form-palette-item span{font-weight:500;font-size:12px;color:var(--muted)}
  .order-form-canvas{display:flex;flex-direction:column;gap:12px}
  .order-form-canvas-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
  .order-form-dropzone{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,136,0,.45);border-radius:10px;padding:6px 8px;min-height:22px;background:rgba(255,136,0,.08);color:var(--muted);text-align:center;font-size:11px;transition:border-color .12s ease,background-color .12s ease,box-shadow .12s ease}
  .order-form-step-card{display:flex;flex-direction:column;gap:12px}
  .order-form-step-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;cursor:pointer}
  .order-form-step-toolbar > .row:first-child{flex:1 1 auto;min-width:0}
  .order-form-block-list{display:flex;flex-direction:column;gap:8px}
  .order-form-block{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);cursor:pointer}
  .order-form-block:hover{border-color:rgba(255,136,0,.5);box-shadow:0 0 0 1px rgba(255,136,0,.25)}
  .order-form-block-title{font-weight:600}
  .order-form-block-meta{font-size:12px;color:var(--muted)}
  .order-form-block-actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}
  .order-form-block-actions .btn{padding:6px 8px}
  .order-form-section-title{display:flex;align-items:center;gap:8px;font-weight:600;margin-top:6px}
  .order-form-settings-hint{font-size:12px;color:var(--muted)}
  .order-form-designer .order-form-editor{max-height:none;overflow:visible;padding-right:0}
  .order-form-dropzone.is-empty{background:rgba(255,136,0,.04)}
  .order-form-designer:not(.is-drag-active) .order-form-dropzone,
  .order-form-designer:not(.is-drag-active) .order-form-insert-slot{display:none}
  .order-form-designer .order-form-dropzone,
  .order-form-designer .order-form-insert-slot{opacity:0;pointer-events:none;max-height:0;overflow:hidden;margin:0;transition:opacity .15s ease, max-height .15s ease, margin .15s ease}
  .order-form-designer.is-drag-active .order-form-dropzone,
  .order-form-designer.is-drag-active .order-form-insert-slot{display:flex;opacity:1;pointer-events:auto;max-height:28px}
  .order-form-designer.is-drag-active .order-form-insert-slot{display:block}
  .order-form-designer.is-drag-active .order-form-block-list .order-form-insert-slot{margin:1px 0;max-height:10px}
  .order-form-drop-before{box-shadow:inset 0 3px 0 rgba(255,136,0,.9),0 0 0 1px rgba(255,136,0,.25)}
  .order-form-drop-after{box-shadow:inset 0 -3px 0 rgba(255,136,0,.9),0 0 0 1px rgba(255,136,0,.25)}
  .order-form-dropzone.order-form-drop-before,
  .order-form-dropzone.order-form-drop-after{border-color:rgba(255,136,0,.95);background:rgba(255,136,0,.16)}
  .order-form-insert-slot{height:4px;border-radius:8px;transition:background-color .15s,box-shadow .15s}
  .order-form-insert-slot.order-form-drop-before,.order-form-insert-slot.order-form-drop-after{background:rgba(255,136,0,.22);box-shadow:inset 0 0 0 1px rgba(255,136,0,.7)}
  .order-form-insert-slot.order-form-drop-before{height:10px;margin:3px 0}
  .order-form-designer .order-form-step-toolbar .order-form-group-toggle-icon{margin-top:0}
  .order-form-designer.is-drag-active .order-form-draggable:not(.dragging):hover{box-shadow:0 0 0 1px rgba(255,136,0,.25)}
  @media (max-width: 980px){
    .order-form-designer{grid-template-columns:1fr}
    .order-form-palette{position:static;max-height:none;overflow:visible;padding-right:0}
  }
  .settings-stack{display:flex;flex-direction:column;gap:12px}
  
  /* Cards, tables */
  .grid{display:grid; gap:12px}
  .cols-2{grid-template-columns:repeat(auto-fit, minmax(260px,1fr))}
  .cols-3{grid-template-columns:repeat(3, 1fr)}
  .analytics-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}
  .analytics-wrap h2{margin:0 0 12px}
  .analytics-grid{flex:1;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:1fr;overflow:hidden}
  .analytics-grid .card{display:flex;flex-direction:column;overflow:hidden}
  .analytics-grid .card h3{margin:0 0 12px}
  .analytics-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
  .analytics-card-header h3{margin:0}
  .analytics-card-tabs{display:flex;gap:8px;flex-wrap:wrap}
  .analytics-card-tabs .btn{padding:6px 10px;font-size:13px;line-height:1.3}
  .analytics-main-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
  .analytics-main-tabs .btn{padding:8px 14px;font-weight:600}
  .analytics-main-section{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}
  .analytics-main-section[hidden]{display:none}
  .card.analytics-single-card{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}
  .card.analytics-single-card canvas{flex:1;min-height:0}
  .card.analytics-single-card .analytics-tab-section{flex:1}
  .analytics-tab-section{flex:1;display:flex;flex-direction:column;min-height:0}
  .analytics-tab-section[hidden]{display:none}
  .analytics-mini-table{width:100%;border-collapse:collapse}
  .analytics-mini-table th,
  .analytics-mini-table td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}
  .analytics-mini-table th{text-transform:uppercase;letter-spacing:.02em;color:var(--muted);font-weight:600;font-size:12px}
  .analytics-mini-table tbody tr:last-child td{border-bottom:none}
  .analytics-metrics{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
  .analytics-metric{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}
  .analytics-metric-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
  .analytics-metric-value{font-size:20px;font-weight:700}
  .analytics-grid canvas{width:100%!important;display:block;flex:1;min-height:0}
  .card{background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); padding:14px}
  table{width:100%; border-collapse:separate; border-spacing:0 8px}
  .address-suggestions{position:fixed; background:var(--panel); border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow); display:flex; flex-direction:column; min-width:220px; max-width:360px; max-height:320px; overflow:auto; z-index:2000}
  .address-suggestions[hidden]{display:none}
  .address-suggestion{padding:10px 12px; display:flex; flex-direction:column; gap:4px; cursor:pointer; border-bottom:1px solid rgba(255,255,255,.04)}
  .address-suggestion:last-child{border-bottom:none}
  .address-suggestion:hover,.address-suggestion.active{background:rgba(255,136,0,.12)}
  .address-suggestion-primary{font-weight:600; color:var(--text)}
  .address-suggestion-secondary{font-size:12px; color:var(--muted)}
  .address-suggestion-meta{font-size:11px; color:var(--muted-2); text-transform:uppercase; letter-spacing:.04em}
  thead th{
    color:var(--muted);
    font-weight:600;
    text-align:left;
    font-size:12px;
    cursor:pointer;
    position:relative;
    padding:0 12px 0 18px;
  }
  thead th::before{
    content:'⇅';
    position:absolute;
    left:4px;
    top:50%;
    transform:translateY(-50%);
    font-size:11px;
    opacity:.45;
    transition:opacity .2s ease, transform .2s ease;
  }
  thead th.sort-asc::before{
    content:'▲';
    opacity:.85;
    transform:translateY(-50%) scale(1.1);
  }
  thead th.sort-desc::before{
    content:'▼';
    opacity:.85;
    transform:translateY(-50%) scale(1.1);
  }
  thead th:hover::before,
  thead th:focus-visible::before{opacity:.7}
  thead th[data-sortable="false"],
  thead th.no-sort{cursor:inherit; padding:0 12px}
  thead th[data-sortable="false"]::before,
  thead th.no-sort::before{content:none}
  tbody tr{background:var(--panel); border:1px solid var(--border); border-radius:12px}
  tbody tr td{padding:10px 12px}
  tbody tr:hover,.hover-outline:hover{outline:2px solid rgba(255,136,0,.12); cursor:pointer}
  tbody tr.lead-row-highlight:hover{outline:2px solid rgba(59,214,113,.35);}

  /* Horizontal scrolling tables */
  .table-wrap{overflow-x:auto}
  .table-wrap table{width:max-content; white-space:nowrap}

  /* Project components tab */
  .components-tab{display:flex; flex-direction:column; gap:24px}
  .components-panel{
    position:relative;
    border-radius:calc(var(--radius) + 4px);
    padding:22px;
    background:
      radial-gradient(140% 120% at 100% 0, rgba(255,136,0,.12), transparent),
      linear-gradient(160deg, rgba(255,255,255,.05), transparent 55%),
      var(--panel-2);
    border:1px solid rgba(255,255,255,.04);
    box-shadow:0 18px 50px rgba(5,10,20,.35);
    overflow:hidden;
  }
  [data-theme="light"] .components-panel{
    border:1px solid rgba(13,36,56,.08);
    box-shadow:0 18px 46px rgba(15,36,56,.12);
    background:
      radial-gradient(140% 120% at 100% 0, rgba(0,119,255,.12), transparent),
      linear-gradient(160deg, rgba(255,255,255,.7), rgba(255,255,255,.1) 60%),
      var(--panel-2);
  }
  .components-panel::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(135deg, rgba(255,255,255,.08), transparent 65%);
    opacity:.7;
    pointer-events:none;
  }
  .components-panel>*{position:relative}
  .components-panel__header{display:flex; gap:18px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap}
  .components-panel__header h3{margin:0}
  .components-panel__header p{margin:4px 0 0; max-width:520px}
  .components-panel__meta{flex:1; min-width:220px}
  .components-panel__icon{
    width:48px;
    height:48px;
    border-radius:16px;
    background:linear-gradient(135deg, rgba(255,136,0,.85), rgba(255,215,0,.6));
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    box-shadow:0 8px 18px rgba(255,136,0,.35);
  }
  .components-panel__icon .icon{width:24px; height:24px; opacity:.95}
  [data-theme="light"] .components-panel__icon{
    background:linear-gradient(135deg, rgba(0,119,255,.85), rgba(102,170,255,.6));
    box-shadow:0 10px 24px rgba(0,119,255,.25);
    color:#0d2438;
  }
  .components-panel__actions{display:flex; align-items:center; gap:10px}
  .components-panel__body{margin-top:18px}
  .components-panel__footer{margin-top:20px; display:flex; gap:12px; flex-wrap:wrap}
  .components-form-grid{align-items:flex-end}
  .components-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:46px;
    padding:10px 16px;
    border-radius:999px;
    background:rgba(255,136,0,.18);
    color:var(--accent);
    font-weight:700;
    font-size:16px;
    box-shadow:0 6px 18px rgba(255,136,0,.25);
  }
  [data-theme="light"] .components-badge{background:rgba(0,119,255,.12); color:#0056c9; box-shadow:0 10px 24px rgba(0,119,255,.15)}
  .components-table-wrap{margin-top:18px}
  .components-table-wrap table{width:100%; white-space:normal}
  .components-table-wrap tbody tr{transition:transform .2s ease, box-shadow .2s ease}
  .components-table-wrap tbody tr:hover{transform:translateY(-2px); box-shadow:0 10px 22px rgba(5,10,20,.4)}
  .components-empty{
    padding:32px;
    border:1px dashed rgba(255,255,255,.12);
    border-radius:var(--radius);
    text-align:center;
    background:rgba(255,255,255,.02);
  }
  [data-theme="light"] .components-empty{border-color:rgba(13,36,56,.12); background:rgba(13,36,56,.04)}
  .components-panel__hint{line-height:1.6}
  .components-manage-btn{padding:8px 14px; font-size:13px}
  .components-panel--list .components-panel__header{align-items:center}
  .components-panel--list .components-panel__header p{max-width:none}

  /* Responsive Buchhaltungstabelle: blendet bei kleineren Bildschirmen weniger relevante Spalten aus */
  .table-wrap table.accounting-table{width:100%; white-space:nowrap; table-layout:fixed}
  .accounting-table th,
  .accounting-table td{overflow:hidden; text-overflow:ellipsis}
  @media (max-width:1800px){
    .accounting-table th:nth-child(n+18),
    .accounting-table td:nth-child(n+18){display:none}
  }
  @media (max-width:1600px){
    .accounting-table th:nth-child(n+16),
    .accounting-table td:nth-child(n+16){display:none}
  }
  @media (max-width:1400px){
    .accounting-table th:nth-child(n+14),
    .accounting-table td:nth-child(n+14){display:none}
  }
  @media (max-width:1200px){
    .accounting-table th:nth-child(n+12),
    .accounting-table td:nth-child(n+12){display:none}
  }
  @media (max-width:1000px){
    .accounting-table th:nth-child(n+9),
    .accounting-table td:nth-child(n+9){display:none}
  }
  @media (max-width:800px){
    .accounting-table th:nth-child(n+7),
    .accounting-table td:nth-child(n+7){display:none}
  }
  @media (max-width:600px){
    .accounting-table th:nth-child(n+6),
    .accounting-table td:nth-child(n+6){display:none}
  }

  /* Forms */
  .field{display:flex; flex-direction:column; gap:6px}
  .field>.field-label{font-weight:600}
  .lexware-items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}
  .lexware-item-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
  .lexware-item-field{margin-bottom:0}
  .lexware-item-service{flex:1 1 220px}
  .lexware-item-description{flex:1 1 100%;order:5}
  .lexware-item-quantity{flex:0 1 120px}
  .lexware-item-price{flex:0 1 160px}
  .lexware-item-unit{flex:0 1 120px}
  .lexware-item-tax{flex:0 1 160px}
  .lexware-item-remove{align-self:flex-end;padding:8px 10px;order:6}
  .lexware-items-summary{margin-top:14px;display:flex;flex-direction:column;gap:6px}
  .lexware-items-summary-row{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}
  .lexware-items-summary-row strong{font-weight:600}
  .lexware-offer-preview{display:flex;flex-direction:column;gap:18px}
  .lexware-offer-preview-section{display:flex;flex-direction:column;gap:10px}
  .lexware-offer-preview-section h4{margin:0;font-size:16px;font-weight:600}
  .lexware-offer-preview-contact{display:flex;flex-direction:column;gap:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px}
  .lexware-offer-preview-contact strong{font-weight:600}
  .lexware-offer-preview-total{display:flex;justify-content:flex-end;font-weight:700;font-size:16px;margin-top:6px}
  .lexware-offer-preview-actions{display:flex;justify-content:flex-end;gap:8px}
  @media (max-width:640px){
    .lexware-item-service,.lexware-item-description{flex:1 1 100%}
    .lexware-item-quantity,.lexware-item-price,.lexware-item-unit,.lexware-item-tax{flex:1 1 160px}
  }
  input, select, textarea{background:var(--panel-2); color:var(--text); border:1px solid var(--border); border-radius:10px; padding:10px; width:100%; box-sizing:border-box}
  textarea{min-height:100px; resize:vertical}
  textarea.autosize{min-height:0; height:auto; overflow-y:hidden}

  /* Switches */
  .switch{position:relative;display:inline-block;width:40px;height:22px;margin-right:8px}
  .switch input{opacity:0;width:0;height:0}
  .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border);transition:.2s;border-radius:22px}
  .switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:var(--panel);transition:.2s;border-radius:50%}
  .switch input:checked+.slider{background:var(--accent)}
  .switch input:checked+.slider:before{transform:translateX(18px)}
  .row{display:flex; gap:10px; align-items:center}
  .field + .row{margin-top:8px}
  .row.switch-row{margin-top:8px}
  .stack{display:flex; gap:10px; flex-wrap:wrap}
  .pill{display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border-radius:999px; font-size:12px; border:1px solid var(--border); background:var(--panel-2); box-shadow:none}
  .status-pill[data-s="Abgeschlossen"]{background:rgba(59,214,113,.2); border-color:rgba(59,214,113,.35)}
  .status-pill[data-s="Storniert"]{background:rgba(255,93,115,.2); border-color:rgba(255,93,115,.35)}
  .status-pill-interactive{cursor:pointer; position:relative; transition:background .15s ease, color .15s ease}
  .status-pill-interactive:hover{background:rgba(255,136,0,.12)}
  [data-theme="light"] .status-pill-interactive:hover{background:rgba(0,119,255,.12)}
  .status-pill-interactive .status-caret{font-size:10px; opacity:.6; transition:transform .15s ease}
  .status-pill-interactive[aria-expanded="true"] .status-caret{transform:rotate(180deg)}
  .status-menu{position:fixed; z-index:260; background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:6px; box-shadow:var(--shadow); min-width:160px; opacity:0; transform:translateY(-4px); transition:opacity .15s ease, transform .15s ease; pointer-events:none}
  .status-menu.show{opacity:1; transform:translateY(0); pointer-events:auto}
  .status-menu-item{padding:6px 12px; border-radius:8px; cursor:pointer; outline:none}
  .status-menu-item:hover,.status-menu-item:focus-visible{background:rgba(255,136,0,.12)}
  [data-theme="light"] .status-menu-item:hover,[data-theme="light"] .status-menu-item:focus-visible{background:rgba(0,119,255,.12)}
  .status-menu-item.active{background:var(--accent); color:#fff}
  .badge{display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid var(--border); background:var(--panel-2); border-radius:999px}
  .nb-upload-area{margin-top:12px; padding:16px; border:1px dashed var(--border); border-radius:12px; background:var(--panel-2); display:flex; flex-direction:column; gap:10px; cursor:pointer; transition:border-color .2s ease, background .2s ease, box-shadow .2s ease}
  .nb-upload-area.disabled{opacity:.55; cursor:not-allowed}
  .nb-upload-area.disabled button{pointer-events:none; opacity:.8}
  .nb-upload-area .nb-upload-main{display:flex; gap:12px; align-items:center; flex-wrap:wrap}
  .nb-upload-area .nb-upload-copy{display:flex; flex-direction:column; gap:6px}
  .nb-upload-area .nb-upload-icon{width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.05); color:var(--text)}
  .nb-upload-area .nb-upload-icon .icon{width:20px; height:20px; opacity:.9}
  [data-theme="light"] .nb-upload-area{background:rgba(0,0,0,.02)}
  [data-theme="light"] .nb-upload-area .nb-upload-icon{background:rgba(0,119,255,.12); color:var(--accent)}
  .nb-upload-area.dragover{border-color:var(--accent); background:rgba(255,136,0,.12); box-shadow:0 0 0 2px rgba(255,136,0,.15)}
  .nb-upload-area .muted-small{margin:0}
  .netz-row-header{display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap}
  .netz-row-badges{display:flex; align-items:center; gap:6px; flex-wrap:wrap; justify-content:flex-end}
  .danger{background:rgba(255,93,115,.12); border-color:rgba(255,93,115,.3)}
  .warn{background:rgba(255,209,102,.12); border-color:rgba(255,209,102,.3)}
  .ok{background:rgba(59,214,113,.12); border-color:rgba(59,214,113,.3)}
  .task.danger, tr.danger{background:rgba(255,93,115,.2)!important;}
  .task.warn, tr.warn{background:rgba(255,209,102,.2)!important;}
  .project-task.danger{border-color:rgba(255,93,115,.35); background:rgba(255,93,115,.18);}
  .project-task.warn{border-color:rgba(255,209,102,.3); background:rgba(255,209,102,.16);}
  .project-task.ok{border-color:rgba(59,214,113,.3); background:rgba(59,214,113,.16);}
  .lead-row-highlight{background:rgba(59,214,113,.18)!important; border-color:rgba(59,214,113,.45)!important;}
  [data-theme="light"] .lead-row-highlight{background:rgba(15,169,88,.14)!important; border-color:rgba(15,169,88,.35)!important;}
  .task-icon{
    position:relative;
    display:inline-block;
    min-width:24px;
    height:24px;
    background:var(--accent);
    color:#fff;
    border-radius:6px;
    font-weight:700;
    line-height:24px;
    text-align:center;
    margin-left:6px;
    padding:0 6px;
  }
  .task-icon .overdue{
    position:absolute;
    top:-6px;
    right:-6px;
    background:var(--bad);
    color:#fff;
    border-radius:50%;
    padding:0 4px;
    font-size:12px;
    line-height:16px;
    min-width:16px;
    height:16px;
  }
  .avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;display:block}
  .sep{height:1px; background:var(--border); margin:10px 0}

  /* Global Search centered & solid */
  .search-wrap{display:flex; justify-content:center}
  .search{width: 720px; max-width: calc(100vw - 420px); position:relative}
  .search input{width:100%; padding-left:38px}
  .search i{position:absolute; left:10px; top:50%; transform:translateY(-50%); opacity:.7; color:var(--muted); width:18px; height:18px}
  .search-results{
    position:absolute; top:44px; left:0; right:0;
    display:none; z-index:120; max-height:420px; overflow:auto;
    padding:12px; border-radius:16px;
    background:linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.02)) var(--panel);
    border:1px solid color-mix(in srgb, var(--border) 70%, transparent);
    box-shadow:0 18px 46px rgba(0,0,0,.55);
    backdrop-filter:blur(14px);
    transform-origin:top center;
    animation:searchDropdownFade .18s ease;
  }
  .search-results.show{display:flex; flex-direction:column; gap:10px}
  .search-group{display:flex; flex-direction:column; gap:8px}
  .search-group + .search-group{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent); padding-top:8px; margin-top:2px}
  .search-results .group-title{
    display:flex; align-items:center; gap:8px;
    font-size:12px; font-weight:600; letter-spacing:.08em;
    text-transform:uppercase; color:var(--muted);
    padding:0 4px;
  }
  .search-results .group-title::before{
    content:''; width:8px; height:8px; border-radius:999px;
    background:color-mix(in srgb, var(--accent) 65%, transparent);
    box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 45%, transparent);
  }
  .search-results .item{
    position:relative; display:flex; align-items:flex-start; gap:12px;
    padding:10px 12px; border-radius:12px;
    background:linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:1px solid transparent; box-shadow:inset 0 1px rgba(255,255,255,.04);
    transition:background .2s ease, border-color .2s ease, transform .2s ease;
  }
  .search-results .item:hover{
    background:linear-gradient(145deg, rgba(255,136,0,.16), rgba(255,136,0,.04));
    border-color:color-mix(in srgb, var(--accent) 45%, transparent);
    transform:translateY(-1px);
  }
  .search-results .item:focus-within{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent); outline-offset:2px}
  .search-item-badge{
    display:inline-flex; align-items:center; justify-content:center;
    font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.08em;
    padding:4px 10px; border-radius:999px;
    background:color-mix(in srgb, var(--accent) 22%, transparent);
    color:color-mix(in srgb, var(--accent) 85%, white 15%);
    flex-shrink:0;
  }
  .search-item-content{display:flex; flex-direction:column; gap:4px; flex:1; min-width:0}
  .search-item-title{color:var(--text); font-weight:600; text-decoration:none; line-height:1.4}
  .search-item-title:hover{color:var(--accent)}
  .search-item-subtitle{color:var(--muted); font-size:13px; line-height:1.3}
  .search-item-meta{display:flex; flex-wrap:wrap; gap:6px}
  .search-item-chip{
    display:inline-flex; align-items:center; justify-content:center;
    padding:2px 8px; border-radius:999px; font-size:11px;
    background:color-mix(in srgb, var(--panel-2) 60%, transparent);
    border:1px solid color-mix(in srgb, var(--border) 80%, transparent);
    color:var(--muted);
  }
  .search-results .item:hover .search-item-chip{color:var(--accent); border-color:color-mix(in srgb, var(--accent) 35%, transparent)}
  .search-results-empty{
    padding:16px; text-align:center; border-radius:12px;
    background:linear-gradient(145deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
    color:var(--muted);
  }

  /* Dropdown visibility (dark & light) */
  :root { color-scheme: light dark }
  select{
    appearance:none; padding-right:36px;
    background-image:
      linear-gradient(45deg, transparent 50%, var(--muted) 50%),
      linear-gradient(135deg, var(--muted) 50%, transparent 50%),
      linear-gradient(to right, transparent, transparent);
    background-position: calc(100% - 20px) 16px, calc(100% - 12px) 16px, calc(100% - 2.6em) 0.5em;
    background-size:6px 6px, 6px 6px, 1px 2em; background-repeat:no-repeat;
  }
  select:focus{outline:2px solid color-mix(in oklab, var(--accent) 70%, transparent); outline-offset:2px}
  option{background:var(--panel); color:var(--text)}

  /* Kanban board */
  .kanban{display:grid; grid-template-columns:repeat(auto-fit, minmax(360px, 1fr)); gap:18px; width:100%; align-items:start}
  .col{background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 92%, transparent), color-mix(in srgb, var(--panel-2) 90%, transparent)); border:1px solid color-mix(in srgb, var(--border) 80%, transparent); border-radius:16px; padding:16px; min-height:200px; display:flex; flex-direction:column; position:relative; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.16)}
  .col::before{content:''; position:absolute; inset:0; background:radial-gradient(120% 60% at 20% 14%, color-mix(in srgb, var(--col-accent, var(--accent)) 10%, transparent), transparent); opacity:.8; pointer-events:none}
  .col-header{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; position:relative; z-index:1; border-bottom:1px solid color-mix(in srgb, var(--border) 85%, transparent); padding-bottom:8px}
  .col-title{display:flex; align-items:center; gap:8px; font-size:15px; font-weight:800; color:var(--text); letter-spacing:.01em}
  .col-dot{width:10px; height:10px; border-radius:999px; background:var(--col-accent, var(--accent)); box-shadow:0 0 0 4px color-mix(in srgb, var(--col-accent, var(--accent)) 28%, transparent)}
  .col-count{display:inline-flex; align-items:center; justify-content:center; min-width:42px; padding:6px 12px; border-radius:999px; font-weight:800; background:color-mix(in srgb, var(--col-accent, var(--accent)) 16%, transparent); color:color-mix(in srgb, var(--col-accent, var(--accent)) 86%, white 12%); border:1px solid color-mix(in srgb, var(--col-accent, var(--accent)) 30%, transparent)}
  .col .dropzone{flex:1; display:flex; flex-direction:column; gap:12px; padding:14px 8px 10px; position:relative; z-index:1; background:color-mix(in srgb, var(--panel-2) 78%, transparent); border-radius:12px; border:1px dashed color-mix(in srgb, var(--border) 80%, transparent)}
  .task{background:linear-gradient(160deg, color-mix(in srgb, var(--panel-2) 82%, transparent), color-mix(in srgb, var(--task-accent, var(--accent)) 12%, var(--panel))); border:1px solid color-mix(in srgb, var(--task-accent, var(--accent)) 32%, var(--border)); border-left:6px solid color-mix(in srgb, var(--task-accent, var(--accent)) 85%, var(--accent)); border-radius:14px; padding:16px; margin:0; transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease; position:relative; overflow:visible; box-shadow:0 12px 28px rgba(0,0,0,.16); isolation:isolate; display:flex; flex-direction:column; gap:10px; align-items:flex-start}
  .task::before{content:''; position:absolute; inset:0; background:linear-gradient(135deg, color-mix(in srgb, var(--task-accent, var(--accent)) 12%, transparent), transparent 60%); opacity:.6; pointer-events:none; z-index:0}
  .task[draggable=true]{cursor:grab;}
  .task[draggable=true]:hover{transform:translateY(-2px); box-shadow:0 14px 32px rgba(0,0,0,.22); background:linear-gradient(150deg, color-mix(in srgb, var(--panel-2) 84%, transparent), color-mix(in srgb, var(--task-accent, var(--accent)) 16%, var(--panel)))}
  .task.ok{background:color-mix(in srgb, #3bd671 14%, var(--panel-2)); border-color:color-mix(in srgb, #3bd671 40%, var(--border))}
  .task .task-header{display:flex; align-items:flex-start; justify-content:space-between; gap:10px; flex-wrap:wrap}
  .task .task-title{font-weight:800; color:var(--text); line-height:1.38; letter-spacing:.01em; flex:1 1 200px; min-width:0; word-break:break-word}
  .task .task-date{display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:10px; font-size:12px; background:color-mix(in srgb, var(--task-accent, var(--accent)) 14%, transparent); color:color-mix(in srgb, var(--task-accent, var(--accent)) 82%, white 14%); border:1px solid color-mix(in srgb, var(--task-accent, var(--accent)) 30%, transparent); white-space:nowrap; margin-top:4px; flex:0 0 auto}
  .task .task-date.overdue{background:color-mix(in srgb, var(--bad) 22%, transparent); color:color-mix(in srgb, var(--bad) 88%, white 12%); border-color:color-mix(in srgb, var(--bad) 36%, transparent)}
  .task .task-date.today{background:color-mix(in srgb, var(--accent) 26%, transparent)}
  .task .project-label{margin-top:6px; color:var(--muted); font-size:13px; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; gap:6px}
  .task .project-label:hover{color:var(--accent)}
  .task .meta{display:flex; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:12px; margin-top:10px}
  .task .task-chip{display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:10px; background:color-mix(in srgb, var(--task-accent, var(--accent)) 6%, transparent); border:1px solid color-mix(in srgb, var(--task-accent, var(--accent)) 22%, transparent); color:color-mix(in srgb, var(--task-accent, var(--accent)) 72%, white 12%); font-weight:700}
  .task .task-chip.outlined{background:color-mix(in srgb, var(--panel-2) 88%, transparent); border-style:dashed}
  .project-task-list{display:flex; flex-direction:column; gap:12px;}
  .project-task{display:flex; gap:14px; align-items:flex-start; padding:14px 18px; border:1px solid color-mix(in srgb, var(--border) 85%, transparent); border-radius:14px; background:color-mix(in srgb, var(--panel-2) 92%, transparent); transition:transform .18s ease, box-shadow .18s ease, border-color .2s ease;}
  .project-task:hover{transform:translateY(-1px); box-shadow:0 10px 24px rgba(0,0,0,.18);}
  .project-task:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, transparent); box-shadow:0 0 0 3px rgba(255,136,0,.25);}
  [data-theme="light"] .project-task{background:rgba(0,0,0,.02);}
  .task-checkbox{position:relative; width:24px; height:24px; border-radius:8px;}
  .task-checkbox-input{position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer;}
  .task-checkbox-box{width:100%; height:100%; border-radius:inherit; border:2px solid color-mix(in srgb, var(--border) 70%, transparent); display:flex; align-items:center; justify-content:center; transition:background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;}
  .task-checkbox-icon{color:#fff; opacity:0; transform:scale(.8); transition:opacity .15s ease, transform .15s ease; display:inline-flex}
  .task-checkbox-icon .icon{width:12px; height:12px}
  .task-checkbox-input:checked + .task-checkbox-box{background:var(--accent); border-color:var(--accent); box-shadow:0 8px 18px rgba(255,136,0,.35);}
  .task-checkbox-input:checked + .task-checkbox-box .task-checkbox-icon{opacity:1; transform:scale(1);}
  .task-checkbox-input:focus-visible + .task-checkbox-box{box-shadow:0 0 0 3px rgba(255,136,0,.4), 0 8px 18px rgba(255,136,0,.35); border-color:var(--accent);}
  .task-checkbox-input:disabled + .task-checkbox-box{opacity:.5; cursor:not-allowed;}
  .project-task-main{display:flex; flex-direction:column; gap:6px; flex:1 1 auto; min-width:0;}
  .project-task-header{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap;}
  .project-task-title{font-weight:600; font-size:15px; color:var(--text);}
  .project-task-title button{font:inherit;}
  .project-task-due{font-size:12px; color:var(--muted); white-space:nowrap;}
  .project-task-meta{display:flex; flex-wrap:wrap; gap:10px; font-size:12px; color:var(--muted);}
  .project-task-badges{display:flex; gap:6px; flex-wrap:wrap;}
  .project-task-completed{font-size:12px; color:var(--muted);}
  .activity{padding:4px;border-radius:8px;align-items:flex-start;}
  .activity .avatar{flex:0 0 auto;}
  .activity.editable:hover{outline:2px solid rgba(255,136,0,.12);cursor:pointer;}
  .drop{outline:2px dashed rgba(255,136,0,.12)}
  .over{outline:2px dashed var(--accent)}

  .img-drop{border:2px dashed rgba(255,136,0,.3); border-radius:10px; padding:10px; text-align:center; color:var(--muted); cursor:pointer}
  .img-drop.over{border-color:var(--accent); color:var(--accent)}
  .img-drop img{max-width:100%; max-height:100px; display:block; margin-top:6px}
  .rich-images{display:flex; flex-wrap:wrap; gap:8px; margin-top:6px}
  .rich-images img{max-width:200px; max-height:200px; display:block; cursor:pointer; border-radius:8px; outline:none}
  .rich-images img:focus{box-shadow:0 0 0 3px var(--primary, #0066ff)}
  .img-preview{display:flex; gap:6px; flex-wrap:wrap; margin-top:6px}
  .img-preview .thumb{position:relative}
  .img-preview .thumb img{width:60px; height:60px; object-fit:cover; border-radius:8px; display:block}
  .img-preview .thumb .remove{position:absolute; top:-6px; right:-6px; background:var(--bad); color:#fff; border-radius:50%; width:18px; height:18px; display:flex; align-items:center; justify-content:center; cursor:pointer}
  .img-preview .thumb .remove .icon{width:10px; height:10px; opacity:.9}

  /* Modal */
  .modal{position:fixed; inset:0; background:rgba(0,0,0,.55); display:none; align-items:center; justify-content:center; z-index:200}
  .modal.show{display:flex}
  .modal .box{background:var(--panel); border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow); width:min(900px, calc(100vw - 40px)); max-height:80vh; overflow:auto; padding:14px}
  .modal-tabs{display:flex; gap:8px; flex-wrap:wrap; margin:12px 0}
  .modal-tabs .btn{padding:8px 14px; font-weight:600}
  .modal-tab-panel{display:flex; flex-direction:column; gap:12px}
  .modal-tab-panel[hidden]{display:none}
  .modal-section{background:var(--panel-2); border:1px solid var(--border); border-radius:12px; padding:14px; display:flex; flex-direction:column; gap:12px}
  .modal-section-title{font-weight:600; font-size:15px}
  .modal-section-subtext{color:var(--muted); font-size:13px}
  .nb-access-list{display:flex; flex-direction:column; gap:10px}
  .nb-access-card{background:var(--panel); border:1px solid var(--border); border-radius:10px; padding:12px; display:flex; flex-direction:column; gap:10px}
  .nb-access-header{display:flex; justify-content:space-between; align-items:flex-start; gap:12px}
  .nb-access-master{font-weight:600}
  .nb-access-credentials{display:grid; gap:10px; grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
  .nb-access-label{font-size:12px; color:var(--muted)}
  .nb-access-value{font-weight:500; word-break:break-word}
  .nb-access-actions{display:flex; gap:6px}
  .nb-mode-hint{color:var(--muted); font-size:13px}

  /* Notification popup */
  .notif-popup{position:fixed; right:18px; top:72px; width:320px; max-height:60vh; overflow:auto; overflow-x:hidden; z-index:220;
    background:var(--panel); border:1px solid var(--border); border-radius:12px; box-shadow:var(--shadow); padding:10px;}
  .notif-popup .item{padding:8px; border-bottom:1px dashed rgba(255,255,255,.02)}
  .notif-popup .item:last-child{border-bottom:0}
  .notif-item{display:flex; gap:12px; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; width:100%;}
  .notif-item .notif-main{flex:1 1 auto; min-width:0; overflow-wrap:anywhere;}
  .notif-item .notif-actions{flex-shrink:0; display:flex; align-items:center; gap:8px;}
  .notif-item .notif-actions .btn{white-space:nowrap;}

  .toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(20px);background:var(--panel);color:var(--text);padding:8px 16px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transition:opacity .3s,transform .3s;z-index:240}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .toast .btn{margin-left:8px}
  .toast-choice{border:1px solid transparent}
  .toast-choice.toast-alert{animation:toastAlert .6s ease}
  body.toast-input-active .app{filter:blur(6px); pointer-events:none; user-select:none; transition:filter .2s ease}
  body.toast-input-active::after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(5,10,20,.55);
    backdrop-filter:blur(6px);
    z-index:230;
  }
  body.toast-input-active .toast-choice{z-index:240}
  @keyframes toastAlert{
    0%{box-shadow:var(--shadow);border-color:transparent}
    40%{box-shadow:0 0 0 3px rgba(255,93,115,.45);border-color:var(--bad)}
    60%{box-shadow:0 0 0 3px rgba(255,93,115,.45);border-color:var(--bad)}
    100%{box-shadow:var(--shadow);border-color:transparent}
  }

  /* Scrollable lists */
  .scroll-list{overflow-y:auto}

  /* File upload */
  .upload-area{border:2px dashed var(--border);border-radius:10px;padding:20px;text-align:center;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s}
  .upload-area.over{border-color:var(--accent);color:var(--accent)}
  .file-drop-zone{position:relative;border:2px dashed transparent;border-radius:10px;padding:8px;transition:border-color .2s,background-color .2s}
  .file-drop-zone.file-drop-zone--active{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, transparent)}
  .file-drop-zone.file-drop-zone--disabled{opacity:.6;cursor:not-allowed}
  .proof-dropzone{border:2px dashed var(--border);border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;background:color-mix(in oklab, var(--panel) 88%, transparent);cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s}
  .proof-dropzone:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 8px 22px rgba(5,10,20,.28)}
  .proof-dropzone--hover{border-color:var(--accent);background:color-mix(in oklab, var(--accent) 14%, transparent)}
  .proof-dropzone--has-file{border-color:color-mix(in oklab, var(--accent) 45%, var(--border));box-shadow:0 10px 26px rgba(5,10,20,.32)}
  .proof-dropzone__icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab, var(--accent) 20%, transparent);color:var(--text);flex-shrink:0;box-shadow:0 6px 18px rgba(5,10,20,.18)}
  .proof-dropzone--has-file .proof-dropzone__icon{background:color-mix(in oklab, var(--accent) 38%, transparent);color:#fff}
  .proof-dropzone__icon .icon{width:20px;height:20px}
  .proof-dropzone__text{display:flex;flex-direction:column;gap:4px}
  .proof-dropzone__title{font-weight:600}
  .proof-dropzone__files{color:var(--muted)}
  .proof-file-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in oklab, var(--accent) 16%, transparent);margin:3px 6px 0 0;font-size:13px;color:var(--text);border:1px solid color-mix(in oklab, var(--accent) 28%, var(--border))}

  /* File list */
  .file-item{display:flex; justify-content:space-between; align-items:center; border:1px solid var(--border); border-radius:10px; padding:8px; margin:6px 0}
  .file-gallery{display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); align-items:stretch; margin:16px 0 8px}
  .file-gallery .file-item{margin:0}
  .file-item--gallery{display:flex; flex-direction:column; gap:12px; height:100%; padding:14px; border-radius:12px; background:var(--panel-2); border:1px solid var(--border); box-shadow:var(--shadow)}
  .file-item--gallery .file-preview{border-radius:10px; margin-right:0; width:100%}
  .file-item--gallery .file-preview img{object-fit:cover}
  .file-item--gallery .file-item-body{display:flex; flex-direction:column; gap:10px; flex:1; min-height:0}
  .file-item--gallery .file-item-meta{display:flex; flex-direction:column; gap:4px; min-height:0}
  .file-item--gallery .file-name{word-break:break-word}
  .file-preview-delete-btn{
    position:absolute;
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    border-radius:999px;
    border:none;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(12,20,32,.65);
    color:#fff;
    cursor:pointer;
    box-shadow:0 6px 14px rgba(0,0,0,.35);
    z-index:2;
    transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
  }
  .file-preview-delete-btn:hover{transform:translateY(-2px); background:rgba(12,20,32,.78); box-shadow:0 10px 20px rgba(0,0,0,.4)}
  [data-theme="light"] .file-preview-delete-btn{background:rgba(13,36,56,.55); box-shadow:0 6px 18px rgba(13,36,56,.24)}
  [data-theme="light"] .file-preview-delete-btn:hover{background:rgba(13,36,56,.7); box-shadow:0 10px 24px rgba(13,36,56,.28)}
  .file-item--gallery .file-item-controls{display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-top:auto}
  .file-item--gallery .file-tag-select{flex:1 1 180px; min-width:0}
  .file-item--gallery .file-item-actions-row{display:flex; gap:6px; margin-left:auto}
  .file-item--gallery .file-item-actions-row .btn{padding:6px 10px}
  .file-preview{position:relative;width:60px;height:60px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-right:12px;cursor:pointer;background:var(--panel-2);transition:box-shadow .2s ease}
  .file-preview--gallery{width:100%;height:180px;margin-right:0;border-radius:10px}
  @media (min-width: 1200px){
    .file-preview--gallery{height:220px}
  }
  .file-preview img{width:100%;height:100%;object-fit:contain;pointer-events:none;border:0;overflow:hidden;display:block;opacity:0;transition:opacity .2s ease}
  .file-preview .file-preview-spinner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(0,0,0,.08));transition:opacity .2s ease}
  .file-preview.file-preview--ready img{opacity:1}
  .file-preview.file-preview--ready .file-preview-spinner{opacity:0;pointer-events:none}
  .file-preview.file-preview--pending{cursor:default}
  .file-preview.file-preview--fallback{border-style:dashed}
  .file-preview-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:600;font-size:12px;text-transform:uppercase;color:var(--muted);background:color-mix(in oklab, var(--accent) 12%, transparent)}
  .component-tab-nav{display:flex;gap:8px;margin:12px 0 18px;border-bottom:1px solid var(--border);padding-bottom:6px}
  .component-tab-btn{
    background:color-mix(in oklab, var(--accent) 16%, transparent);
    border:1px solid color-mix(in oklab, var(--accent) 45%, var(--border));
    color:color-mix(in oklab, var(--accent) 70%, var(--muted));
    padding:6px 14px;
    border-radius:999px;
    font-weight:600;
    cursor:pointer;
    transition:background .2s,color .2s,border-color .2s,box-shadow .2s;
  }
  .component-tab-btn:hover,
  .component-tab-btn:focus-visible{
    color:var(--text);
    background:color-mix(in oklab, var(--accent) 26%, transparent);
    border-color:color-mix(in oklab, var(--accent) 65%, var(--border));
  }
  .component-tab-btn.active{
    color:#fff;
    background:var(--accent);
    border-color:var(--accent);
    box-shadow:0 8px 20px color-mix(in oklab, var(--accent) 35%, rgba(0,0,0,.6));
  }
  .component-tab-section{display:none;flex-direction:column;gap:18px}
  .component-tab-section.active{display:flex}

  .preview-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
  .preview-toolbar .btn{padding:4px 10px;font-size:13px;line-height:1.3}
  .preview-toolbar .muted-small{font-size:12px}
  .preview-content{max-height:calc(80vh - 150px)}
  .preview-content.image{overflow:auto;display:block;padding:12px;border-radius:10px;background:var(--panel-2);text-align:center}
  .preview-content.image img{display:block;max-width:100%;height:auto;margin:0 auto;transform-origin:center center;transition:transform .15s ease}
  .preview-content.pdf{overflow:hidden}
  .preview-browser-window{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
  .preview-browser-chrome{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--panel-2) 88%, var(--panel))}
  .preview-browser-dot{width:8px;height:8px;border-radius:999px;background:color-mix(in oklab, var(--muted) 70%, transparent);flex:0 0 auto}
  .preview-browser-address{margin-left:4px;flex:1;min-width:0;font-size:12px;color:var(--muted);padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .preview-browser-frame{display:block;min-height:calc(80vh - 210px);height:calc(80vh - 210px);border:0;border-radius:0;background:#fff}
  .preview-content.other{padding:24px;border-radius:10px;background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}
  .preview-content.other p{margin:0;color:var(--muted)}
  .preview-fallback-icon{width:72px;height:72px;border-radius:16px;background:color-mix(in oklab, var(--accent) 16%, transparent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;text-transform:uppercase;color:color-mix(in oklab, var(--accent) 75%, var(--text))}
  .pdf-container{width:100%;max-height:calc(80vh - 150px);overflow:auto;padding:12px;border-radius:10px;background:var(--panel-2)}
  .pdf-container::-webkit-scrollbar{display:none;}
  .pdf-container{scrollbar-width:none;}
  .pdf-page{position:relative;margin-bottom:16px}
  .pdf-page:last-child{margin-bottom:0}
  .pdf-page canvas{width:100%;height:auto;display:block}
  .pdf-page .textLayer{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;line-height:1;pointer-events:auto}
  .pdf-page .textLayer span{position:absolute;color:transparent;white-space:pre;cursor:text;transform-origin:0 0;pointer-events:auto}
  .pdf-page .textLayer span::selection{background:rgba(0,120,215,.35);color:#000}
  .pdf-page .textLayer span::-moz-selection{background:rgba(0,120,215,.35);color:#000}
  .pdf-page .textLayer .endOfContent{display:none}
  .file-name{font-weight:600;cursor:text}
  .file-name.renaming{cursor:auto}
  .file-name-label{cursor:pointer;display:inline-block}
  .file-name.renaming .file-name-label{display:none}
  .file-rename-input{width:100%;box-sizing:border-box;font-weight:600;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}

  /* Login */
  .center{display:grid; min-height:100vh; place-items:center}
  .logo-big{display:block; width:60px; height:auto; margin:0 auto 10px}
  .login{width:min(520px, 92vw)}
  .hint{font-size:12px; color:var(--muted-2)}
  .auth-card{padding:32px 28px}
  .auth-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}
  .auth-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
    background:linear-gradient(135deg,var(--accent),rgba(255,255,255,0.18));color:#fff;box-shadow:0 8px 18px rgba(0,0,0,0.25)}
  .auth-icon .icon{width:24px;height:24px;opacity:.95}
  .auth-description{margin:0;color:var(--muted);font-size:14px}
  .auth-alert{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.03);
    font-size:14px;line-height:1.4;color:var(--text);transition:transform .2s ease}
  .auth-alert.auth-error{background:rgba(231,76,60,0.18);border-color:rgba(231,76,60,0.35);color:var(--danger,#e74c3c)}
  .auth-alert.auth-success{background:rgba(46,204,113,0.15);border-color:rgba(46,204,113,0.3);color:var(--success,#27ae60)}
  .auth-highlight{border-radius:12px;padding:12px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);}
  .auth-highlight strong{display:block;margin-bottom:4px;font-size:14px}
  .auth-highlight span{font-size:13px;color:var(--muted)}
  .auth-actions{display:flex;flex-direction:column;gap:8px}
  .auth-secondary-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--accent);text-decoration:none}
  .auth-secondary-link:hover{text-decoration:underline}
  .auth-inline-link{margin-top:6px}
  .auth-inline-link a{color:var(--accent);font-size:13px;text-decoration:none}
  .auth-inline-link a:hover{text-decoration:underline}

  /* Loader */
  .loader{position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.3); backdrop-filter:blur(4px); z-index:300}
  .spinner{display:inline-block;width:60px; height:60px; border-radius:50%; border:6px solid var(--border); border-top-color:var(--accent); animation:spin 1s linear infinite}
  .spinner-inline{width:28px; height:28px; border-width:4px}
  .spinner-inline--small{width:18px; height:18px; border-width:3px}
  .loading-indicator{display:inline-flex;align-items:center;gap:8px;line-height:1}
  .loading-indicator .spinner{flex-shrink:0}
  .loading-indicator-label{display:inline-block}
  @keyframes spin{to{transform:rotate(360deg)}}

  /* Utilities */
  .hide{display:none}
  .w-100{width:100%}
  .noselect{user-select:none}
  .right { display:flex; gap:8px; align-items:center }