:root{--bg-deep: #070b14;--bg-panel: rgba(15, 23, 42, .72);--border: rgba(148, 163, 184, .22);--text: #e2e8f0;--muted: #94a3b8;--accent-sky: #38bdf8;--accent-indigo: #818cf8;--accent-emerald: #34d399;--accent-amber: #fbbf24;--accent-violet: #c084fc;--danger: #fb7185;--radius: 14px;--shadow: 0 18px 50px rgba(0, 0, 0, .45);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font);color:var(--text);background:var(--bg-deep);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}img{max-width:100%;height:auto;display:block}.shell{position:relative;min-height:100dvh;display:flex;flex-direction:column}.shell-main{flex:1;width:min(1100px,100% - 2rem);margin:0 auto;padding:1rem 0 calc(2rem + var(--safe-bottom))}@media (min-width: 768px){.shell-main{width:min(1100px,100% - 3rem);padding:1.5rem 0 calc(2.5rem + var(--safe-bottom))}}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#070b14eb,#070b148c);border-bottom:1px solid var(--border)}.topbar-inner{width:min(1100px,100% - 2rem);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0}.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;letter-spacing:-.02em}.brand-mark{width:40px;height:40px;border-radius:12px;object-fit:cover;box-shadow:0 12px 28px #38bdf838}.logo-hero{width:min(220px,70vw);height:min(220px,70vw);max-width:100%;object-fit:cover;border-radius:18px}.nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.nav a,.nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;padding:.55rem .75rem;border-radius:12px;color:var(--muted);cursor:pointer}.nav a:hover,.nav button:hover{color:var(--text);border-color:#94a3b838;background:#94a3b80f}.nav .primary{border-color:#38bdf859;background:linear-gradient(135deg,#38bdf82e,#818cf824);color:var(--text)}.panel{border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:1rem}@media (min-width: 768px){.panel-pad{padding:1.25rem 1.35rem}}.h1{font-size:clamp(1.65rem,4vw,2.35rem);line-height:1.15;margin:0 0 .5rem;letter-spacing:-.03em}.lead{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.55}.grid{display:grid;gap:1rem}@media (min-width: 720px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.field input,.field textarea{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.28);background:#02061759;padding:.7rem .85rem;outline:none}.field select{width:100%;border-radius:12px;border:1px solid rgba(148,163,184,.28);padding:.7rem .85rem;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#38bdf88c;box-shadow:0 0 0 3px #38bdf824}.field textarea{min-height:110px;resize:vertical}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.26);border-radius:12px;padding:.65rem .95rem;cursor:pointer;background:#94a3b814}.btn-primary{border-color:#38bdf861;background:linear-gradient(135deg,#38bdf847,#818cf838)}.btn-danger{border-color:#fb718559;background:#fb71851f}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:999px;border:1px solid rgba(148,163,184,.22);font-size:.78rem;color:var(--muted)}.ticket-card{padding:1rem;border-radius:var(--radius);border:1px solid rgba(148,163,184,.18);background:#02061759}.ticket-card h3{margin:0 0 .35rem;font-size:1.05rem}.meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.muted{color:var(--muted)}.page-fallback{padding:2rem;text-align:center;color:var(--muted)}.error{color:var(--danger);font-size:.9rem}.tabs{display:flex;gap:.35rem;margin-bottom:1rem}.tabs button{flex:1;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#02061759;padding:.65rem;cursor:pointer}.tabs button.active{border-color:#38bdf873;background:#38bdf81f}.footer-note{margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.14);color:var(--muted);font-size:.9rem}.footer-note a{color:var(--accent-sky);text-decoration:underline}.desk-head{display:flex;flex-direction:column;gap:.85rem}@media (min-width: 560px){.desk-head{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:1rem}}.desk-head-text .lead{margin-top:.25rem}.btn-create{flex-shrink:0;padding:.75rem 1.1rem;font-weight:600;border-radius:14px;border:1px solid rgba(56,189,248,.45);background:linear-gradient(145deg,#38bdf859,#818cf838);color:var(--text);cursor:pointer;box-shadow:0 10px 32px #38bdf82e}.btn-create:hover{filter:brightness(1.06)}.desk-section-title{margin:0 0 .65rem;font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.desk-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:.75rem;padding-bottom:max(.75rem,var(--safe-bottom));background:#020617b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (min-width: 560px){.desk-modal-backdrop{align-items:center;padding:1.25rem}}.desk-modal{width:min(520px,100%);max-height:min(92dvh,720px);overflow:auto;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(165deg,#0f172afa,#070b14f5);box-shadow:0 28px 80px #0000008c,0 0 0 1px #38bdf81f}.desk-modal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.1rem 1.15rem .75rem;border-bottom:1px solid rgba(148,163,184,.14)}.desk-modal-top h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.desk-modal-close{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:10px;border:1px solid rgba(148,163,184,.22);background:#02061773;color:var(--muted);cursor:pointer;font-size:1.25rem;line-height:1;display:grid;place-items:center}.desk-modal-close:hover{color:var(--text);border-color:#94a3b859}.desk-modal-body{padding:1rem 1.15rem 1.15rem}.select-custom{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;color:var(--text);padding-right:2.85rem;background-color:#020617a6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:1.35rem}.field .select-custom{background-color:#020617a6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:1.35rem}.select-custom:hover{border-color:#38bdf873;background-color:#0f172ad9}.select-custom:focus{border-color:#38bdf8a6;box-shadow:0 0 0 3px #38bdf82e}.select-custom option{background:#0f172a;color:var(--text)}.combo-wrap{position:relative}.combo-input{width:100%}.combo-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:40;margin:0;padding:.25rem 0;list-style:none;max-height:220px;overflow-y:auto;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0f172afa;box-shadow:0 12px 40px #00000059}.combo-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;margin:0;padding:.55rem .75rem;border:none;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.combo-item:hover,.combo-item:focus-visible{background:#38bdf81f;outline:none}.combo-item--empty{cursor:default;color:var(--muted)}.combo-item--empty:hover{background:transparent}.combo-item-name{font-weight:600}.combo-item-email{font-size:.85rem;color:var(--muted)}.ticket-card--dim{opacity:.88;border-style:dashed}
