@media (width<=768px){.auth-logout-button,.auth-user-info{display:none!important}.auth-user-card{gap:6px;padding:6px}.auth-avatar{width:30px;height:30px;font-size:13px}.auth-theme-button{display:none!important}.auth-topbar{max-width:calc(100vw - 16px)!important;top:8px!important;right:8px!important}.auth-user-actions{gap:6px!important}.auth-theme-toggle{gap:4px!important}}:root{--bg-main:#f8f4eb;--bg-card:#fffaf0;--text-primary:#241a04;--text-secondary:#60450b;--border-color:#c9ad6f;--shadow-card:0 2px 8px #0f172a0d, 0 8px 24px #0f172a14;--danger-bg:#fee2e2;--danger-text:#b91c1c;--warning-bg:#fef3c7;--warning-text:#92400e;--info-bg:#f3ead8;--info-text:#956c11;--input-bg:#fff;--input-text:#111827;--input-border:#cbd5e1;--sla-bg:#fef2f2;--sla-text:#991b1b;--sla-text-secondary:#7f1d1d;--status-bg:#f3ead8;--status-text:#956c11;--meta-bg:#f3f4f6;--meta-text:#111827;--sidebar-bg:#241a04;--sidebar-text:#fff;--sidebar-hover:#60450b;--auth-card-bg:#fffffff5;--auth-card-border:#94a3b873;--footer-text:#60450b;--footer-title:#241a04;--section-actions:#dbeafe;--section-ticketdetails:#dbeafe;--section-customer:#dcfce7;--section-messages:#ede9fe;--section-worklog:#fef3c7;--section-timeline:#e2e8f0;--section-metrics:#ccfbf1;--section-attachments:#ffedd5;--section-title-text:#111827}body.dark-mode{--bg-main:#0c0901;--bg-card:#241a04;--text-primary:#d9d9d9;--text-secondary:#c9ad6f;--border-color:#60450b;--shadow-card:0 4px 12px #00000040, 0 8px 24px #0003;--danger-bg:#7f1d1d;--danger-text:#fecaca;--warning-bg:#78350f;--warning-text:#fde68a;--info-bg:#1e3a8a;--info-text:#bfdbfe;--input-bg:#374151;--input-text:#fff;--input-border:#4b5563;--sla-bg:#3b0a0a;--sla-text:#fca5a5;--sla-text-secondary:#fecaca;--status-bg:#1e3a8a;--status-text:#bfdbfe;--meta-bg:#374151;--meta-text:#f3f4f6;--sidebar-bg:#1f2937;--sidebar-text:#fff;--sidebar-hover:#334155;--auth-card-bg:#0f172af0;--auth-card-border:#94a3b859;--footer-text:#94a3b8;--footer-title:#cbd5e1;--section-actions:#1e3a8a;--section-ticketdetails:#1e40af;--section-customer:#14532d;--section-messages:#4c1d95;--section-worklog:#78350f;--section-timeline:#334155;--section-metrics:#134e4a;--section-attachments:#7c2d12;--section-title-text:#fff}:root{--white:#fff;--text-inverse:#fff;--brand-primary:#ae7f15;--brand-primary-hover:#956c11;--brand-secondary:#c48e15;--surface-dark:#1f2937;--surface-mid:#374151;--border-dark:#334155;--border-medium:#475569;--danger-strong:#dc2626;--danger-border:#ef4444;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--section-text-dark:#111827}body.dark-mode{--white:#fff;--text-inverse:#fff;--brand-primary:#c48e15;--brand-primary-hover:#ae7f15;--brand-secondary:#956c11;--surface-dark:#1f2937;--surface-mid:#374151;--border-dark:#334155;--border-medium:#475569;--danger-strong:#dc2626;--danger-border:#ef4444;--neutral-50:#f9fafb;--neutral-100:#f3f4f6;--neutral-200:#e5e7eb;--neutral-300:#d1d5db;--section-text-dark:#111827}*{box-sizing:border-box}body{background:var(--bg-main);color:var(--text-primary);margin:0;font-family:Arial,Helvetica,sans-serif}.header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.header h1{margin:0;font-size:32px}.header p{color:var(--text-secondary);margin:8px 0 0}.refresh-button{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-hover));color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;min-height:48px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1;transition:all .2s;box-shadow:0 4px 12px #2563eb40}.dashboard-menu-bar .refresh-button{justify-content:center;min-width:140px}.refresh-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb59}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:26px 0 32px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:108px;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 4px 14px #0f172a0f,0 10px 28px #0f172a12}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1a,0 16px 36px #0f172a1f}.card span{color:var(--text-secondary);margin-bottom:12px;font-size:14px;font-weight:500;display:block}.card strong{color:var(--text-primary);font-size:30px;font-weight:600;line-height:1}.card.critical strong{color:var(--danger-strong)}.ticket-list{grid-template-columns:1fr;gap:14px;display:grid}.ticket-card{background:var(--bg-card);box-shadow:var(--shadow-card);border-left:5px solid var(--brand-primary);border-radius:14px;padding:18px}body.dark-mode .ticket-card,body.dark-mode .card,body.dark-mode .metric-card{border:1px solid var(--border-color);box-shadow:var(--shadow-card)}.ticket-top{justify-content:space-between;align-items:center;display:flex}.ticket-card h3{margin:12px 0 8px}.ticket-card p{color:var(--text-secondary)}.ticket-meta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.ticket-meta span{background:var(--meta-bg);color:var(--meta-text);border-radius:999px;padding:6px 10px;font-size:13px}.badge{background:var(--neutral-200);border-radius:999px;padding:6px 10px;font-size:13px;font-weight:700}.badge.kritisch{background:var(--danger-bg);color:var(--danger-text)}.badge.hoch{background:var(--warning-bg);color:var(--warning-text)}.badge.normal{background:var(--info-bg);color:var(--info-text)}.info-box,.error-box,.empty{background:var(--bg-card);border-radius:10px;margin-bottom:20px;padding:16px}.error-box{color:var(--danger-text);border-left:5px solid var(--danger-strong)}@media (width<=900px){.cards{grid-template-columns:repeat(2,1fr)}.header{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=600px){.cards{grid-template-columns:1fr}.page{padding:18px}}.ticket-card-link{color:inherit;text-decoration:none;display:block}input[type=file]{background:var(--bg-card);border-radius:10px;width:100%;margin-bottom:14px;padding:14px}.section input[type=text]{border:1px solid var(--input-border);border-radius:14px;width:100%;height:56px;padding:0 18px;font-size:16px}textarea,select{border:1px solid var(--input-border);border-radius:10px;width:100%;margin-bottom:14px;padding:12px;font-family:Arial,Helvetica,sans-serif}a.refresh-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.metric-card{background:var(--bg-card);box-shadow:var(--shadow-card);border-left:5px solid var(--brand-primary);border-radius:14px;padding:18px}.metric-card h3{margin:0 0 14px;font-size:20px}.metric-card p{color:var(--text-secondary);margin:8px 0}.metric-card strong{color:var(--text-primary)}.metric-card-sla{border-left-color:var(--danger-strong)}.metric-highlight{font-weight:700}@media (width<=900px){.metrics-grid{grid-template-columns:1fr}}.metric-card-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.priority-pill{background:var(--danger-bg);color:var(--sla-text);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.sla-main{background:var(--sla-bg);border-radius:12px;margin-bottom:14px;padding:14px}.sla-status-pill{color:var(--sla-text);margin-bottom:6px;font-size:18px;font-weight:700}.sla-difference{color:var(--sla-text-secondary);font-weight:600}.metric-row{border-bottom:1px solid var(--neutral-100);justify-content:space-between;gap:14px;padding:8px 0;display:flex}.metric-row:last-child{border-bottom:none}.metric-row span{color:var(--text-secondary)}.metric-row strong{text-align:right;color:var(--text-primary)}.mini-kpi{background:var(--neutral-50);text-align:center;border-radius:12px;padding:14px 8px}.mini-kpi strong{color:var(--brand-primary);margin-bottom:6px;font-size:28px;display:block}.mini-kpi span{color:var(--text-secondary);font-size:13px}.status-display{background:var(--status-bg);color:var(--status-text);border-radius:999px;margin-bottom:14px;padding:8px 14px;font-weight:700;display:inline-block}@media (width<=700px){.mini-kpi-grid{grid-template-columns:1fr}.metric-row{flex-direction:column;gap:4px}.metric-row strong{text-align:left}}.escalation-grid{grid-template-columns:repeat(3,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.escalation-grid .ticket-card-link{width:100%}@media (width<=1200px){.escalation-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.escalation-grid{grid-template-columns:1fr}}.timeline-grid{grid-template-columns:repeat(3,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.timeline-grid .ticket-card{position:relative}.timeline-grid .ticket-card:before{content:"";background:var(--brand-primary);border-radius:999px;width:10px;height:10px;position:absolute;top:18px;left:-6px}@media (width<=1200px){.timeline-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.timeline-grid{grid-template-columns:1fr}}body.dark-mode{background:var(--bg-main);color:var(--text-primary)}body.dark-mode .page{background:var(--bg-main)}body.dark-mode .header,body.dark-mode .section,body.dark-mode .ticket-card,body.dark-mode .card,body.dark-mode .metric-card{background:var(--bg-card);color:var(--text-primary)}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p,body.dark-mode span,body.dark-mode strong{color:var(--text-primary)}body.dark-mode input,body.dark-mode select,body.dark-mode textarea{background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border)}body.dark-mode .badge{color:var(--text-inverse)}body.dark-mode .warning-box{color:var(--text-inverse);border-color:var(--danger-border);background:#3b0a0a}body.dark-mode .card.critical{border:1px solid var(--danger-border);box-shadow:0 4px 14px #ef444424,0 10px 28px #ef444429}body.dark-mode .ticket-meta span,body.dark-mode .mini-kpi,body.dark-mode .status-display{background:var(--input-bg)}body.dark-mode .metric-row{border-bottom:1px solid #374151}body.dark-mode .refresh-button{box-shadow:0 0 12px #2563eb4d}body.dark-mode .ticket-card:hover,body.dark-mode .card:hover,body.dark-mode .metric-card:hover{transition:all .2s;transform:translateY(-2px)}body.dark-mode .empty,body.dark-mode .info-box,body.dark-mode .error-box{background:var(--bg-card);color:var(--text-primary)}body.dark-mode .header p{color:var(--text-secondary)}body.dark-mode .ticket-card p{color:#e5e7eb}body.dark-mode .ticket-top strong{color:var(--text-inverse)}body.dark-mode .metric-row span{color:var(--text-secondary)}body.dark-mode .metric-row strong{color:var(--text-inverse)}body.dark-mode textarea,body.dark-mode select,body.dark-mode input[type=file]{background:var(--input-bg);color:var(--input-text);border:1px solid var(--input-border)}.modal-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;width:min(1100px,95vw);padding:32px;box-shadow:0 25px 80px #00000073}body:not(.dark-mode) .modal-box{background:var(--bg-card);border:1px solid var(--input-border);color:var(--text-primary)}.modal-box select,.modal-box textarea{width:100%;margin-bottom:16px}.modal-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{color:var(--text-inverse);border:none;border-radius:12px;min-height:48px;padding:12px 20px;background:#b45353!important}.secondary-button:hover{background:#9d4444!important}.save-button{color:var(--text-inverse);background:#2f855a!important}.save-button:hover{background:#276749!important}.worklog-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.worklog-form-grid label,.worklog-text-label{flex-direction:column;gap:6px;font-weight:600;display:flex}.worklog-form-grid input,.worklog-form-grid select,.worklog-text-label textarea{box-sizing:border-box;border:1px solid var(--input-border);border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.worklog-form-grid input:focus,.worklog-form-grid select:focus,.worklog-text-label textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 4px #2563eb1f}@media (width<=700px){.worklog-form-grid{grid-template-columns:1fr}}.section{border:1px solid #94a3b833;border-radius:14px;margin-bottom:34px;padding:16px;overflow:hidden;background:0 0!important}.section h2{border-bottom:none;border-radius:999px;margin:0 0 14px;padding:4px 10px;font-size:17px;font-weight:650;line-height:1.2;display:inline-block}.section .ticket-card,.section .metric-card{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important}.section-actions{border-left:6px solid var(--section-actions)!important}.section-actions h2{background:var(--section-actions)!important;color:var(--section-title-text)!important}.section-ticketdetails{border-left:6px solid var(--section-ticketdetails)}.section-ticketdetails h2{background:var(--section-ticketdetails)!important;color:var(--section-title-text)!important}.section-ticketdetails .ticket-card{border-color:#3b82f68c!important}.section-customer{border-left:6px solid var(--section-customer)}.section-customer h2{background:var(--section-customer)!important;color:var(--section-title-text)!important}.section-customer .ticket-card{border-color:#22c55e8c!important}.section-messages{border-left:6px solid var(--section-messages)}.section-messages h2{background:var(--section-messages)!important;color:var(--section-title-text)!important}.section-messages .ticket-card{border-color:#8b5cf68c!important}.section-worklog{border-left:6px solid var(--section-worklog)}.section-worklog h2{background:var(--section-worklog)!important;color:var(--section-title-text)!important}.section-worklog .ticket-card{border-color:#f59e0b99!important}.section-timeline{border-left:6px solid var(--section-timeline)}.section-timeline h2{background:var(--section-timeline)!important;color:var(--section-title-text)!important}.section-timeline .ticket-card{border-color:#64748b8c!important}.section-metrics{border-left:6px solid var(--section-metrics)}.section-metrics h2{background:var(--section-metrics)!important;color:var(--section-title-text)!important}.section-metrics .metric-card{border-color:#14b8a68c!important}.section-attachments{border-left:6px solid var(--section-attachments)}.section-attachments h2{background:var(--section-attachments)!important;color:var(--section-title-text)!important}.section-attachments .ticket-card{border-color:#f973168c!important}body.dark-mode .section{background:0 0!important}body.dark-mode .section .ticket-card,body.dark-mode .section .metric-card{background:#1f2937!important}body.dark-mode .section h2,body.dark-mode .section-worklog h2,body.dark-mode .section-metrics h2{color:var(--section-title-text)!important}body.dark-mode .section .ticket-card p,body.dark-mode .section .ticket-card span,body.dark-mode .section .ticket-card strong,body.dark-mode .section .metric-card p,body.dark-mode .section .metric-card span,body.dark-mode .section .metric-card strong{color:#f3f4f6!important}body.dark-mode .section .ticket-meta span{color:#f3f4f6!important;background:#111827a6!important}.ticket-action-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ticket-action-bar .refresh-button{justify-content:center;min-width:145px}.auth-topbar{z-index:1000;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;top:14px;right:18px}.auth-user-card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af0;border:1px solid #94a3b859;border-radius:14px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex;box-shadow:0 10px 30px #00000047}.auth-avatar{width:34px;height:34px;color:var(--text-inverse);background:#64748b;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.auth-user-info{flex-direction:column;min-width:85px;line-height:1.15;display:flex}.auth-user-actions{flex-direction:column;align-items:center;gap:6px;display:flex}.auth-user-info strong{color:var(--text-inverse);font-size:14px}.auth-user-info span{color:#cbd5e1;font-size:12px}.auth-logout-button{background:var(--border-dark);color:var(--text-inverse);border:1px solid var(--border-medium);cursor:pointer;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:700}.auth-logout-button:hover{background:#475569}body:not(.dark-mode) .auth-user-card{background:#fffffff5;border:1px solid #94a3b873}body:not(.dark-mode) .auth-user-info strong{color:var(--text-primary)}body:not(.dark-mode) .auth-user-info span{color:var(--text-secondary)}body:not(.dark-mode) .auth-logout-button{background:var(--neutral-200);color:#334155;border:1px solid var(--input-border)}body:not(.dark-mode) .auth-logout-button:hover{background:#cbd5e1}.app-footer{color:#94a3b8;border-top:1px solid #94a3b838;grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:12px;max-width:1200px;margin:30px auto 22px;padding:14px 28px;font-size:12px;display:grid}.app-footer-left{color:#cbd5e1;font-weight:700}body:not(.dark-mode) .app-footer{color:var(--text-secondary);border-top:1px solid #94a3b859}body:not(.dark-mode) .app-footer-left{color:#334155}@media (width<=800px){.app-footer{text-align:center;grid-template-columns:1fr}.app-footer-right{text-align:center}}.customer-action-button{min-width:110px;font-size:13px;padding:8px 14px!important}.layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);width:240px;color:var(--text-inverse);padding:20px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-title{margin-bottom:25px;font-size:22px;font-weight:700}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-menu a,.sidebar-menu button{color:var(--text-inverse);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:12px;font-size:14px;text-decoration:none}.sidebar-menu a:hover,.sidebar-menu button:hover{background:var(--border-dark)}.main-content{width:calc(100% - 240px);margin-left:240px}.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 35%,#1d4ed8 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:450px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:22px;padding:42px}.login-card h1{color:var(--info-text);margin:0;font-size:34px;font-weight:800}.login-card p{color:var(--text-secondary);margin:12px 0 28px}.login-card label{text-align:left;margin-bottom:16px;font-weight:600;display:block}.login-card input{border:1px solid var(--border-color);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:12px;margin-top:8px;padding:14px 16px;font-size:15px}.login-card input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 4px #2563eb26}.login-card button{background:var(--brand-primary);width:100%;color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;margin-top:10px;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.login-card button:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.login-error{background:var(--danger-bg);color:var(--danger-text);border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px}.login-logo{width:220px;height:auto;margin:0 auto 20px;display:block}.auth-theme-toggle{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.auth-theme-button{background:var(--brand-secondary);color:var(--text-inverse);cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-size:12px;font-weight:700}.auth-theme-button:hover{background:var(--brand-primary)}.dashboard-menu-bar{border-radius:14px;flex-wrap:wrap;gap:10px;margin:12px 0 30px;padding:14px;display:flex}body:not(.dark-mode) .dashboard-menu-bar,body.dark-mode .dashboard-menu-bar{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-card)}body:not(.dark-mode) .header strong,body:not(.dark-mode) .header{color:var(--section-title-text)!important}.menu-badge{min-width:20px;height:20px;color:var(--text-inverse);vertical-align:top;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;position:relative;top:-2px}body.dark-mode .ticket-card{color:var(--text-primary)}.header-info{color:var(--text-secondary)}.users-table{border-collapse:collapse;width:100%}.users-table th{text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:16px 14px;font-weight:600}.users-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px 14px}.users-table tr:hover{background:#b8860b14}.section-ticketdetails,.section-customer,.section-messages,.section-worklog,.section-timeline,.section-metrics,.section-attachments{background:var(--bg-card)!important;border:1px solid #94a3b838!important;border-radius:18px!important;box-shadow:0 8px 22px #0f172a0d!important}.ticket-action-bar,.section-actions{border-radius:16px!important}.metrics-grid .metric-card{border-radius:16px!important;box-shadow:0 8px 22px #0f172a0f!important}.page{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:32px}body{overflow-x:hidden}.section{box-sizing:border-box;width:100%}.section-ticketdetails,.section-customer,.section-messages,.section-worklog,.section-timeline,.section-metrics,.section-attachments{box-sizing:border-box;width:100%;background:var(--bg-card)!important;border:1px solid #94a3b838!important;border-radius:18px!important;box-shadow:0 8px 22px #0f172a0d!important}.section-ticketdetails .ticket-card,.section-customer .ticket-card,.section-messages .ticket-card,.section-worklog .ticket-card,.section-timeline .ticket-card,.section-attachments .ticket-card{border-left:none!important;border-radius:16px!important;box-shadow:0 8px 20px #0f172a0f!important}.ticket-meta span{font-weight:600;line-height:1.2}body.dark-mode .section-ticketdetails,body.dark-mode .section-customer,body.dark-mode .section-messages,body.dark-mode .section-worklog,body.dark-mode .section-timeline,body.dark-mode .section-metrics,body.dark-mode .section-attachments{background:var(--bg-card)!important;border-color:#94a3b847!important;box-shadow:0 8px 22px #00000038!important}body.dark-mode .section-ticketdetails .ticket-card,body.dark-mode .section-customer .ticket-card,body.dark-mode .section-messages .ticket-card,body.dark-mode .section-worklog .ticket-card,body.dark-mode .section-timeline .ticket-card,body.dark-mode .section-attachments .ticket-card{background:#1f2937!important;border-color:#94a3b847!important}@media (width<=900px){.page{padding:18px}}.ticket-two-columns{grid-template-columns:1fr 1fr;align-items:start;gap:22px;margin-bottom:34px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.compact-empty{min-height:auto;margin:0;padding:14px 16px}@media (width<=1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.ticket-two-columns{grid-template-columns:1fr}}@media (width<=700px){.metrics-grid{grid-template-columns:1fr}}.app-footer{color:var(--text-secondary);background:var(--bg-card);border-top:1px solid var(--border-color,#00000014);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 18px;display:grid}.app-footer-center{text-align:center}.app-footer-right{text-align:right}.auth-topbar{max-width:calc(100vw - 24px)}.auth-user-card{max-width:100%}.status-wartend{color:#d97706;font-weight:700}.status-gesendet{color:#16a34a;font-weight:700}.status-verworfen{color:#dc2626;font-weight:700}.pending-send-btn{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:4px;padding:6px 12px}.pending-delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;margin-left:8px;padding:6px 12px}@media (width<=768px){h1{line-height:1.1;font-size:28px!important}h2{font-size:20px!important}h3{font-size:18px!important}.page{padding:12px!important}.header{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important;display:flex!important}.header>div{width:100%;text-align:center!important}.header img{display:block;width:80px!important;height:auto!important;margin:0 auto!important}.header h1{line-height:1.1;text-align:center!important;margin:0!important;font-size:20px!important}.header p{text-align:center!important;margin:4px 0!important;font-size:14px!important}.header-info{line-height:1.2;text-align:center!important;width:100%!important;margin-right:0!important;font-size:13px!important}.ticket-card{font-size:14px}.ticket-meta span{font-size:11px}.section input[type=text]{height:48px;font-size:14px}.dashboard-title-area{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.dashboard-menu-bar{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:10px!important;padding:8px!important;display:grid!important}.dashboard-menu-bar .refresh-button{border-radius:12px!important;width:100%!important;min-height:56px!important;padding:8px!important;font-size:15px!important;font-weight:600!important}.menu-badge{min-width:18px!important;height:18px!important;font-size:10px!important}}@media (width<=760px){.customers-page,.tickets-page,.new-ticket-page,.ticket-detail-page,.inbox-page,.dashboard-v2-page,.users-page,.home-page,.app-dashboard-page{padding:14px!important;overflow-x:hidden!important}.customers-header,.tickets-header,.new-ticket-header,.ticket-detail-header,.inbox-header,.dashboard-v2-header,.users-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:18px!important}.customers-brand,.tickets-brand,.new-ticket-brand,.ticket-detail-brand,.inbox-brand,.dashboard-v2-brand,.users-brand{align-items:center!important;gap:10px!important}.customers-logo,.tickets-logo,.new-ticket-logo,.ticket-detail-logo,.inbox-logo,.dashboard-v2-logo,.users-logo{border-radius:10px!important;width:auto!important;height:48px!important}.customers-timebox,.tickets-timebox,.new-ticket-timebox,.ticket-detail-timebox,.inbox-timebox,.dashboard-v2-timebox,.users-timebox{text-align:left!important;box-sizing:border-box!important;background:var(--bg-card)!important;border:1px solid var(--border-color,#ddd)!important;border-radius:12px!important;width:100%!important;padding:10px 12px!important;position:static!important;left:auto!important;transform:none!important}.customers-actions,.tickets-actions,.new-ticket-actions,.ticket-detail-actions,.inbox-actions,.dashboard-v2-actions,.users-actions{gap:8px!important;margin-bottom:16px!important;padding:12px!important}.customers-actions a,.customers-actions button,.tickets-actions a,.tickets-actions button,.new-ticket-actions a,.new-ticket-actions button,.ticket-detail-actions a,.ticket-detail-actions button,.inbox-actions a,.inbox-actions button,.dashboard-v2-actions a,.dashboard-v2-actions button,.users-actions a,.users-actions button{text-align:center!important;box-sizing:border-box!important;flex:calc(50% - 8px)!important;padding:12px 10px!important;font-size:14px!important}.customers-kpi-grid,.tickets-kpi-grid,.new-ticket-kpi-grid,.ticket-detail-kpi-grid,.inbox-kpi-grid,.users-kpi-grid,.dashboard-v2-alert-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important}.customers-searchbox,.tickets-searchbox,.inbox-searchbox,.dashboard-v2-searchbox,.users-searchbox{margin-bottom:16px!important;padding:10px!important}.customers-searchinput,.tickets-searchinput,.inbox-searchinput,.dashboard-v2-searchinput,.users-searchinput{padding:14px!important;font-size:15px!important}.customers-panel,.tickets-panel,.new-ticket-panel,.inbox-panel,.dashboard-v2-panel,.users-panel{border-radius:14px!important;padding:12px!important}.modal-backdrop{align-items:flex-start!important;padding:12px!important;overflow-y:auto!important}.modal-box{box-sizing:border-box!important;border-radius:16px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;padding:16px!important;overflow-y:auto!important}.modal-box input,.modal-box select,.modal-box textarea{box-sizing:border-box!important;width:100%!important}.modal-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;display:flex!important}.modal-actions button{width:100%!important}.customers-list{gap:12px!important}.customer-card{border-radius:16px!important;gap:12px!important;padding:14px!important}.customer-card-top{align-items:flex-start!important;gap:10px!important}.customer-info-grid{grid-template-columns:1fr!important;gap:8px!important}.customer-info-item{padding:10px 12px!important}.customer-footer{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.customer-pill-row{justify-content:flex-start!important}.customer-card-actions{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.customer-card-actions button{width:100%!important;padding:11px 8px!important;font-size:13px!important}.worklog-form-grid{grid-template-columns:1fr!important;gap:12px!important}.tickets-alert{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:14px!important}.tickets-alert a,.tickets-alert button{text-align:center!important;box-sizing:border-box!important;width:100%!important}.tickets-main-grid{grid-template-columns:1fr!important;gap:14px!important}.tickets-list,.tickets-list-compact{gap:12px!important}.ticket-list-card,.ticket-compact-card{border-radius:16px!important;padding:14px!important;overflow:hidden!important}.ticket-list-card-top{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.ticket-list-card-badges{flex-flow:wrap!important;align-items:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important}.ticket-list-meta{grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important;display:grid!important}.ticket-list-meta span{overflow-wrap:anywhere!important}.new-ticket-main-grid,.ticket-detail-main-grid,.ticket-detail-two-columns,.ticket-two-columns,.metrics-grid,.timeline-grid{grid-template-columns:1fr!important;gap:14px!important}.ticket-detail-page .section,.ticket-detail-page .metric-card{border-radius:14px!important;padding:14px!important}.new-ticket-form-grid{grid-template-columns:1fr!important;gap:12px!important}.new-ticket-form-grid label,.new-ticket-form-grid label[style]{grid-column:auto!important}.new-ticket-form-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;display:flex!important}.new-ticket-form-actions button{width:100%!important}.new-ticket-preview-card{overflow-wrap:anywhere!important}.ticket-detail-main-grid{margin-bottom:18px!important}.ticket-detail-customer-card{grid-template-columns:1fr!important;gap:14px!important;padding:14px!important}.ticket-detail-page .ticket-card,.ticket-detail-page .metric-card,.ticket-detail-page .mini-kpi,.new-ticket-preview-card{overflow-wrap:anywhere!important;overflow:hidden!important}.ticket-detail-page .ticket-top,.ticket-detail-page .metric-card-header,.ticket-detail-page .metric-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.ticket-detail-page .ticket-meta{grid-template-columns:1fr!important;gap:7px!important;display:grid!important}.ticket-detail-page pre,.ticket-detail-page p,.ticket-detail-page .status-display,.ticket-detail-page .sla-status-pill,.ticket-detail-page .sla-difference{overflow-wrap:anywhere!important;max-width:100%!important}.inbox-success,.inbox-error,.inbox-alert{border-radius:14px!important;margin-bottom:14px!important;padding:14px!important}.inbox-alert{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.inbox-alert a,.inbox-alert button{text-align:center!important;box-sizing:border-box!important;width:100%!important}.inbox-kpi-grid a{min-width:0!important}.inbox-main-grid{grid-template-columns:1fr!important;gap:14px!important}.inbox-left-column,.inbox-right-column{gap:14px!important}.inbox-message-list,.inbox-message-list-compact{gap:12px!important}.inbox-message-card{overflow-wrap:anywhere!important;border-radius:16px!important;padding:14px!important;overflow:hidden!important}.inbox-message-top{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.inbox-message-right{flex-flow:wrap!important;align-items:flex-start!important;gap:8px!important;width:100%!important;min-width:0!important}.inbox-message-text{overflow-wrap:anywhere!important;word-break:break-word!important}.inbox-meta-row{grid-template-columns:1fr!important;gap:7px!important;margin-top:12px!important;display:grid!important}.inbox-card-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:12px!important;display:grid!important}.inbox-card-actions button{width:100%!important;padding:12px 10px!important;font-size:14px!important}.dashboard-v2-success,.dashboard-v2-error,.dashboard-v2-alert,.users-success,.users-error-inline,.users-info-banner{border-radius:14px!important;margin-bottom:14px!important;padding:14px!important}.dashboard-v2-alert{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.dashboard-v2-alert-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.dashboard-v2-alert-actions a{text-align:center!important}.dashboard-v2-main-grid{grid-template-columns:1fr!important;gap:14px!important}.dashboard-v2-left-column,.dashboard-v2-right-column{gap:14px!important}.dashboard-v2-panel,.users-panel{border-radius:14px!important;margin-bottom:16px!important;padding:14px!important}.dashboard-v2-ticket-row{overflow-wrap:anywhere!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px!important}.dashboard-v2-ticket-right{flex-flow:wrap!important;align-items:flex-start!important;width:100%!important;min-width:0!important}.dashboard-v2-mini-stats{grid-template-columns:1fr!important}.dashboard-v2-activity-item,.dashboard-v2-mini-stat-card{overflow-wrap:anywhere!important}.users-create-grid{grid-template-columns:1fr!important;gap:10px!important}.users-input{width:100%!important}.users-card{overflow-wrap:anywhere!important;border-radius:16px!important;padding:14px!important}.users-card-top{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.users-badge-row{justify-content:flex-start!important}.users-card-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;display:grid!important}.users-card-actions button,.users-card-actions span{box-sizing:border-box!important;text-align:center!important;width:100%!important}.home-page{background:var(--bg-main)!important;min-height:100vh!important;color:var(--text-main)!important}.home-link-grid{grid-template-columns:1fr!important;gap:12px!important}.home-link-card{background:var(--bg-card)!important;border:1px solid var(--border-color,#ddd)!important;color:var(--text-main)!important;border-radius:14px!important;padding:16px!important;font-weight:700!important;text-decoration:none!important;display:block!important}.login-page{align-items:flex-start!important;padding:14px!important;overflow-y:auto!important}.login-shell{border-radius:20px!important;grid-template-columns:1fr!important;max-width:100%!important;min-height:auto!important}.login-brand-panel,.login-form-panel{padding:24px!important}.login-logo{width:96px!important}.login-brand-title,.login-form-header h2{font-size:28px!important}.login-input,.login-submit-button{box-sizing:border-box!important;width:100%!important}.app-dashboard-header{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin-bottom:18px!important}.app-dashboard-title-area{align-items:center!important;width:100%!important}.app-dashboard-title-area img{width:auto!important;height:54px!important}.app-dashboard-header-info{text-align:center!important;width:100%!important;font-size:13px!important}.app-dashboard-menu-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;display:grid!important}.app-dashboard-menu-bar .refresh-button{width:100%!important;min-height:56px!important;padding:10px 8px!important;font-size:14px!important}.app-dashboard-section{border-radius:14px!important;margin-bottom:16px!important;padding:14px!important}.app-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.app-dashboard-card,.app-dashboard-ticket-card,.app-dashboard-ticket-link{overflow-wrap:anywhere!important}.app-footer{text-align:center!important;grid-template-columns:1fr!important;gap:4px!important;padding:12px!important;font-size:12px!important}.app-footer-left,.app-footer-center,.app-footer-right{text-align:center!important}}@media (width<=420px){.customers-kpi-grid,.tickets-kpi-grid,.new-ticket-kpi-grid,.ticket-detail-kpi-grid,.inbox-kpi-grid,.dashboard-v2-alert-grid,.users-kpi-grid,.dashboard-v2-alert-actions,.users-card-actions,.app-dashboard-menu-bar,.app-dashboard-cards{grid-template-columns:1fr!important}.customers-actions a,.customers-actions button,.tickets-actions a,.tickets-actions button,.new-ticket-actions a,.new-ticket-actions button,.ticket-detail-actions a,.ticket-detail-actions button,.inbox-actions a,.inbox-actions button,.inbox-card-actions button,.dashboard-v2-actions a,.dashboard-v2-actions button,.users-actions a,.users-actions button{flex-basis:100%!important}.customer-card-actions,.inbox-card-actions{grid-template-columns:1fr!important}}:root{--ticket-border:var(--border-color,#0000001a);--ticket-shadow:0 4px 14px #0f172a14;--ticket-shadow-hover:0 8px 20px #0f172a24;--input-bg:var(--bg-card)}.dark-mode{--ticket-border:#374151;--ticket-shadow:0 4px 14px #00000059;--ticket-shadow-hover:0 8px 22px #00000073;--input-bg:#111827}.ticket-page,.page{color:var(--text-main)}.ticket-card,.ticket-card-link,.message-card,.preview-card,.metric-card,.mini-kpi,.section{background:var(--bg-card);color:var(--text-main);border-color:var(--ticket-border)}.ticket-card,.ticket-card-link,.message-card,.preview-card{border:1px solid var(--ticket-border);box-shadow:var(--ticket-shadow)}.ticket-card:hover,.ticket-card-link:hover,.message-card:hover{box-shadow:var(--ticket-shadow-hover);border-color:#c99a3b}.ticket-list,.message-list,.message-list-compact{flex-direction:column;display:flex}.ticket-list,.message-list{gap:14px}.message-list-compact{gap:10px}.ticket-top,.ticket-card-top,.message-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ticket-meta,.ticket-meta-row,.meta-row{color:var(--text-secondary)}.ticket-number,.ticket-subject,.sender-name,.message-title{color:var(--text-main)}.ticket-customer,.sender-subline,.message-phone,.preview-label{color:var(--text-secondary)}.ticket-subject,.subject,.message-title{margin:8px 0 6px}.message-text,.preview-text{white-space:pre-wrap;line-height:1.6}.ticket-badge,.badge,.priority-badge,.status-badge,.ticket-badge-small{border-radius:999px;width:fit-content;padding:6px 10px;font-size:13px;font-weight:700;display:inline-block}.priority-badge-critical{color:#991b1b;background:#fee2e2}.ticket-panel,.panel,.panel-alert,.panel-danger{background:var(--bg-card);color:var(--text-main);border-color:var(--ticket-border)}.empty,.ticket-empty,.compact-empty{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--ticket-border)}.ticket-search-input,input,select,textarea{background:var(--input-bg);color:var(--text-main);border-color:#cbd5e1}.dark-mode input,.dark-mode select,.dark-mode textarea,.dark-mode .ticket-search-input{border-color:#475569}.ticket-two-columns{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:34px;display:grid}.timeline-grid,.metrics-grid{gap:14px;display:grid}.timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.metric-card{border:1px solid var(--ticket-border);box-shadow:var(--ticket-shadow);border-radius:16px;padding:18px}.metric-card-header,.metric-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-row{border-top:1px solid var(--ticket-border);padding:8px 0}.mini-kpi-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-kpi{border:1px solid var(--ticket-border);text-align:center;border-radius:12px;padding:12px}.worklog-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.worklog-text-label{flex-direction:column;gap:6px;margin-top:12px;font-weight:600;display:flex}.ticket-action-button,.ticket-action-button-secondary,.create-button,.ignore-button,.save-button,.cancel-button{color:#fff;cursor:pointer;border:none;border-radius:10px;font-weight:700;text-decoration:none}.dark-mode .ticket-card,.dark-mode .ticket-card-link,.dark-mode .message-card,.dark-mode .preview-card,.dark-mode .metric-card,.dark-mode .section{color:#f8fafc;background:#1f2937;border-color:#374151}.dark-mode .ticket-meta,.dark-mode .ticket-meta-row,.dark-mode .meta-row,.dark-mode .ticket-customer,.dark-mode .sender-subline,.dark-mode .message-phone,.dark-mode .preview-label{color:#cbd5e1}@media (width<=1100px){.ticket-two-columns,.metrics-grid,.timeline-grid{grid-template-columns:1fr}}@media (width<=768px){.ticket-top,.ticket-card-top,.message-top{flex-direction:column}.worklog-form-grid,.mini-kpi-grid{grid-template-columns:1fr}}.timeline-grid.timeline-grid-five{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.timeline-card-clickable{appearance:none;background:var(--bg-card);width:100%;min-width:0;min-height:210px;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;border:1px solid #d4ad5d;border-radius:14px;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:flex;overflow:hidden}.timeline-card-clickable:hover{border-color:#a97808;transform:translateY(-3px);box-shadow:0 10px 24px #00000024}.timeline-card-clickable:focus-visible{outline-offset:3px;outline:3px solid #a9780859}.timeline-card-title{overflow-wrap:anywhere;font-size:16px;font-weight:800;line-height:1.35;display:block}.timeline-card-date{color:var(--text-secondary);font-size:13px;line-height:1.4;display:block}.timeline-card-preview{white-space:pre-line;overflow-wrap:anywhere;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;flex:1;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.timeline-card-open{color:#a97808;margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;display:block}.timeline-modal-box{width:min(760px,100vw - 32px);max-height:calc(100vh - 60px);overflow-y:auto}.timeline-modal-date{color:var(--text-secondary);margin:0 0 18px;font-size:14px}.timeline-modal-content{background:var(--bg-card);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d4ad5d;border-radius:12px;padding:18px;font-size:16px;line-height:1.65}@media (width<=1600px){.timeline-grid.timeline-grid-five{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1300px){.timeline-grid.timeline-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.timeline-grid.timeline-grid-five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.timeline-grid.timeline-grid-five{grid-template-columns:minmax(0,1fr)}.timeline-card-clickable{min-height:170px}}:root{--form-border:#cbd5e1;--form-focus:#a97808;--form-shadow-focus:0 0 0 3px #a978082e;--input-bg:var(--bg-card)}.dark-mode{--form-border:#475569;--input-bg:#111827}input,select,textarea{background:var(--input-bg);color:var(--text-main);border-color:var(--form-border);font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.85}input:focus,select:focus,textarea:focus{box-shadow:var(--form-shadow-focus);outline:none;border-color:var(--form-focus)!important}label{color:var(--text-main)}.worklog-form-grid,.form-grid,.create-grid{gap:14px;display:grid}.worklog-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.worklog-form-grid label,.worklog-text-label,.form-label{flex-direction:column;gap:6px;font-weight:600;display:flex}.worklog-form-grid input,.worklog-form-grid select,.worklog-text-label textarea,.form-input,.form-select,.form-textarea{box-sizing:border-box;border:1px solid var(--form-border);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:10px;padding:12px 14px;font-size:15px}.form-textarea,.worklog-text-label textarea{resize:vertical;line-height:1.5}.search-input,.dashboard-search-input,.ticket-search-input{background:var(--input-bg);color:var(--text-main);border-color:var(--form-border)}@media (width<=768px){.worklog-form-grid,.form-grid,.create-grid{grid-template-columns:1fr}}.modal-backdrop{z-index:1000;background:#0f172a9e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);width:min(920px,100%);max-height:88vh;color:var(--text-main);border:1px solid var(--border-color,#0000001a);border-radius:18px;padding:24px;overflow:auto;box-shadow:0 24px 70px #00000047}.modal-box h2{margin-top:0;margin-bottom:18px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-box input,.modal-box select,.modal-box textarea{background:var(--input-bg,var(--bg-card));color:var(--text-main);border:1px solid #cbd5e1;border-radius:10px;padding:12px 14px;font-family:inherit}.dark-mode .modal-box{border-color:#374151;box-shadow:0 24px 70px #0000008c}.dark-mode .modal-box input,.dark-mode .modal-box select,.dark-mode .modal-box textarea{border-color:#475569}@media (width<=768px){.modal-backdrop{align-items:flex-start;padding:14px}.modal-box{max-height:92vh;padding:18px}.modal-actions{flex-direction:column}.modal-actions button,.modal-actions a{width:100%}}:root{--dashboard-border:var(--border-color,#0000001a);--dashboard-shadow:0 8px 22px #0000000f;--dashboard-card-shadow:0 4px 14px #0f172a14;--input-bg:var(--bg-card)}.dark-mode{--dashboard-border:#374151;--dashboard-shadow:0 8px 22px #0000004d;--dashboard-card-shadow:0 4px 14px #00000059;--input-bg:#111827}.dashboard-card,.dashboard-panel,.dashboard-ticket-row,.dashboard-activity-item,.dashboard-mini-stat,.dashboard-empty,.sla-card,.sla-panel,.sla-ticket-card,.sla-compact-item,.customer-card,.customer-detail-item,.user-card{background:var(--bg-card);color:var(--text-main);border-color:var(--dashboard-border)}.dashboard-ticket-row,.dashboard-activity-item,.dashboard-mini-stat,.sla-ticket-card,.sla-compact-item,.customer-card,.customer-detail-item,.user-card{border:1px solid var(--dashboard-border);box-shadow:var(--dashboard-card-shadow)}.dashboard-ticket-row:hover,.dashboard-activity-item:hover,.dashboard-mini-stat:hover,.sla-ticket-card:hover,.sla-compact-item:hover,.customer-card:hover,.user-card:hover{border-color:#c99a3b}.dashboard-muted,.dashboard-card small,.dashboard-panel small,.sla-card small,.sla-panel small,.customer-card small,.user-card small{color:var(--text-secondary)}.dark-mode .dashboard-card,.dark-mode .dashboard-panel,.dark-mode .dashboard-ticket-row,.dark-mode .dashboard-activity-item,.dark-mode .dashboard-mini-stat,.dark-mode .dashboard-empty,.dark-mode .sla-card,.dark-mode .sla-panel,.dark-mode .sla-ticket-card,.dark-mode .sla-compact-item,.dark-mode .customer-card,.dark-mode .customer-detail-item,.dark-mode .user-card{color:#f8fafc;background:#1f2937;border-color:#374151}.dark-mode input,.dark-mode select,.dark-mode textarea,.dark-mode .dashboard-search-input{background:var(--input-bg);color:var(--text-main);border-color:#475569}input,select,textarea,.dashboard-search-input{background:var(--input-bg);color:var(--text-main)}.customer-meta,.user-subline,.customer-subline{color:var(--text-secondary)}@media (width<=1100px){.dashboard-grid-5,.sla-kpi-grid,.customer-kpi-grid,.user-kpi-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashboard-main-grid,.sla-main-grid{grid-template-columns:1fr}}@media (width<=768px){.dashboard-grid-5,.dashboard-mini-grid,.sla-kpi-grid,.customer-kpi-grid,.user-kpi-grid{grid-template-columns:1fr}}.dashboard-v2-right-column .dashboard-v2-panel:first-child{display:none!important}.dashboard-v2-main-grid{grid-template-columns:minmax(0,1fr)!important}.dashboard-v2-right-column{width:100%!important}.dashboard-v2-ticket-list{align-items:stretch;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.dashboard-v2-ticket-row{cursor:pointer;min-width:0;min-height:150px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-color,#0000001a)!important;background:var(--bg-card)!important;color:inherit!important;border-radius:12px!important;flex-direction:column!important;justify-content:space-between!important;align-items:stretch!important;padding:14px!important;text-decoration:none!important;display:flex!important}.dashboard-v2-ticket-row:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#c99a3b!important}.dashboard-v2-ticket-row p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 6px;line-height:1.35;display:-webkit-box;overflow:hidden}.dashboard-v2-ticket-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-v2-ticket-right{margin-top:14px;align-items:flex-start!important;min-width:0!important}.dashboard-v2-ticket-right span{max-width:100%}@media (width<=1550px){.dashboard-v2-ticket-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media (width<=1200px){.dashboard-v2-ticket-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=850px){.dashboard-v2-ticket-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.dashboard-v2-ticket-list{grid-template-columns:1fr!important}}@keyframes tg-notification-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 0 #dc262673}50%{transform:translateY(-1px)scale(1.025);box-shadow:0 0 0 7px #dc262600}}.dashboard-notification-new{animation:1.25s ease-in-out infinite tg-notification-pulse;position:relative;border:2px solid #dc2626!important}.dashboard-notification-new:after{content:"NEU";z-index:2;color:#fff;letter-spacing:.04em;background:#dc2626;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900;line-height:1;position:absolute;top:-9px;right:-8px}@media (prefers-reduced-motion:reduce){.dashboard-notification-new{animation:none}}.pending-page{color:#111;box-sizing:border-box;background:#f7f3e9;min-height:100vh;padding:22px 32px 28px}.pending-header{grid-template-columns:1fr auto 1fr;align-items:start;margin-bottom:28px;display:grid}.pending-brand{align-items:center;gap:18px;display:flex}.pending-brand img{object-fit:contain;border-radius:12px;width:70px;height:70px}.pending-brand h1{letter-spacing:1px;margin:0;font-size:38px}.pending-brand p{color:#805200;margin:2px 0 0;font-size:17px}.pending-clock{color:#7b4d00;flex-direction:column;align-items:center;padding-top:8px;line-height:1.45;display:flex}.pending-clock strong{color:#111;font-size:17px}.pending-menu,.pending-title-card,.pending-content-card,.pending-stats button{background:#fffaf0;border:1px solid #dba330;border-radius:16px}.pending-menu{flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:16px;display:flex}.pending-menu a{color:#fff;border-radius:11px;justify-content:center;align-items:center;min-height:46px;padding:0 26px;font-weight:700;text-decoration:none;display:inline-flex}.pending-menu-primary{background:#bd8100}.pending-menu-secondary{background:#6e819e}.pending-title-card{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:22px;display:flex}.pending-title-card h2{margin:0 0 5px;font-size:28px}.pending-title-card p{color:#70552a;margin:0}.pending-refresh-btn,.pending-send-btn,.pending-reject-btn{color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.pending-refresh-btn{background:#bd8100}.pending-send-btn{background:#198754}.pending-reject-btn{background:#c9362b}.pending-stats{grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:28px;display:grid}.pending-stats button{text-align:left;cursor:pointer;color:#111;padding:18px 20px}.pending-stats button.active{box-shadow:inset 0 0 0 2px #bd8100}.pending-stats span,.pending-stats strong{display:block}.pending-stats strong{margin-top:5px;font-size:34px}.pending-content-card{padding:16px;overflow:hidden}.pending-table-wrap{overflow-x:auto}.pending-table{border-collapse:collapse;background:#fff;width:100%}.pending-table th,.pending-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ead8b4;padding:14px 12px}.pending-table th{color:#3d2a09;white-space:nowrap;background:#f4e6c8}.pending-table tbody tr:hover{background:#fffaf0}.pending-ticket-link{color:#7c5200;white-space:nowrap;font-weight:700;text-decoration:none}.pending-status{text-transform:capitalize;border-radius:999px;padding:5px 10px;font-weight:700;display:inline-block}.pending-status-wartend{color:#9a6500;background:#fff1c7}.pending-status-gesendet{color:#167442;background:#dff3e8}.pending-status-verworfen{color:#bd251b;background:#fde2df}.pending-actions{white-space:nowrap;gap:8px;display:flex}.pending-actions button:disabled{opacity:.55;cursor:not-allowed}.pending-finished{color:#6d6d6d;font-size:14px}.pending-error{color:#a92018;background:#fde8e6;border:1px solid #d8483e;border-radius:8px;margin-bottom:14px;padding:12px 14px}.pending-empty{text-align:center;color:#70552a;padding:28px}.pending-footer{color:#805200;background:#fffaf0;border-top:1px solid #d6d9df;justify-content:space-between;gap:24px;max-width:1200px;margin:42px auto 0;padding:12px 18px;font-size:13px;display:flex}.pending-footer strong{color:#183054}@media (width<=900px){.pending-page{padding:16px}.pending-header{grid-template-columns:1fr;gap:16px}.pending-clock{align-items:flex-start}.pending-stats{grid-template-columns:repeat(2,1fr)}.pending-footer{flex-direction:column;gap:4px}}