@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital@0;1&display=swap";.global-error{height:100vh;display:flex;justify-content:center;align-items:center}.global-error p{transform:translateY(-5vh)}#app{min-height:100vh}.list{display:flex;flex-direction:column}.list__item{cursor:pointer}.icon-button{background:transparent;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease,box-shadow .1s ease}.icon-button svg{width:100%;height:100%;display:block}.icon-button:hover{background:var(--color-surface-hover);box-shadow:0 1px 2px var(--shadow)}.icon-button:active{transform:translateY(1px);box-shadow:none}.icon-button:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.modal__backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;justify-content:center;align-items:center;background-color:var(--modal-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{display:flex;flex-direction:column;width:100dvw;height:100dvh;background-color:#fff;border-radius:var(--radius-sm);box-shadow:0 10px 10px var(--color-shadow);overflow:hidden}.modal__header,.modal__footer{display:flex;align-items:center;flex-shrink:0}.modal__header{justify-content:space-between;background:var(--modal-header)}.modal__footer{justify-content:flex-end;gap:var(--actions-gap)}.modal__body{overflow-y:auto;flex:1;min-height:0}.modal__header,.modal__body,.modal__footer{padding:var(--space-lg) var(--space-xl)}.modal__cancel{order:99}@media(min-width:1024px){.modal{max-width:var(--modal-width);width:100%;max-height:90vh;height:auto}}.base-form{display:flex;flex-direction:column;gap:var(--space-md)}.field__label{display:flex;flex-direction:column;gap:var(--space-xs)}.field__control{padding:var(--space-sm) var(--space-sm) var(--space-xxs);border-radius:var(--space-xs);border-width:1px;width:100%}.field__control:focus{outline:none;border-color:var(--form-element-border-focus)}.field__errors{list-style:disc;list-style-position:inside;line-height:var(--line-height-tight)}.field__error{color:var(--color-error)}.field__error:first-letter,.field__label-text:first-letter{text-transform:uppercase}.ticket{border-radius:var(--radius-sm);height:auto;background:var(--color-surface);box-shadow:0 1px 2px var(--shadow)}.ticket:hover{background:var(--color-surface-darker)}.ticket__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);padding-bottom:var(--space-xs)}.ticket__header h3{overflow-wrap:anywhere}.ticket__header-menu{position:relative;align-self:flex-start}.ticket__dropdown{right:0;padding:var(--space-sm);min-width:var(--actions-menu-width);background:var(--color-surface);border:1px solid #ddd;border-radius:var(--radius-sm);box-shadow:0 6px 20px var(--shadow)}.ticket__main{padding:var(--space-md);padding-top:var(--space-xs)}.ticket-new .ticket{border-left:var(--ticket-border) solid var(--color-new)}.ticket-active .ticket{border-left:var(--ticket-border) solid var(--color-active)}.ticket-done .ticket{border-left:var(--ticket-border) solid var(--color-done)}.board__main{display:flex;flex-direction:column;gap:var(--tickets-grid-gap)}.ticket-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%}.ticket-group__title{text-align:center;width:100%;border-radius:var(--radius-sm);padding:var(--space-xs) 0;align-self:flex-start;color:#fff}.ticket-new .ticket-group__title{background:var(--color-new)}.ticket-active .ticket-group__title{background:var(--color-active)}.ticket-done .ticket-group__title{background:var(--color-done)}.ticket-group .list{width:100%;display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:1024px){.board__main{display:grid;grid-template-columns:repeat(3,1fr)}}.board__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0}.board__actions{display:flex;justify-content:center;gap:var(--actions-gap)}.board__icon path{fill:#fff}.board__icon{height:100%}@media(min-width:1024px){.board__header{flex-direction:row;justify-content:space-between}.board__menu{position:relative}.board__dropdown{right:calc(var(--actions-gap) + var(--icon-size));top:calc(100% + 6px)}}.icon-button__chevron{transform-origin:center;transition:transform .3s ease-in-out}.icon-button__chevron--open{transform:rotate(180deg)}.board-list{display:flex;flex-direction:column;background:var(--sidebar)}.board-list li,.board-list__header{padding:var(--space-xs) var(--space-md)}.board-list__header{display:flex;justify-content:space-between;align-items:center}.board-list__actions{display:flex;gap:var(--space-xs)}.board-list__actions button:hover{background-color:#0000000d}.board-list__add{background:none;font-size:var(--text-xl)}.board-list__add:hover{box-shadow:none;background:#0000000d}.board-list .list{list-style-type:circle;list-style-position:inside}.board-list .list__item:hover{background:var(--sidebar-element-hover)}.board-list .list__item--active{background:var(--sidebar-element-active);list-style-type:disc;font-weight:700}.board-list__main{padding:var(--space-xs) 0;border-top:1px solid var(--color-border-dark)}@media(min-width:1024px){.board-list{height:100%;min-width:var(--sidebar-width);background:var(--sidebar)}.board-list li,.board-list__header{padding:var(--space-sm) var(--space-xl)}.board-list__main{overflow-y:auto}}.board{padding:0 var(--space-md)}@media(min-width:1024px){.board{padding:var(--tickets-grid-gap);padding-top:0;display:grid;grid-template-rows:auto 1fr}}.auth__layout{display:grid;grid-template-columns:1fr}.auth__about,.auth__form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:var(--space-xxl);padding-bottom:var(--space-xxl)}.about__content{display:flex;flex-direction:column;gap:var(--space-xxl);padding:0 var(--space-lg);margin:0 auto;min-width:var(--auth-form-width)}.about__content h4{margin-bottom:var(--space-xs);text-align:center}.about__content li{list-style:disc inside}.about__header,.about__footer{text-align:center}.auth__form{position:relative;min-height:auto}.auth__header,.auth__main,.auth__footer{width:var(--auth-form-width);padding:var(--space-md) var(--space-lg)}.auth__header,.auth__footer{display:flex;flex-direction:column;align-items:center}.auth__header{gap:var(--space-md)}.auth__divider{width:60%;max-width:var(--auth-form-width);height:1px;background:#ddd;margin:0 auto}@media(min-width:1024px){.auth__about{order:1}.auth__form{order:2}.auth__form{min-height:100vh;min-height:100dvh}.auth__divider{display:none}.auth__layout{grid-template-columns:1fr 1fr}.auth__about{margin-left:clamp(2rem,5vw,9rem)}.auth__form{margin-right:clamp(2rem,5vw,9rem)}.about__header,.about__footer,.about__content h4{text-align:initial}}.app__layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app__header,.app__main,.app__footer{width:100%;max-width:100%}.app__header{display:flex;align-items:center;background:var(--sidebar)}.app__header-left,.app__header-right{display:flex;align-items:center;padding:var(--space-sm) var(--space-md)}.app__header-right{flex-grow:1;justify-content:flex-end;gap:var(--actions-gap)}.app__main{display:flex;flex-direction:column}.app__user{display:none}.app__title{font-size:var(--text-xl)}.app__demo-badge{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:100;cursor:default;pointer-events:none}.app__demo-badge:is(:active,:hover,:focus){background-color:inherit!important;color:inherit!important;box-shadow:none!important;transform:none!important;outline:none!important}@media(min-width:1024px){.app__user{display:initial;font-style:italic}.app__main{display:grid;grid-template-columns:var(--sidebar-width) 1fr}.app__header{background:initial}.app__header-left{gap:var(--space-md);min-width:var(--sidebar-width);background:var(--sidebar)}.app__header-left,.app__header-right{height:100%;padding:var(--space-md) var(--tickets-grid-gap)}.app__demo-badge{position:initial}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:1.5}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}ul,ol{list-style:none;padding:0}textarea:not([rows]){min-height:10em}:root{--color-bg: #f4f6f8;--color-surface: rgb(255, 255, 255);--color-surface-darker: color-mix(in srgb, var(--color-surface), black 1%);--color-surface-hover: #f5f5f5;--color-surface-active: #ebebeb;--color-primary-light: color-mix(in srgb, var(--color-primary), white 15%);--color-primary: rgb(33, 120, 130);--color-primary-dark: color-mix(in srgb, var(--color-primary), black 15%);--color-secondary-light: color-mix(in srgb, var(--color-secondary), white 15%);--color-secondary: rgb(187, 215, 217);--color-secondary-dark: color-mix(in srgb, var(--color-secondary), black 15%);--color-accent-light: #ee8e44;--color-accent: #ee8e44;--color-accent-dark: #ea7317;--color-danger: #ef4444;--color-error: var(--color-danger);--color-border: ;--color-shadow: rgba(0, 0, 0, .15);--color-text: #1f2933;--color-text-muted: #6b7280;--color-new: rgb(214, 102, 102);--color-active: rgb(214, 176, 92);--color-done: rgb(102, 170, 120);--sidebar: var(--color-secondary);--sidebar-element-active: var(--color-secondary-dark);--sidebar-element-hover: var(--color-secondary-dark);--modal-header: var(--color-secondary);--modal-body: var(--color-surface);--modal-footer: "";--form-element-border: var(--color-border);--form-element-border-focus: var(--color-primary);--form-element-border-error: var(--color-error);--form-text-placeholder: var(--gray-4)}:root{--font-family-primary: "IBM Plex Mono";--font-family-secondary: "IBM Plex Mono";--font-app-title: "IBM Plex Mono";--font-fallback: "IBM Plex Mono";--text-base: 1.125rem;--ratio: 1.125;--text-sm: calc(var(--text-base) / var(--ratio));--text-md: var(--text-base);--text-lg: calc(var(--text-base) * var(--ratio));--text-xl: calc(var(--text-base) * var(--ratio) * var(--ratio));--text-xxl: calc(var(--text-base) * var(--ratio) * var(--ratio) * var(--ratio));--text-app-title: 2rem;--line-height-compact: 1.05;--line-height-tight: 1.25;--line-height-normal: 1.5;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .05em;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--space-unit: 1rem;--space-xxs: calc(.125 * var(--space-unit));--space-xs: calc(.25 * var(--space-unit));--space-sm: calc(.5 * var(--space-unit));--space-md: calc(.75 * var(--space-unit));--space-lg: calc(1 * var(--space-unit));--space-xl: calc(1.5 * var(--space-unit));--space-xxl: calc(2 * var(--space-unit));--radius-sm: 3px;--radius-md: 6px;--header-padding-top: var(--space-lg);--header-padding-bottom: var(--space-md);--z-modal: 100;--modal-width: 30rem;--icon-size: 2.5rem;--sidebar-width: 320px;--sidebar-pd-left: var(--space-lg);--ticket-width: 340px;--ticket-border: 4.5px;--tickets-grid-gap: var(--space-xl);--actions-gap: var(--space-sm);--actions-menu-width: 165px;--auth-form-width: 320px}@media(min-width:1024px){:root{--text-base: 1.125rem}}[data-theme=dark]{--text-primary: #f5f5f5;--text-secondary: #bbbbbb}body{font-family:var(--font-family-primary);font-size:var(--text-md);color:var(--text-primary);line-height:var(--line-height-normal)}p{margin-bottom:var(--space-md)}h1,h2,h3{font-family:var(--font-family-secondary);line-height:var(--line-height-tight);font-weight:var(--weight-bold);color:var(--text-accent);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-xxl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}small{font-size:var(--text-sm);letter-spacing:var(--tracking-wide)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:var(--line-height-compact);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .05s ease,box-shadow .1s ease;color:#000}.btn:hover{box-shadow:0 1px 2px var(--shadow)}.btn:active{transform:translateY(1px);box-shadow:none}.btn:focus-visible{outline:2px solid var(--color-primary-dark);outline-offset:2px}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);color:#fff}.btn--secondary{background-color:var(--color-secondary);color:#000}.btn--secondary:hover{background-color:var(--color-secondary-dark)}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover{background-color:var(--color-danger-dark)}.btn--accent{background-color:var(--color-accent);color:#fff}.btn--accent:hover{background-color:var(--color-accent-dark)}.dropdown{position:absolute;z-index:10;display:flex;flex-direction:column;gap:var(--space-xs)}@media(min-width:1024px){.fixed-width-menu{width:var(--actions-menu-width)}}body{background:var(--color-bg)}