@font-face{font-family:"Museo Sans";font-weight:100;src:url("../fonts/MuseoSans-100.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Museo Sans";font-weight:300;src:url("../fonts/MuseoSans-300.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Museo Sans";font-weight:500;src:url("../fonts/MuseoSans-500.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Museo Sans";font-weight:700;src:url("../fonts/MuseoSans-700.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Museo Sans";font-weight:900;src:url("../fonts/MuseoSans-900.woff2") format("woff2");font-display:swap}
@font-face{font-family:Comfortaa;font-weight:400;src:url("../fonts/Comfortaa-Regular.woff2") format("woff2");font-display:swap}
@font-face{font-family:Comfortaa;font-weight:700;src:url("../fonts/Comfortaa-Bold.woff2") format("woff2");font-display:swap}

:root,:host{
  --q-black:#000;--q-white:#fff;--q-dark:#4b4b4b;--q-medium:#bbb;--q-bright:#e7e7e7;
  --q-lime:#c6d31c;--q-navy:#10314e;--q-teal:#15a5b5;--q-wash:#f1f2f2;--q-purple:#8a1cb1;
  --q-success:#6fa31c;--q-warning:#e2a93b;--q-danger:#c04848;
  --font-sans:"Museo Sans","Helvetica Neue",Arial,sans-serif;--font-display:Comfortaa,"Museo Sans",Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-pill:999px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;
  --shadow-card:0 0 12px rgba(0,0,0,.2);--shadow-soft:0 0 12px rgba(0,0,0,.1);
  --ease-standard:cubic-bezier(.4,0,.2,1);--duration-fast:150ms;--duration-base:300ms;
}

*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--q-wash);color:var(--q-dark);font:300 1rem/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}
body.is-modal-open{overflow:hidden}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
a{color:var(--q-navy);font-weight:700;text-decoration:none}
a:hover{color:var(--q-teal)}
:focus-visible{outline:3px solid var(--q-teal);outline-offset:3px}
::selection{background:var(--q-lime);color:var(--q-navy)}
.skip_link{position:fixed;left:16px;top:12px;z-index:9999;padding:10px 16px;background:var(--q-navy);color:#fff;border-radius:var(--radius-pill);transform:translateY(-180%)}
.skip_link:focus{transform:none}
.visually_hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.content_header{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}
.content_header_body{min-width:0}
.content_header_pretext{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--q-navy)}
.content_header_title{margin:3px 0 0;font:700 clamp(1.35rem,2vw,1.75rem)/1.2 var(--font-display);color:var(--q-teal)}
.content_header_description{margin:6px 0 0;max-width:70ch;font-size:.9rem}
.content_header_controls{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}

.content_box{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
.content_box_header{display:flex;align-items:flex-start;gap:12px;padding:20px 22px;border-bottom:1px solid var(--q-bright)}
.content_box_body{padding:22px}
.content_box_title{margin:0;font:700 1rem/1.3 var(--font-display)}
.content_box_description{margin:4px 0 0;font-size:.86rem}
.content_box_controls{margin-left:auto;display:flex;gap:8px}

.content_form{display:flex;flex-direction:column;gap:18px}
.content_form_item_group{display:flex;flex-direction:column;gap:14px}
.content_form_item_group_caption{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--q-navy)}
.content_form_item{display:flex;flex-direction:column;gap:7px}
.content_form_item_caption{font-size:.84rem;font-weight:700}
.content_form_item_hint{font-size:.76rem;color:#707070;line-height:1.45}
.content_form_item_value{min-width:0}
.content_form_input{width:100%;border:2px solid var(--q-medium);border-radius:0;background:#fff;padding:11px 13px;font-size:.9rem;font-weight:300;transition:border-color var(--duration-fast)}
.content_form_input:hover,.content_form_input:focus{border-color:var(--q-teal)}
.content_form_input:focus,.content_form_input:focus-visible{outline:none}
textarea.content_form_input{resize:vertical;min-height:108px}
.content_form_input[aria-invalid="true"]{border-color:var(--q-danger)}
.content_form_error{color:#922;font-size:.78rem;font-weight:500}

.window{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}
.window_header{display:flex;align-items:flex-start;gap:14px;padding:22px 26px;border-bottom:1px solid var(--q-bright)}
.window_header_body{min-width:0}
.window_header_pretext{font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--q-navy)}
.window_header_title{margin:4px 0 0;font:700 1.3rem/1.2 var(--font-display)}
.window_header_description{margin:5px 0 0;font-size:.82rem}
.window_header_controls{margin-left:auto;display:flex;align-items:center;gap:8px}
.window_content{padding:24px 26px;overflow:auto}
.window_controls{display:flex;align-items:center;gap:12px;padding:16px 26px;border-top:1px solid var(--q-bright)}
.window_controls_hint{font-size:.75rem;color:#777}
.window_controls_primary{margin-left:auto;display:flex;align-items:center;gap:10px}

.window_control{border:0;border-radius:var(--radius-pill);padding:10px 20px;background:var(--q-lime);color:var(--q-dark);font-size:.84rem;font-weight:700;min-height:42px}
.window_control:hover{filter:brightness(.97);transform:translateY(-1px)}
.window_control_secondary{background:#fff;border:2px solid var(--q-medium);padding:8px 18px}
.window_control_ghost{background:transparent;color:var(--q-navy);padding-inline:8px}
.window_control_danger{background:var(--q-danger);color:#fff}
.window_header_control{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--q-navy);color:#fff;font-size:1.25rem;display:grid;place-items:center}

.segmented_control{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--q-bright);border-radius:var(--radius-pill);background:#fff;box-shadow:var(--shadow-soft);flex-wrap:wrap}
.segmented_control_item{position:relative;border:0;border-radius:var(--radius-pill);background:transparent;padding:8px 15px;font-size:.8rem;font-weight:500;min-height:36px}
.segmented_control_item_active,.segmented_control_item[aria-pressed="true"]{background:var(--q-lime);font-weight:700}

.content_tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.content_tag{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--q-wash);font-size:.75rem;font-weight:500}
.content_tag_status{font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}
.content_tag_status[data-status="new"]{background:#e5f5f7;color:#0b6670}
.content_tag_status[data-status="in_progress"]{background:#fff3d9;color:#754e00}
.content_tag_status[data-status="resolved"],.content_tag_status[data-status="closed"]{background:#edf6dc;color:#466911}

.notification{display:flex;align-items:flex-start;gap:13px;border-left:4px solid var(--q-teal);border-radius:var(--radius-sm);padding:13px 16px;background:#fff;box-shadow:var(--shadow-soft)}
.notification_icon{width:26px;height:26px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--q-teal);color:#fff;font-weight:700}
.notification_title{font-weight:700;font-size:.87rem}
.notification_description{margin-top:2px;font-size:.8rem;line-height:1.5}
.notification_danger{border-color:var(--q-danger)}.notification_danger .notification_icon{background:var(--q-danger)}

.progress_indicator{display:flex;align-items:center;gap:8px}
.progress_indicator_items{display:flex;align-items:center;gap:4px;flex:1}
.progress_indicator_item{height:5px;flex:1;border-radius:var(--radius-pill);background:var(--q-bright)}
.progress_indicator_item_active,.progress_indicator_item_complete{background:var(--q-lime)}
.progress_indicator_text{font-size:.73rem;color:#777;white-space:nowrap}

@keyframes qzDot{0%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-7px);opacity:1}}
.qz_loader{display:inline-flex;align-items:flex-end;justify-content:center;gap:7px;height:18px;--q-speed:1}
.qz_loader_dot{width:9px;height:9px;border-radius:50%;animation:qzDot calc(1.2s / var(--q-speed)) var(--ease-standard) infinite}
.qz_loader_dot:nth-child(1){background:var(--q-lime)}.qz_loader_dot:nth-child(2){background:var(--q-teal);animation-delay:calc(.15s / var(--q-speed))}.qz_loader_dot:nth-child(3){background:var(--q-navy);animation-delay:calc(.3s / var(--q-speed))}
.qz_loader_label{margin-left:8px;font-size:.8rem;font-weight:500}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.qz_loader_dot{animation:none;opacity:.75}}

@media(max-width:700px){.window{border-radius:var(--radius-lg)}.window_header,.window_content,.window_controls{padding-left:18px;padding-right:18px}.window_controls{align-items:stretch;flex-direction:column}.window_controls_primary{margin-left:0}.window_controls_primary .window_control{flex:1}.content_header_controls{width:100%;margin-left:0}}

