:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--white:var(--lightningcss-light,oklch(100% 0 0))var(--lightningcss-dark,oklch(0% 0 0));--snow:var(--lightningcss-light,oklch(94.12% 0 0))var(--lightningcss-dark,oklch(20.46% 0 0));--glossy:var(--lightningcss-light,oklch(91.58% 0 0))var(--lightningcss-dark,oklch(30.12% 0 0));--bright:var(--lightningcss-light,oklch(82.97% 0 0))var(--lightningcss-dark,oklch(39.42% 0 0));--light:var(--lightningcss-light,oklch(74.44% 0 0))var(--lightningcss-dark,oklch(47.84% 0 0));--gloomy:var(--lightningcss-light,oklch(65.34% 0 0))var(--lightningcss-dark,oklch(56.24% 0 0));--grey:var(--lightningcss-light,oklch(56.24% 0 0))var(--lightningcss-dark,oklch(65.34% 0 0));--dun:var(--lightningcss-light,oklch(47.84% 0 0))var(--lightningcss-dark,oklch(74.44% 0 0));--dark:var(--lightningcss-light,oklch(39.42% 0 0))var(--lightningcss-dark,oklch(82.97% 0 0));--night:var(--lightningcss-light,oklch(30.12% 0 0))var(--lightningcss-dark,oklch(91.58% 0 0));--pitch:var(--lightningcss-light,oklch(20.46% 0 0))var(--lightningcss-dark,oklch(94.12% 0 0));--black:var(--lightningcss-light,oklch(0% 0 0))var(--lightningcss-dark,oklch(100% 0 0));--brand:var(--lightningcss-light,oklch(46.37% .031 181.21))var(--lightningcss-dark,oklch(53.63% .031 181.21));--accent:var(--lightningcss-light,oklch(53.63% .031 181.21))var(--lightningcss-dark,oklch(46.37% .031 181.21));--positive:#40bf40;--negative:#bf4040;--warning:#d99726;--primary:var(--brand);--success:var(--positive);--danger:var(--negative);--text:var(--pitch);--text-light:var(--grey);--bg:var(--white);--border:var(--bright);--radius:8px;--easing:cubic-bezier(.38, 0, .62, 1);--duration:.35s}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{font-family:var(--font-body);background:var(--snow);color:var(--text)}.header{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px 30px;display:flex}.header h1{font-size:2.4rem;font-weight:400;font-family:var(--font-display);font-optical-sizing:auto;color:var(--pitch);letter-spacing:-.01em;margin:0;line-height:1.3}.header__sub{color:var(--dun);margin:6px 0 0;font-size:.95rem}.header__sub a{color:var(--brand)}.container{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);margin-bottom:20px;padding:30px}.tabs{border-bottom:2px solid var(--border);gap:10px;margin-bottom:30px;display:flex}.tab{cursor:pointer;color:var(--text-light);transition:color var(--duration) var(--easing), border-color var(--duration) var(--easing);background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 24px;font-family:inherit;font-size:1rem}.tab:hover{color:var(--text)}.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:all var(--duration) var(--easing);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25;display:inline-flex}.btn-primary{background:var(--brand);color:var(--snow);border-color:var(--brand)}.btn-secondary{background:var(--bright);color:var(--text);border-color:var(--border)}.btn-danger{background:var(--danger);color:var(--white);border-color:var(--danger)}.btn-success{background:var(--success);color:var(--white);border-color:var(--success)}.btn:hover{opacity:.9;transform:translateY(-1px)}.table{border-collapse:collapse;table-layout:fixed;word-break:break-word;overflow-wrap:anywhere;width:100%;font-family:var(--font-micro);font-optical-sizing:auto}.table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text);padding:10px;font-size:.85rem;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;padding:10px;font-size:.9rem}.table tr:hover td{background:var(--glossy)}.badge{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-pending{background:color-mix(in oklab, var(--warning) 20%, var(--white));color:color-mix(in oklab, var(--warning) 70%, var(--black))}.badge-resolved{background:color-mix(in oklab, var(--positive) 20%, var(--white));color:color-mix(in oklab, var(--positive) 70%, var(--black))}.form-group{margin-bottom:15px}.form-group label{color:var(--text);margin-bottom:5px;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;background:var(--white);width:100%;color:var(--text);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);transition:border-color var(--duration) var(--easing);padding:8px 12px;font-family:inherit;font-size:.875rem;font-weight:400}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in oklab, var(--brand) 15%, transparent);outline:none}.login-container{max-width:400px;margin:100px auto}.alert{border-radius:calc(var(--radius) - 2px);margin-bottom:15px;padding:12px}.alert-danger{background:color-mix(in oklab, var(--negative) 15%, var(--white));color:color-mix(in oklab, var(--negative) 70%, var(--black));border:1px solid color-mix(in oklab, var(--negative) 30%, transparent)}.alert-success{background:color-mix(in oklab, var(--positive) 15%, var(--white));color:color-mix(in oklab, var(--positive) 70%, var(--black));border:1px solid color-mix(in oklab, var(--positive) 30%, transparent)}@media (width<=640px){.header{flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:12px 14px}.header h1{word-break:break-word;flex:100%;font-size:1.15rem}.header .btn{align-self:flex-start}.container{padding:16px}.tabs{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:20px;overflow:auto hidden}.tab{white-space:nowrap;flex-shrink:0;padding:10px 14px;font-size:.9rem}.login-container{max-width:none;margin:40px 0}.table th,.table td{padding:8px;font-size:.85rem}}
