:root{--ink: #111111;--ink-2: #555555;--ink-3: #8a8a8a;--bg: #f4f4f2;--card: #ffffff;--line: #e5e5e2;--black: #0a0a0a;--ok: #1f7a4d;--warn: #b26a00;--err: #b3261e;--info: #2b5fb4;--radius: 8px;--font: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--serif: "Playfair Display", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:0;font-weight:600;letter-spacing:-.01em}a{color:inherit}.muted{color:var(--ink-3)}.small{font-size:12.5px}.wordmark{font-family:var(--serif);font-weight:600;letter-spacing:3px;font-size:1.35rem;color:#fff}.topbar{background:var(--black);color:#fff;position:sticky;top:0;z-index:10}.topbar-inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.brand-sep{width:1px;height:20px;background:#444}.brand-sub{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#bbb}.topbar-user{display:flex;align-items:center;gap:14px;font-size:13.5px;color:#ddd;min-width:0}.topbar-user .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.container{max-width:1180px;margin:0 auto;padding:28px 20px 60px}.page-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.count{color:var(--ink-3);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.btn{font:inherit;font-weight:500;border-radius:6px;padding:9px 18px;border:1px solid transparent;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--black);color:#fff}.btn-primary:hover:not(:disabled){background:#2a2a2a}.btn-ghost-light{background:transparent;color:#fff;border-color:#555;padding:6px 12px;font-size:13px}.btn-ghost-light:hover{background:#222}.btn-block{width:100%;margin-top:6px}.link{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.link:hover{color:#000;text-decoration-thickness:2px}.link:disabled{opacity:.5}label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #cfcfcb;border-radius:6px;padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--black);outline-offset:0;border-color:var(--black)}textarea{resize:vertical;min-height:96px}.alert{padding:10px 12px;border-radius:6px;font-size:14px;margin:12px 0}.alert-error{background:#fdecea;color:var(--err);border:1px solid #f5c6c2}.alert-ok{background:#e8f5ee;color:var(--ok);border:1px solid #bfe0cc}.alert-info{background:#eef3fb;color:var(--info);border:1px solid #cddcf2}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#0a0a0a 0 38%,var(--bg) 38%)}.login-card{width:100%;max-width:410px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 12px 40px #0000002e}.login-head{background:var(--black);padding:22px 28px}.login-body{padding:28px}.login-body h1{margin-bottom:6px}.login-body p{margin:0 0 20px;font-size:14px}.login-body form>*+*{margin-top:12px}.code-input{font-size:28px;letter-spacing:10px;text-align:center;font-weight:700;padding:12px}.login-links{display:flex;justify-content:space-between;font-size:13.5px}.filters{padding:16px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px;position:relative}.search{position:relative}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.search input{padding-left:38px;font-size:15px}.filter-row{display:flex;flex-wrap:wrap;gap:14px 28px}.filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.filter-group input[type=date],.filter-group select{width:auto;padding:6px 9px;font-size:13.5px}.filter-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-right:2px}.chip{font:inherit;font-size:13px;padding:4px 12px;border-radius:999px;border:1px solid #cfcfcb;background:#fff;cursor:pointer}.chip:hover{border-color:var(--black)}.chip-on{background:var(--black);color:#fff;border-color:var(--black)}.reset{align-self:flex-start;font-size:13px}.list{overflow:hidden}table.tickets{width:100%;border-collapse:collapse}.tickets th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafaf8}.tickets td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.tickets tbody tr{cursor:pointer}.tickets tbody tr:hover,.tickets tbody tr:focus{background:#f7f7f5;outline:none}.tickets tbody tr:last-child td{border-bottom:0}.tickets .nr{color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}.subj-text{font-weight:600;display:block}.sub{display:block;font-size:12.5px;color:var(--ink-3);font-weight:400;margin-top:2px}.cust{max-width:220px;overflow-wrap:anywhere;color:var(--ink-2)}.act{white-space:nowrap;font-size:14px}.empty{padding:40px;text-align:center;color:var(--ink-3)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.st-open{background:#fde8e6;color:#a8281f}.st-replied{background:#e6eefb;color:#24509b}.st-closed{background:#ececea;color:#555}.st-other{background:#f3ecd9;color:#7a5a10}.back{display:inline-block;margin-bottom:14px;font-size:14px;text-decoration:none}.ticket-head{padding:22px;margin-bottom:18px}.th-top{display:flex;gap:8px;align-items:center;margin-bottom:8px}.th-top .nr{color:var(--ink-3);font-weight:600}.meta{display:flex;flex-wrap:wrap;gap:8px 36px;margin:16px 0 0}.meta dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600}.meta dd{margin:2px 0 0}.comment-form{padding:18px;margin-bottom:26px}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px;flex-wrap:wrap}.section-title{font-size:1.05rem;margin:0 0 12px;font-weight:600}.timeline{display:flex;flex-direction:column;gap:12px}.msg{background:#fff;border:1px solid var(--line);border-left:4px solid #bdbdb8;border-radius:var(--radius);padding:14px 18px}.msg-in{border-left-color:#8a8a8a}.msg-out{border-left-color:var(--black)}.msg-portal{border-left-color:#c8a24a;background:#fffdf6}.msg header{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13.5px;flex-wrap:wrap}.msg .who{font-weight:600}.msg time{color:var(--ink-3)}.msg-subject{font-size:13.5px;color:var(--ink-2);margin-bottom:6px}.msg-body{overflow-wrap:anywhere;font-size:14.5px}.msg-body.clamped{max-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.msg-body p{margin:0 0 .7em}.msg-body blockquote{margin:.6em 0;padding-left:12px;border-left:3px solid var(--line);color:var(--ink-2)}.msg-body table{max-width:100%;border-collapse:collapse}.msg-body td,.msg-body th{padding:2px 6px}.more{font-size:13px;margin-top:6px}.center-screen,.center-pad{display:grid;place-items:center}.center-screen{min-height:100vh}.center-pad{padding:60px}.spinner{width:28px;height:28px;border:3px solid #ddd;border-top-color:var(--black);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.topbar-inner{padding:12px 14px}.brand-sub{display:none}.topbar-user .who{max-width:110px}.container{padding:18px 12px 40px}.tickets thead{display:none}.tickets,.tickets tbody,.tickets tr,.tickets td{display:block;width:100%}.tickets tr{padding:12px 14px;border-bottom:1px solid var(--line)}.tickets td{padding:3px 0;border:0}.tickets td[data-label="Nr."]{display:inline-block;width:auto}.cust{max-width:none}.act{white-space:normal}}