@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans.ttf)format("truetype");font-weight:300 800;font-display:swap}:root{--ink:#141414;--ink-2:#1f1f1f;--ink-3:#2a2a2a;--green:#10de24;--green-strong:#0bb81c;--green-ink:#087a14;--green-soft:#e8fbe9;--bg:#f4f5f4;--card:#fff;--line:#e4e6e4;--text:#1c1c1c;--muted:#6b6f6b;--danger:#c62828;--radius:12px;--shadow:0 1px 2px #1414140f, 0 8px 24px #1414140f;--font:"Open Sans", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--display:"Poppins", var(--font)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}a{color:var(--green-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:600}.muted{color:var(--muted)}.small{font-size:13px}.nowrap{white-space:nowrap}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:inline-flex}.eyebrow i{background:var(--green);border-radius:2px;width:9px;height:9px;display:inline-block}h1 span,.brand em{color:var(--green-strong);font-style:normal}.logo-tile{background:#fff;border-radius:9px;flex:none;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.logo-tile img{object-fit:contain;width:100%;height:100%}.grid-motif{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.grid-motif span{aspect-ratio:1;background:var(--green);border-radius:3px}.btn{height:42px;font:600 14px/1 var(--font);cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 18px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex;text-decoration:none!important}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green);color:var(--ink)}.btn-primary:hover:not(:disabled){background:#0fcb21}.btn-outline{color:var(--ink);background:#fff;border-color:#cfd3cf}.btn-outline:hover:not(:disabled){border-color:var(--ink)}.btn-ghost-dark{color:#e9e9e9;background:0 0;border-color:#3a3a3a;height:36px;padding:0 14px}.btn-ghost-dark:hover{border-color:var(--green);color:#fff}.btn-block{width:100%}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field>span{color:#333;font-size:13px;font-weight:600}.field input,.field textarea,.field select{width:100%;font:15px var(--font);color:var(--text);background:#fff;border:1px solid #d3d7d3;border-radius:9px;outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green-strong);box-shadow:0 0 0 3px #10de242e}.has-error input,.has-error textarea{border-color:var(--danger)}.field-error{color:var(--danger);font-size:12.5px;font-style:normal}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check input{width:17px;height:17px;accent-color:var(--green-strong)}.alert{border-radius:9px;margin-bottom:16px;padding:11px 14px;font-size:14px}.alert-error{color:#8e1c1c;background:#fdecec;border:1px solid #f5c2c2}.alert-ok{background:var(--green-soft);color:#0b5d14;border:1px solid #bff0c4}.alert.m{margin:16px}.login-page{grid-template-columns:minmax(0,1.1fr) minmax(420px,1fr);min-height:100%;display:grid}.login-hero{background:radial-gradient(1200px 600px at -10% 110%, #1d3a20 0%, transparent 55%), var(--ink);color:#f2f2f2;flex-direction:column;justify-content:space-between;padding:56px 64px;display:flex;position:relative;overflow:hidden}.hero-grid{opacity:.16;width:380px;position:absolute;top:50%;right:-60px;transform:translateY(-50%)rotate(0)}.hero-copy{max-width:520px;margin-top:auto;margin-bottom:auto;position:relative}.login-hero .eyebrow{color:#a9a9a9}.login-hero h1{color:#fff;margin:18px 0 10px;font-size:46px;font-weight:700;line-height:1.1}.login-hero h1 span{color:var(--green)}.hero-sub{font-family:var(--display);color:#cfcfcf;margin:0 0 32px;font-size:18px}.hero-points{gap:14px;margin:0;padding:0;list-style:none;display:grid}.hero-points li{color:#d8d8d8;padding-left:26px;position:relative}.hero-points li:before{content:"";background:var(--green);border-radius:2px;width:10px;height:10px;position:absolute;top:7px;left:0}.hero-foot{color:#8a8a8a;letter-spacing:.04em;margin:0;font-size:12.5px;position:relative}.login-panel{background:#fff;justify-content:center;align-items:center;padding:40px 24px;display:flex}.login-card{width:100%;max-width:380px}.login-logo{width:112px;height:112px;margin:0 0 18px -8px;display:block}.login-card h2{font-size:26px}.login-card>.muted{margin:4px 0 24px}.pwd{position:relative}.pwd input{padding-right:84px}.pwd-toggle{color:var(--green-ink);font:600 13px var(--font);cursor:pointer;background:0 0;border:0;padding:6px 8px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-row{justify-content:space-between;align-items:center;margin:2px 0 22px;font-size:14px;display:flex}.login-card .btn-outline{margin-top:10px}.login-help{color:var(--muted);text-align:center;margin-top:22px;font-size:13px}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--ink);color:#fff;border-bottom:3px solid var(--green)}.topbar-inner{align-items:center;gap:32px;max-width:1200px;height:68px;margin:0 auto;padding:0 24px;display:flex}.brand{color:#fff;align-items:center;gap:12px;display:flex;text-decoration:none!important}.brand-text{flex-direction:column;line-height:1.15;display:flex}.brand-text strong{font-family:var(--display);font-size:16px;font-weight:600}.brand-text em{color:var(--green)}.brand-text small{color:#9a9a9a;font-size:11.5px}.mainnav{gap:4px;display:flex}.mainnav a{color:#cfcfcf;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none}.mainnav a:hover{color:#fff;background:var(--ink-3)}.mainnav a.active{color:#fff;background:var(--ink-3);box-shadow:inset 0 -2px 0 var(--green)}.userbox{align-items:center;gap:12px;margin-left:auto;display:flex}.avatar{background:var(--green);width:34px;height:34px;color:var(--ink);font:700 13px var(--display);border-radius:50%;place-items:center;display:grid}.userinfo{flex-direction:column;line-height:1.2;display:flex}.userinfo strong{font-size:13.5px}.userinfo small{color:#9a9a9a;font-size:12px}.demo-banner{color:#5c4600;text-align:center;background:#fff6d6;border-bottom:1px solid #f0dc9a;padding:8px 16px;font-size:13.5px}.content{flex:1}.footer{width:100%;max-width:1200px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:22px 24px 30px;font-size:12.5px;display:flex}.page{max-width:1200px;margin:0 auto;padding:32px 24px}.page.narrow{max-width:820px}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{margin-top:6px;font-size:30px}.back{color:var(--muted);margin-bottom:14px;font-size:13.5px;font-weight:600;display:inline-block}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-title{margin-bottom:14px;font-size:15px}.card-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.segmented{background:#eef0ee;border-radius:9px;padding:3px;display:inline-flex}.segmented button{font:600 13.5px var(--font);color:#555;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 14px}.segmented button.on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000014}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}.empty{text-align:center;padding:48px 24px}.empty p{margin:6px 0 18px}.spinner{border:2px solid #d6d6d6;border-top-color:var(--green-strong);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.boot{place-items:center;height:100%;display:grid}@keyframes spin{to{transform:rotate(360deg)}}table.tickets{border-collapse:collapse;width:100%}.tickets th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:#fafbfa;padding:12px 16px;font-size:11.5px;font-weight:700}.tickets td{vertical-align:middle;border-bottom:1px solid #eff1ef;padding:14px 16px;font-size:14px}.tickets tbody tr{cursor:pointer;transition:background .1s}.tickets tbody tr:hover{background:#f6fdf6}.tickets tbody tr:last-child td{border-bottom:0}.tickets .num{font-family:var(--display);color:#555;white-space:nowrap;font-weight:600}.tickets .title a{color:var(--text);font-weight:600}.pager{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:7px;height:7px}.badge-new{color:#2d4fb3;background:#eef3ff;border-color:#d8e2ff}.badge-progress{background:var(--green-soft);color:#0a6e15;border-color:#c4f2c8}.badge-planned{color:#8a5a00;background:#fff5e0;border-color:#fbe2ad}.badge-pending{color:#9a4512;background:#fff0e8;border-color:#f8d3bd}.badge-solved{color:#0f6b5e;background:#e6f7f4;border-color:#bfe8e0}.badge-closed{color:#5a5a5a;background:#f0f0f0;border-color:#e0e0e0}.prio{font-weight:600}.prio-4,.prio-5,.prio-6{color:#b3261e}.prio-1,.prio-2{color:var(--muted)}.form{padding:26px}.choice{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice label{cursor:pointer;border:1.5px solid #d6dad6;border-radius:10px;flex-direction:column;gap:2px;padding:14px 16px 14px 44px;transition:border-color .15s,background .15s;display:flex;position:relative}.choice label input{accent-color:var(--green-strong);width:16px;height:16px;position:absolute;top:17px;left:16px}.choice label small{color:var(--muted);font-size:13px}.choice label.on{border-color:var(--green-strong);background:#f5fef5}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.ticket-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.ticket-head h1{margin-top:6px;font-size:26px;line-height:1.25}.ticket-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.ticket-main{gap:20px;display:grid}.ticket-main .card,.ticket-side{padding:22px 24px}.ticket-side dl{grid-template-columns:auto 1fr;gap:10px 14px;margin:0;font-size:14px;display:grid}.ticket-side dt{color:var(--muted)}.ticket-side dd{text-align:right;margin:0;font-weight:600}.rich{overflow-wrap:anywhere;font-size:14.5px}.rich p{margin:0 0 10px}.rich p:last-child{margin-bottom:0}.rich table{border-collapse:collapse}.rich td,.rich th{border:1px solid var(--line);padding:4px 8px}.timeline{gap:14px;margin:0 0 8px;padding:0;list-style:none;display:grid}.tl{border:1px solid var(--line);background:#fcfcfc;border-left:4px solid #cfd3cf;border-radius:10px;padding:12px 16px}.tl-team{border-left-color:var(--ink)}.tl-you{border-left-color:var(--green);background:#f7fef7;margin-left:40px}.tl-solution{background:#f0faf8;border-left-color:#0f6b5e}.tl-meta{justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px;display:flex}.tl-meta span{color:var(--muted)}.reply,.closed-note{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}@media (width<=960px){.login-page{grid-template-columns:1fr}.login-hero{min-height:260px;padding:36px 28px}.login-hero h1{font-size:34px}.hero-points{display:none}.ticket-grid{grid-template-columns:1fr}.topbar-inner{gap:14px}.brand-text small,.userinfo,.tickets th:nth-child(4),.tickets td:nth-child(4),.tickets th:nth-child(7),.tickets td:nth-child(7){display:none}}@media (width<=640px){.mainnav{display:none}.choice{grid-template-columns:1fr}.tickets th:nth-child(5),.tickets td:nth-child(5),.tickets th:nth-child(6),.tickets td:nth-child(6){display:none}.tl-you{margin-left:0}}.btn{white-space:nowrap}.hero-grid{opacity:.12;width:340px;right:-150px}@media (width<=640px){.page{padding:22px 16px}.page-head{flex-wrap:wrap;align-items:center}.page-head h1{font-size:26px}.tickets td,.tickets th{padding:12px 10px}.tickets .badge{padding:3px 8px;font-size:11.5px}.brand-text strong{font-size:14px}}
