:root{--bg-0:#e7f0ec;--bg-1:#d9e6ef;--bg-2:#f4f7f5;--ink:#14211f;--ink-soft:#4a5c58;--ink-faint:#7a8c87;--line:#134e4a1f;--line-strong:#134e4a38;--teal-950:#0b2f2d;--teal-900:#134e4a;--teal-700:#1f6f69;--teal-500:#2f948c;--amber:#f0a202;--amber-deep:#c98400;--coral:#e85d4c;--mint:#b7e0d4;--surface:#ffffffb8;--surface-solid:#fff;--shadow:0 18px 50px #1332301a;--shadow-sm:0 8px 24px #13323014;--radius:18px;--radius-sm:12px;--font:"Figtree", system-ui, sans-serif;--display:"Fraunces", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--bg-0);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 8% -10%, #2f948c47, transparent 55%), radial-gradient(900px 500px at 92% 0%, #f0a2022e, transparent 50%), radial-gradient(700px 500px at 70% 100%, #b8e0d48c, transparent 55%), linear-gradient(160deg, var(--bg-0), var(--bg-1) 48%, var(--bg-2));min-width:320px;color:var(--ink);background-attachment:fixed;margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.35;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%13134e4a' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%}.app-shell{z-index:1;grid-template-columns:260px 1fr;min-height:100vh;display:grid;position:relative}.sidebar{color:#f4faf8;height:100vh;animation:slideIn .55s var(--ease) both;background:linear-gradient(#0b2f2df5,#134e4af0);flex-direction:column;gap:1.25rem;padding:1.4rem 1rem 1.2rem;display:flex;position:sticky;top:0;box-shadow:12px 0 40px #0b2f2d2e}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:.75rem;padding:.35rem .5rem .85rem;display:flex}.brand-mark{background:linear-gradient(145deg, var(--amber), #ffc857);width:42px;height:42px;color:var(--teal-950);font-family:var(--display);border-radius:12px;place-items:center;font-size:1.15rem;font-weight:700;display:grid;box-shadow:0 8px 20px #f0a20259}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-text strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.35rem;font-weight:700}.brand-text span{opacity:.72;font-size:.78rem}.nav-list{flex-direction:column;flex:1;gap:.35rem;display:flex}.nav-link{color:#f4faf8c7;transition:background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);border-radius:12px;align-items:center;gap:.7rem;padding:.72rem .85rem;display:flex}.nav-link:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-link.active{color:#fff;background:#f0a2022e;box-shadow:inset 0 0 0 1px #f0a20259}.sidebar-footer{border-top:1px solid #ffffff1f;flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.user-chip{align-items:center;gap:.7rem;display:flex}.avatar{background:#ffffff1f;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:grid}.user-chip small{opacity:.7;font-size:.75rem;display:block}.main-area{min-width:0;animation:fadeUp .5s var(--ease) both;padding:1.5rem 1.75rem 2.5rem}.mobile-nav-bar,.sidebar-backdrop,.sidebar-close{display:none}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.topbar>div:first-child{flex:12rem;min-width:0}.topbar .toolbar{flex:0 auto;max-width:100%}.page-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 .25rem;font-size:.78rem;font-weight:600}.page-title{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(1.7rem,2.4vw,2.25rem);line-height:1.15}.page-subtitle{color:var(--ink-soft);max-width:48rem;margin:.4rem 0 0}.panel{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem 1.25rem}.panel-solid{background:var(--surface-solid)}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.panel-head>:first-child{flex:12rem;min-width:0}.ticket-subject{font-family:var(--display);overflow-wrap:anywhere;word-break:break-word;margin:.2rem 0 .45rem;font-size:clamp(1.15rem,4vw,1.55rem);line-height:1.25}.panel-head h2,.panel-head h3{margin:0;font-size:1.05rem;font-weight:700}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.stat-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-solid);box-shadow:var(--shadow-sm);animation:fadeUp .55s var(--ease) both;padding:1.15rem 1.2rem;position:relative;overflow:hidden}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:after{content:"";background:radial-gradient(circle,#2f948c2e,#0000 70%);border-radius:50%;width:90px;height:90px;position:absolute;top:-20px;right:-20px}.stat-card .label{color:var(--ink-faint);font-size:.82rem;font-weight:600}.stat-card .value{font-family:var(--display);letter-spacing:-.03em;margin-top:.35rem;font-size:2rem}.btn{transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s var(--ease);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.1rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--teal-900), var(--teal-700));color:#fff;box-shadow:0 10px 24px #134e4a47}.btn-primary:hover:not(:disabled){box-shadow:0 14px 28px #134e4a57}.btn-accent{background:linear-gradient(135deg, var(--amber), #ffc14d);color:var(--teal-950);box-shadow:0 10px 24px #f0a2024d}.btn-ghost{border:1px solid var(--line-strong);color:var(--teal-900);background:0 0}.btn-danger{color:var(--coral);background:#e85d4c1f;border:1px solid #e85d4c40}.btn-copied{color:#047857;background:#10b98124;border:1px solid #10b98159}.btn-sm{padding:.4rem .8rem;font-size:.85rem}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--ink-soft);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--line-strong);width:100%;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);background:#ffffffe6;border-radius:12px;outline:none;padding:.75rem .9rem}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #2f948c2e}.password-field{align-items:center;display:flex;position:relative}.password-field input{width:100%;padding-right:2.75rem}.password-toggle{width:34px;height:34px;color:var(--ink-faint);cursor:pointer;transition:color .15s var(--ease), background .15s var(--ease);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;right:.55rem}.password-toggle:hover{color:var(--teal-900);background:#2f948c1a}.form-grid{gap:.9rem;display:grid}.form-grid.two{grid-template-columns:1fr 1fr}.alert{border-radius:12px;margin-bottom:.9rem;padding:.8rem .95rem;font-size:.92rem}.alert-error{color:#9d2f24;background:#e85d4c1f;border:1px solid #e85d4c40}.alert-success{color:var(--teal-900);background:#2f948c1f;border:1px solid #2f948c40}.alert-info{color:#7a5200;background:#f0a20224;border:1px solid #f0a20247}.badge{letter-spacing:.02em;text-transform:capitalize;color:var(--teal-900);background:#134e4a14;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-new,.badge-reopened{color:#8a5c00;background:#f0a20229}.badge-triage{color:var(--teal-900);background:#2f948c24}.badge-assigned,.badge-in_progress{color:#1d4ed8;background:#2563eb1f}.badge-pending{color:#92400e;background:#f59e0b29}.badge-in_review{color:#6d28d9;background:#7c3aed1a}.badge-resolved{color:#047857;background:#10b98124}.badge-closed{color:#475569;background:#64748b29}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;overflow:auto}table.data{border-collapse:collapse;background:var(--surface-solid);width:100%;min-width:560px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;word-break:break-word;padding:.85rem 1rem}table.data th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);background:#e7f0eca6;font-size:.75rem}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .15s var(--ease)}table.data tbody tr:hover{background:#2f948c0d}.row-link{color:var(--teal-900);font-weight:600}.row-link:hover{text-decoration:underline}.empty{text-align:center;color:var(--ink-faint);padding:2rem 1rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.filter-select{border:1px solid var(--line-strong);background:#ffffffd9;border-radius:999px;flex:10rem;min-width:0;max-width:100%;padding:.55rem .9rem}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.chips-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;gap:.45rem;margin-bottom:1rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.toolbar.chips-scroll{flex-wrap:nowrap}.chips-scroll .chip,.chips-scroll .btn{flex:none}.chip{border:1px solid var(--line-strong);color:var(--ink-soft);overflow-wrap:anywhere;word-break:break-word;background:#ffffffb3;border-radius:999px;max-width:100%;padding:.35rem .75rem;font-size:.82rem;font-weight:600}.chip.chip-break{white-space:normal;border-radius:12px;line-height:1.35}.chip.active{background:var(--teal-900);border-color:var(--teal-900);color:#fff}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2f2d73;place-items:center;padding:1rem;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal{-webkit-overflow-scrolling:touch;width:min(520px,100%);max-height:min(90dvh,640px);box-shadow:var(--shadow);animation:scaleIn .28s var(--ease);background:#fff;border-radius:20px;padding:1.35rem;overflow-y:auto}.modal h2{font-family:var(--display);margin:0 0 .35rem;font-size:1.4rem}.modal p.hint{color:var(--ink-soft);margin:0 0 1rem;font-size:.92rem}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.auth-page{z-index:1;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid;position:relative}.auth-hero{color:#f4faf8;animation:fadeIn .6s var(--ease);background-color:#0b2f2d;background-image:linear-gradient(155deg,#0b2f2deb,#134e4ac7),url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%232f948c'/%3E%3Cstop offset='1' stop-color='%23f0a202'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='180' cy='160' r='120' fill='url(%23g)' opacity='.35'/%3E%3Ccircle cx='620' cy='560' r='180' fill='%23b7e0d4' opacity='.25'/%3E%3C/svg%3E"),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,4rem);display:flex}.auth-hero h1{font-family:var(--display);letter-spacing:-.03em;max-width:11ch;margin:1.2rem 0 .7rem;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.05}.auth-hero p{opacity:.85;max-width:34ch;margin:0;font-size:1.05rem;line-height:1.5}.auth-hero .features{gap:.75rem;margin-top:2rem;display:grid}.auth-hero .feature{background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;align-items:flex-start;gap:.7rem;padding:.85rem .95rem;display:flex}.auth-panel{animation:fadeUp .55s var(--ease);place-items:center;padding:2rem 1.25rem;display:grid}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#ffffffdb;border-radius:24px;padding:1.6rem 1.5rem 1.4rem}.auth-card h2{font-family:var(--display);margin:0 0 .35rem;font-size:1.7rem}.auth-card .lede{color:var(--ink-soft);margin:0 0 1.2rem}.auth-switch{text-align:center;color:var(--ink-soft);margin-top:1rem;font-size:.92rem}.auth-switch a{color:var(--teal-900);font-weight:700}.ticket-layout{grid-template-columns:1.4fr .9fr;gap:1rem;display:grid}.messages{flex-direction:column;gap:.75rem;max-height:520px;padding-right:.25rem;display:flex;overflow:auto}.message{border:1px solid var(--line);animation:fadeUp .35s var(--ease);background:#fff;border-radius:14px;padding:.85rem .95rem}.message.internal{background:#f0a20214;border-color:#f0a20240}.message .meta{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;margin-bottom:.35rem;font-size:.78rem;display:flex}.message .body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.history-list{flex-direction:column;gap:.65rem;display:flex}.history-item{border:1px solid var(--line);background:#e7f0ecb3;border-radius:12px;padding:.7rem .8rem;font-size:.88rem}.history-item>div:first-child{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.split-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.member-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.member-card{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:.35rem;padding:.85rem;display:flex}.member-card strong{font-size:.95rem}.member-card span{color:var(--ink-soft);font-size:.82rem}.api-key-box{word-break:break-all;border:1px dashed var(--line-strong);background:#0b2f2d0f;border-radius:12px;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.loading-block{text-align:center;color:var(--ink-faint);padding:2.5rem}.spinner{border:3px solid #134e4a26;border-top-color:var(--teal-700);border-radius:50%;width:28px;height:28px;margin:0 auto .75rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px){.stat-grid,.member-columns,.split-2,.ticket-layout,.auth-page{grid-template-columns:1fr}.auth-hero{order:2;min-height:240px}.auth-panel{order:1}.auth-hero h1{max-width:none}.auth-hero p{max-width:48ch}}@media (width<=900px){body{background-attachment:scroll}.app-shell{display:block}.mobile-nav-bar{z-index:20;padding:max(.75rem, env(safe-area-inset-top)) 1rem .75rem;color:#f4faf8;background:linear-gradient(#0b2f2dfa,#134e4af5);align-items:center;gap:.75rem;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #0b2f2d33}.mobile-nav-toggle{color:#fff;cursor:pointer;width:42px;height:42px;transition:background .2s var(--ease);background:#ffffff14;border:1px solid #ffffff38;border-radius:12px;place-items:center;display:grid}.mobile-nav-toggle:hover{background:#ffffff24}.mobile-nav-brand{align-items:center;gap:.65rem;min-width:0;display:flex}.mobile-nav-brand .brand-mark{border-radius:10px;width:34px;height:34px;font-size:.95rem}.mobile-nav-brand strong{font-family:var(--display);letter-spacing:-.02em;font-size:1.15rem}.sidebar-backdrop{z-index:40;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b2f2d73;border:0;padding:0;animation:.2s fadeIn;display:block;position:fixed;inset:0}.sidebar{z-index:50;width:min(280px,86vw);height:100dvh;transition:transform .3s var(--ease);pointer-events:none;visibility:hidden;border-radius:0;animation:none;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.open{pointer-events:auto;visibility:visible;transform:translate(0)}.sidebar .brand{justify-content:flex-start;gap:.75rem}.sidebar .brand-text{flex:1;min-width:0}.sidebar-close{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;margin-left:auto;display:grid}.sidebar-close:hover{background:#ffffff24}.main-area{padding:1.15rem 1rem max(2rem, env(safe-area-inset-bottom))}.topbar{flex-direction:column;align-items:stretch;gap:.85rem}.topbar .toolbar{width:100%;margin-bottom:0}.panel-head{flex-direction:column;align-items:stretch}.panel-head .chips,.panel-head .toolbar{width:100%}.auth-page{grid-template-columns:1fr}.auth-hero{order:2;min-height:220px;padding:1.5rem 1.25rem}.auth-panel{order:1;padding:1.25rem 1rem 2rem}.auth-hero .features{display:none}.auth-card{padding:1.35rem 1.15rem 1.2rem}.form-grid.two{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:.75rem}.modal{border-radius:20px 20px 12px 12px;width:100%;max-height:min(92dvh,100%)}.messages{max-height:min(420px,55vh)}}@media (width<=640px){.main-area{padding:1rem .85rem max(1.5rem, env(safe-area-inset-bottom))}.page-title{font-size:clamp(1.45rem,7vw,1.85rem)}.page-subtitle{font-size:.92rem}.panel{border-radius:16px;padding:.95rem .9rem}.stat-card{padding:1rem}.stat-card .value{font-size:1.55rem}table.data{min-width:480px}table.data th,table.data td{padding:.7rem .75rem;font-size:.9rem}.toolbar .btn,.topbar .btn{flex:auto;justify-content:center}.filter-select{flex:100%}.message .meta{flex-direction:column;align-items:flex-start}.auth-hero{min-height:0}.auth-hero h1{margin-top:.85rem;font-size:clamp(1.9rem,8vw,2.4rem)}.auth-hero p{font-size:.95rem}.btn{min-height:42px}.btn-sm{min-height:36px}}