:root{
    --bg-0:#0b0c10;
    --red:#d4232b;--red-2:#9c151c;--red-glow:#ff453a;
    --text:#f6f6f8;--muted:#aab0bb;--muted-2:#777b85;
    --sq:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='none'%3E%3Cpath%20d='M50%200C78%200%2092%200%2096.5%207.5C100%2013.5%20100%2022%20100%2050C100%2078%20100%2086.5%2096.5%2092.5C92%20100%2078%20100%2050%20100C22%20100%208%20100%203.5%2092.5C0%2086.5%200%2078%200%2050C0%2022%200%2013.5%203.5%207.5C8%200%2022%200%2050%200Z'/%3E%3C/svg%3E");
    --noise:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'/%3E%3C/svg%3E");
    --sf:-apple-system,"SF Pro Display","SF Pro Text","Segoe UI",system-ui,"Inter",sans-serif;
    --mono:ui-monospace,"SF Mono","JetBrains Mono",monospace;
    --bg:url("bg.jpg");
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{font-family:var(--sf);color:var(--text);background:var(--bg-0);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

  /* ---------- WALLPAPER ---------- */
  .scene{position:fixed;inset:0;overflow:hidden;
    background-image:
      linear-gradient(180deg, rgba(8,9,12,.66) 0%, rgba(8,9,12,.28) 28%, rgba(8,9,12,.40) 66%, rgba(8,9,12,.74) 100%),
      radial-gradient(1300px 950px at 50% 32%, rgba(0,0,0,0) 38%, rgba(6,7,10,.55) 100%),
      var(--bg);
    background-size:cover,cover,cover;background-position:center,center,center;background-repeat:no-repeat;}
  .ember{position:absolute;right:-150px;bottom:-190px;width:640px;height:640px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,90,40,.30),transparent 62%);filter:blur(24px);
    animation:breathe 9s ease-in-out infinite;pointer-events:none}
  @keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}

  /* ---------- LIQUID GLASS MATERIAL ---------- */
  .glass{position:relative;isolation:isolate;
    background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.045));
    backdrop-filter:blur(26px) saturate(185%);-webkit-backdrop-filter:blur(26px) saturate(185%);
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 16px 42px rgba(0,0,0,.42), inset 0 1px 1px rgba(255,255,255,.6), inset 0 -14px 28px rgba(0,0,0,.14);}
  .glass::before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--noise);
    background-size:140px;opacity:.05;mix-blend-mode:overlay;pointer-events:none;z-index:-1}
  .glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
    background:
      radial-gradient(420px circle at calc(var(--mx,.3)*100%) calc(var(--my,.2)*100%), rgba(255,255,255,.20), transparent 55%),
      radial-gradient(120% 90% at 18% 0%, rgba(255,255,255,.28), transparent 42%);}

  /* ---------- FLOATING TOP BAR ---------- */
  .bar{position:fixed;top:14px;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;
    gap:14px;padding:0 18px;pointer-events:none}
  .pill{pointer-events:auto;display:flex;align-items:center;border-radius:20px;height:54px;padding:0 16px}
  .brand{gap:12px}
  .brand img{height:42px;width:auto;display:block;max-width:240px}
  .brand .wm{display:flex;flex-direction:column;line-height:1.05}
  .brand .wm b{font-weight:700;letter-spacing:.2px;font-size:14.5px}
  .brand .wm b span{color:var(--red-glow)}
  .brand .wm small{color:var(--muted);font-size:10px;letter-spacing:.4px;text-transform:uppercase}

  .cluster{gap:14px;position:relative}
  .kwpill{font-family:var(--mono);font-weight:700;font-size:11px;color:#fff;letter-spacing:.5px;padding:6px 10px;border-radius:11px;
    background:linear-gradient(150deg,rgba(255,90,80,.65),rgba(156,21,28,.6));border:1px solid rgba(255,255,255,.25);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.5)}
  .meta{display:flex;flex-direction:column;gap:1px;text-align:right}
  .meta .date{font-size:12.5px;font-weight:600}
  .meta .wd{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.4px}
  .time{font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:1px;line-height:1}
  .time .sec{color:var(--red-glow);font-size:13px}
  .divider{width:1px;height:28px;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.22),rgba(255,255,255,0))}
  .user{display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:13px;padding:4px 6px 4px 4px}
  .user:hover{background:rgba(255,255,255,.08)}
  .ava{width:34px;height:34px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:13px;
    -webkit-mask:var(--sq) center/100% 100% no-repeat;mask:var(--sq) center/100% 100% no-repeat;
    background:linear-gradient(150deg,rgba(255,90,80,.85),rgba(156,21,28,.85));
    box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.22)}
  .user .uname{font-weight:600;font-size:13.5px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .user .chev{color:var(--muted);font-size:10px}

  .menu{position:absolute;top:62px;right:0;min-width:222px;border-radius:18px;padding:7px;display:none;flex-direction:column;gap:2px;z-index:60}
  .menu.open{display:flex}
  .menu button,.menu a{all:unset;text-decoration:none;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:12px;
    font-family:var(--sf);font-size:13.5px;color:var(--text);cursor:pointer}
  .menu button:hover,.menu a:hover{background:rgba(255,255,255,.10)}
  .menu button svg,.menu a svg{width:17px;height:17px;color:var(--muted);flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .menu .danger:hover{background:rgba(255,69,58,.18)}.menu .danger:hover svg{color:var(--red-glow)}
  .menu hr{border:none;border-top:1px solid rgba(255,255,255,.12);margin:4px 2px}

  /* ---------- GREETING (content, no glass) ---------- */
  .hello{position:fixed;top:96px;left:40px;right:40px;z-index:20;pointer-events:none}
  .hello h1{font-weight:700;font-size:clamp(30px,4.6vw,48px);letter-spacing:-.9px;text-shadow:0 2px 18px rgba(0,0,0,.35)}
  .hello h1 .accent{color:var(--red-glow)}
  .hello p{margin-top:6px;color:var(--muted);font-size:14.5px;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.4)}

  /* ---------- DESKTOP / GLASS ICONS ---------- */
  .desktop{position:fixed;top:184px;left:0;right:0;bottom:0;z-index:10;overflow:hidden}
  .tile{position:absolute;width:205px;display:flex;flex-direction:column;align-items:center;gap:15px;
    text-decoration:none;color:var(--text);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;
    transition:transform .22s cubic-bezier(.2,.85,.3,1)}
  .ico{position:relative;width:192px;height:192px;display:grid;place-items:center;
    -webkit-mask:var(--sq) center/100% 100% no-repeat;mask:var(--sq) center/100% 100% no-repeat;
    backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);
    background:
      radial-gradient(115% 115% at 26% 18%, rgba(255,255,255,.6), rgba(255,255,255,0) 42%),
      radial-gradient(120% 120% at 50% 122%, rgba(255,255,255,.12), transparent 72%),
      linear-gradient(158deg, rgba(255,255,255,.24), rgba(255,255,255,.07));
    box-shadow:inset 0 3px 2px rgba(255,255,255,.6), inset 0 -18px 32px rgba(0,0,0,.22), inset 0 0 0 1.5px rgba(255,255,255,.24);
    filter:drop-shadow(0 19px 30px rgba(0,0,0,.45));
    transition:filter .22s ease,background .22s ease}
  .ico svg{position:relative;width:93px;height:93px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
    filter:drop-shadow(0 1px 3px rgba(0,0,0,.55))}
  .tile .lbl{font-size:14px;font-weight:500;line-height:1.22;text-align:center;max-width:200px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
  .tile:hover{transform:translateY(-7px) scale(1.05)}
  .tile:hover .ico{filter:drop-shadow(0 30px 42px rgba(0,0,0,.5));
    background:
      radial-gradient(120% 120% at 24% 14%, rgba(255,255,255,.78), rgba(255,255,255,0) 44%),
      radial-gradient(120% 120% at 50% 122%, rgba(255,255,255,.18), transparent 72%),
      linear-gradient(158deg, rgba(255,255,255,.32), rgba(255,255,255,.10))}
  .tile:active{transform:scale(.95)}
  .tile:focus-visible{outline:none}.tile:focus-visible .ico{box-shadow:inset 0 2px 1px rgba(255,255,255,.6),0 0 0 3px #fff}
  .tile.dragging{transform:scale(1.12);z-index:30;transition:none;cursor:grabbing}
  .tile.dragging .ico{filter:drop-shadow(0 35px 51px rgba(0,0,0,.6))}

  body.arranging .tile{cursor:grab}
  body.arranging .tile .ico{animation:jiggle .36s ease-in-out infinite}
  body.arranging .tile:nth-child(even) .ico{animation-delay:-.18s}
  @keyframes jiggle{0%,100%{rotate:-1.4deg}50%{rotate:1.4deg}}
  body.arranging .desktop{background:
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px)}
  .arrange-hint{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:50;display:none;
    align-items:center;gap:14px;padding:11px 12px 11px 18px;border-radius:18px;font-size:13.5px}
  body.arranging .arrange-hint{display:flex}
  .arrange-hint button{all:unset;cursor:pointer;font-family:var(--sf);font-weight:600;font-size:13px;color:#fff;
    padding:8px 16px;border-radius:12px;background:linear-gradient(150deg,rgba(255,90,80,.7),rgba(156,21,28,.7));
    border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1px 1px rgba(255,255,255,.5)}

  /* ---------- LOGIN ---------- */
  .login{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px;
    background:rgba(8,9,11,.4);backdrop-filter:blur(6px)}
  .login.show{display:grid}
  .card{width:min(432px,100%);border-radius:30px;padding:38px 34px;animation:rise .45s cubic-bezier(.2,.85,.3,1)}
  @keyframes rise{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}
  .card .mark{width:74px;height:74px;display:grid;place-items:center;margin-bottom:22px;position:relative;
    -webkit-mask:var(--sq) center/100% 100% no-repeat;mask:var(--sq) center/100% 100% no-repeat;
    backdrop-filter:blur(8px);background:
      radial-gradient(115% 115% at 26% 20%, rgba(255,255,255,.6), transparent 42%),
      linear-gradient(155deg,rgba(255,100,90,.7),rgba(156,21,28,.55));
    box-shadow:inset 0 2px 1px rgba(255,255,255,.6),inset 0 0 0 1px rgba(255,255,255,.25);
    filter:drop-shadow(0 16px 28px rgba(212,35,43,.5))}
  .card .mark svg{width:38px;height:38px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .card h2{font-weight:700;font-size:27px;letter-spacing:-.5px}
  .card .sub{color:var(--muted);font-size:13.5px;margin-top:5px;margin-bottom:24px;font-weight:500}
  .field label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px;font-weight:500}
  .field input{width:100%;font-family:var(--sf);font-size:16px;color:var(--text);
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:15px;padding:14px 15px;outline:none;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
  .field input:focus{border-color:rgba(255,90,80,.8);box-shadow:0 0 0 4px rgba(212,35,43,.22),inset 0 1px 2px rgba(0,0,0,.25)}
  .recent{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
  .recent .chip{font-size:12.5px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;
    border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
  .recent .chip:hover{border-color:rgba(255,90,80,.7);background:rgba(255,69,58,.16)}
  .recent .chip .mini{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:10px;font-weight:700;color:#fff;
    background:linear-gradient(145deg,var(--red),var(--red-2))}
  .btn{width:100%;margin-top:26px;font-family:var(--sf);font-weight:600;font-size:16px;color:#fff;cursor:pointer;border-radius:16px;padding:15px;
    background:linear-gradient(150deg,rgba(255,95,85,.85),rgba(156,21,28,.8));border:1px solid rgba(255,255,255,.25);
    backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px rgba(255,255,255,.5),0 14px 30px rgba(212,35,43,.42);transition:transform .12s,filter .2s}
  .btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.98)}
  .card .note{margin-top:18px;font-size:11px;color:var(--muted-2);text-align:center;line-height:1.5}

  @media (max-width:760px){
    .ember{opacity:.5}.bar{top:10px}.pill{height:48px}.hello{top:78px;left:20px;right:20px}
    .meta,.time,.divider{display:none}.kwpill{display:none}
    .desktop{top:150px;overflow-y:auto;padding:10px 16px 30px}
    .tile{position:static!important;width:auto}
    .desktop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:30px 14px;justify-items:center}
    .ico{width:150px;height:150px}.ico svg{width:74px;height:74px}
    body.arranging .desktop{background:none}.arrange-hint{display:none!important}
    body.arranging .tile .ico{animation:none}.user .uname{max-width:90px}
  }
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.glass::after{background:radial-gradient(120% 90% at 18% 0%,rgba(255,255,255,.28),transparent 42%)}}

  .err{margin-top:14px;font-size:13px;color:#ffb4af;background:rgba(255,69,58,.14);border:1px solid rgba(255,69,58,.35);padding:10px 12px;border-radius:12px;text-align:center}

  /* ---------- Admin / Konto Panels ---------- */
  .sheet{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;padding:84px 22px 40px;overflow:auto;background:rgba(8,9,11,.4);backdrop-filter:blur(6px)}
  .panel{width:min(820px,100%);border-radius:26px;padding:30px 30px;animation:rise .42s cubic-bezier(.2,.85,.3,1)}
  .panel.narrow{width:min(440px,100%)}
  .adm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
  .panel h2{font-weight:700;font-size:23px;letter-spacing:-.4px}
  .panel .sub{color:var(--muted);font-size:13px;margin-top:4px;margin-bottom:18px}
  .back{color:var(--muted);text-decoration:none;font-size:13px;display:inline-flex;gap:7px;align-items:center}
  .back:hover{color:#fff}
  .back svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  table.users{width:100%;border-collapse:collapse;margin-top:6px}
  table.users th,table.users td{text-align:left;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.10);font-size:13.5px;vertical-align:middle}
  table.users th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
  .badge{font-size:10.5px;padding:2px 9px;border-radius:20px;background:rgba(255,69,58,.18);border:1px solid rgba(255,69,58,.4);color:#ffb4af}
  .uact{display:flex;gap:6px;flex-wrap:wrap}
  .uact button{all:unset;cursor:pointer;font-size:12px;padding:6px 11px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text)}
  .uact button:hover{background:rgba(255,255,255,.14)}
  .uact button.del:hover{background:rgba(255,69,58,.18);border-color:rgba(255,69,58,.45);color:#ffb4af}
  .addbox{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}
  .addbox h3{font-size:14px;font-weight:600;margin-bottom:14px}
  .addrow{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}
  .addrow .field{margin:0}
  .addrow label{display:block;font-size:11.5px;color:var(--muted);margin-bottom:6px}
  .addrow input{width:100%;font-family:var(--sf);font-size:14px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:11px 12px;outline:none}
  .addrow input:focus{border-color:rgba(255,90,80,.8);box-shadow:0 0 0 3px rgba(212,35,43,.2)}
  .chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding-bottom:11px}
  .addrow .btn{margin:0;width:auto;padding:12px 20px;font-size:14px}
  .ok{margin-bottom:16px;font-size:13px;color:#bdf5c8;background:rgba(48,211,90,.14);border:1px solid rgba(48,211,90,.35);padding:10px 12px;border-radius:12px}
  @media (max-width:640px){.addrow{grid-template-columns:1fr 1fr}.sheet{padding-top:70px}}

  /* ---------- Werkzeug-Freigabe ---------- */
  .toollist{display:flex;flex-direction:column;gap:2px;margin-top:6px}
  .toollist label{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;font-size:14px;cursor:pointer;color:var(--text)}
  .toollist label:hover{background:rgba(255,255,255,.06)}
  .toollist input,.allrow input{width:17px;height:17px;accent-color:#d4232b;flex:none}
  .allrow{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:12px;background:rgba(255,69,58,.10);border:1px solid rgba(255,69,58,.28);margin-bottom:6px;font-size:14px;cursor:pointer}
  .formbtns{display:flex;gap:10px;margin-top:22px}
  .btn.sec{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:none}
  .btn.sec:hover{filter:none;background:rgba(255,255,255,.14)}

  /* ---------- Mitteilungen ---------- */
  .modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(8,9,11,.55);backdrop-filter:blur(8px)}
  .modal .panel{max-height:84vh;overflow:auto;animation:rise .4s cubic-bezier(.2,.85,.3,1)}
  .msgcard{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);border-radius:16px;padding:16px 16px 14px;margin-top:14px}
  .msgcard .mfrom{font-size:12px;color:var(--muted);margin-bottom:8px}
  .msgcard .mtext{font-size:14.5px;line-height:1.5;margin-bottom:14px;white-space:pre-wrap}
  .msgcard .btn{margin-top:0;padding:11px 16px;font-size:14px}
  .mbadge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font-size:11px;font-weight:700;margin-left:auto}
  .remember{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13.5px;color:var(--muted);cursor:pointer}
  .remember input{width:16px;height:16px;accent-color:#d4232b}
  .seclabel{font-size:11.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:24px 0 6px;font-weight:600}
  .mlist{display:flex;flex-direction:column;gap:10px}
  .mrow{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:14px;padding:13px 14px}
  .mrow .mhead{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:6px;font-size:12.5px;color:var(--muted)}
  .mrow .mbody{font-size:14px;line-height:1.5;white-space:pre-wrap}
  .mrow .ackline{margin-top:11px}
  .mrow .ackline button{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;color:#fff;padding:8px 14px;border-radius:10px;background:linear-gradient(150deg,rgba(255,95,85,.85),rgba(156,21,28,.8));border:1px solid rgba(255,255,255,.25)}
  .stat{font-size:10.5px;padding:2px 9px;border-radius:20px;white-space:nowrap}
  .stat.unread{background:rgba(255,159,10,.16);border:1px solid rgba(255,159,10,.4);color:#ffd591}
  .stat.read{background:rgba(48,211,90,.14);border:1px solid rgba(48,211,90,.35);color:#bdf5c8}
  textarea.msg{width:100%;min-height:100px;resize:vertical;font-family:var(--sf);font-size:15px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;outline:none}
  textarea.msg:focus{border-color:rgba(255,90,80,.8);box-shadow:0 0 0 3px rgba(212,35,43,.2)}
  select.sel{width:100%;font-family:var(--sf);font-size:15px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;outline:none}
  select.sel option{color:#111}

  /* ---------- Werkzeug-Editor ---------- */
  .toolwrap{overflow-x:auto;margin-top:6px}
  .iprev{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;
    background:linear-gradient(158deg,rgba(255,255,255,.24),rgba(255,255,255,.07));
    box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.2)}
  .iprev svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .trow{display:grid;grid-template-columns:44px 1.1fr 1.8fr 130px auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.10);min-width:660px}
  .trow input,.trow select{font-family:var(--sf);font-size:13.5px;color:var(--text);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px 10px;outline:none;width:100%}
  .trow input:focus,.trow select:focus{border-color:rgba(255,90,80,.7);box-shadow:0 0 0 3px rgba(212,35,43,.18)}
  .trow select option{color:#111}
  .row-act{display:flex;gap:6px;align-items:center}
  .row-act button{all:unset;cursor:pointer;font-size:12.5px;padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--text)}
  .row-act button:hover{background:rgba(255,255,255,.14)}
  .row-act .del:hover{background:rgba(255,69,58,.18);border-color:rgba(255,69,58,.4);color:#ffb4af}

  .loginlogo{display:block;width:78%;max-width:250px;height:auto;margin:2px auto 22px}