/* LOGS.TRFX.DE | STYLE.CSS | © 2025 TRFX.DE */
@import url(https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css);body,footer .copyright,input[type=date],input[type=text]{color:var(--text-primary)}.log-message,body{display:flex}.log-entry .timestamp,.log-message .timestamp{font-size:.75rem;margin-right:.75rem}.channel-card-placeholder,.stat-card-placeholder{@apply bg-gray-800/50 rounded-lg p-4 animate-pulse min-h-[100px];}.stat-card .title{@apply text-lg text-gray-400 font-medium;}.stat-card .value{@apply text-4xl font-bold text-white mt-2;}.doc-container h3{@apply text-2xl font-bold text-purple-400 border-l-4 border-purple-400 pl-4 mb-2;}.doc-container p{@apply text-lg text-gray-300 mb-2;}.doc-container h4{@apply text-xl font-semibold text-white mt-4 mb-2;}.doc-container ul{@apply list-disc list-inside text-gray-300 space-y-1;}.doc-container pre{@apply bg-gray-950 p-4 rounded-md text-green-400 font-mono text-sm overflow-x-auto;}.api-endpoint{@apply bg-gray-950/50 border border-gray-800 p-6 rounded-xl;}:root{--background-dark:#222222;--background-light:#353535;--border-color:#494949;--text-primary:#dbdbdb;--text-secondary:#afafaf;--accent-color:#8B5CF6;--accent-color-hover:#7C3AED;--success-color:#10B981;--error-color:#EF4444}body{background-color:var(--background-dark);background-color:var(--background-dark);flex-direction:column}.card,footer,header{background-color:var(--background-light)}footer,header{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}header nav a{color:var(--text-secondary);transition:color .2s ease-in-out}header nav a.active,header nav a:hover{color:var(--accent-color)}.card{border:1px solid var(--border-color);box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.log-entry .username,h1,h2,h3{font-weight:600}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}input[type=date],input[type=text]{background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem .75rem}input[type=date]:focus,input[type=text]:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color)}.btn{background-color:var(--accent-color);color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s ease-in-out;cursor:pointer}.download-option,.log-entry .timestamp,.log-message .timestamp,footer,footer .footer-links a{color:var(--text-secondary)}.btn:hover{background-color:var(--accent-color-hover)}#log-container{border:1px solid var(--border-color)}.log-entry{padding:.25rem .5rem;border-radius:.25rem}.log-entry:hover{background-color:var(--background-light)}.log-entry .badges img,.log-message .badge-icon{display:inline-block;height:1rem;width:1rem;vertical-align:middle}.log-entry .message{word-break:break-all}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1280px){.container{max-width:1280px}}footer{background-color:var(--background-dark);border-top:1px solid var(--border-color);flex-shrink:0;border-top:1px solid var(--border-color);padding:2rem 1rem;text-align:center}body,footer,header{background-color:var(--bg-dark)}footer .footer-links a{margin:.5rem 1rem;display:inline-block;text-decoration:none;transition:color .2s}footer .footer-links a:hover{color:var(--accent-color);color:var(--accent-purple);text-decoration:underline}:root{--bg-dark:#111111;--bg-medium:#1d1d1d;--bg-light:#2a2a2a;--border-color:#383838;--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--accent-purple:#9046ff;--accent-purple-hover:#772ce8}::selection{background:#9046ff}body{font-family:Inter,sans-serif;flex-direction:column;min-height:100vh}main{flex-grow:1;min-height:calc(100vh - 8rem)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:1024px){.container{max-width:1024px}}footer,header{flex-shrink:0}header{border-bottom:1px solid var(--border-color)}footer .copyright{font-weight:600;margin-bottom:1rem;display:block}.card{background-color:var(--bg-medium);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;transition:transform .2s ease-out,box-shadow .2s ease-out}.card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.2)}input[type=password],input[type=text],select{background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);border-radius:.375rem;padding:.5rem .75rem;width:100%;transition:.2s}input:focus,select:focus{outline:0;border-color:var(--accent-purple);box-shadow:0 0 0 3px rgba(145,70,255,.2)}#log-container{background-color:#0e0e0e;border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;height:70vh;overflow-y:auto;font-family:'Fira Code',monospace}.log-message{@apply p-2 rounded-md;animation:.5s ease-out fadeIn;align-items:baseline;flex-wrap:wrap}.log-message .timestamp{@apply text-gray-500 text-xs mr-3;flex-shrink:0}.log-message .badges{margin-right:3px;line-height:1}.log-message .username{@apply font-bold;font-weight:600;margin-right:.5rem}.log-message .message-content{word-break:break-word;word-break:break-word;white-space:pre-wrap}.log-message .channel-name{background-color:var(--bg-light);color:var(--accent-purple);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;margin-right:.5rem}.download-option{background-color:var(--bg-light);border:1px solid var(--border-color);padding:1.5rem 1rem;border-radius:.5rem;text-align:center;transition:.2s}.download-option:hover{background-color:var(--accent-purple);color:#fff;border-color:var(--accent-purple-hover);transform:scale(1.05)}.animated-fade-in{animation:.5s ease-out .1s forwards fadeIn;opacity:0}.animated-fade-in-fast{opacity:0;animation:.2s ease-out forwards fadeIn}code{background-color:#0a0a0a;padding:1px 4px;border-radius:6px}.chat-link,.chat-link::after{color:#772ce8;text-decoration:underline}.chat-link:hover{color:#9046ff}.mod-action-log{padding:.25rem .5rem;color:var(--text-secondary);font-style:italic;font-size:.8rem}.mod-action-log .timestamp{margin-right:.75rem}.log-message{padding:.25rem .5rem;border-radius:.25rem;line-height:1.7}.log-message:hover{background-color:var(--bg-light)}.chat-emote{display:inline-block;vertical-align:middle;height:28px;margin:-4px 2px}.transform-scale-in{animation:.2s ease-out forwards scaleIn}@keyframes fadeIn{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{from{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.tab-btn{transition:background-color .2s,color .2s;border:none;outline:0}.tab-btn:hover{background-color:#4a5568}.flatpickr-calendar{background:#1f2937;border:1px solid #374151;border-radius:.5rem;width:100%!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.flatpickr-month,.flatpickr-next-month:hover,.flatpickr-prev-month:hover{color:#fff}.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month input.cur-year{color:#fff;font-weight:700;background:0 0}.flatpickr-weekday,.flatpickr-weekdays{color:#9ca3af;background:#1f2937}.flatpickr-day{color:#d1d5db;border-color:transparent;transition:background-color .1s}.flatpickr-day:hover{background:#374151}.flatpickr-day.today{border-color:#8b5cf6}.flatpickr-day.endRange,.flatpickr-day.selected,.flatpickr-day.startRange{background:#7c3aed;color:#fff;border-color:#7c3aed}.flatpickr-day.inRange{background:#5b21b6;color:#e5e7eb;border-color:transparent;box-shadow:-5px 0 0 #5b21b6,5px 0 0 #5b21b6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{color:#4b5563;background:0 0;cursor:not-allowed}.flatpickr-next-month,.flatpickr-prev-month{color:#d1d5db;fill:currentColor}.timestamp{cursor:default}