@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap";*{box-sizing:border-box}html,body,#app{height:100%}body{color:#0f172a;background:#fff;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}:root{--site-max-width:1440px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{scroll-behavior:smooth;height:100%}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafbfc;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}:root{--site-max-width:1440px;--blue:#0b6ef6;--blue-600:#0a58d8;--blue-700:#0847b8;--blue-50:#f0f7ff;--blue-100:#e0efff;--muted:#6b7280;--muted-light:#9ca3af;--dark:#0f172a;--border:#e5e7eb;--success:#10b981;--success-bg:#d1fae5;--info:#3b82f6;--info-bg:#dbeafe;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-blue:0 10px 40px #0b6ef626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:all .2s cubic-bezier(.4,0,.2,1)}.container{max-width:var(--site-max-width);margin:0 auto;padding:0 24px}.site-root{background:linear-gradient(#fafbfc 0%,#fff 100%);flex-direction:column;min-height:100vh;display:flex}.site-header{-webkit-backdrop-filter:blur(12px);z-index:100;transition:var(--transition);background:#fffc;border-bottom:1px solid #0b6ef614;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.site-header:hover{border-bottom-color:#0b6ef61f}.header-inner{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.brand{transition:var(--transition);align-items:center;gap:12px;text-decoration:none;display:flex}.brand:hover .logo-mark{transform:rotate(-5deg)scale(1.05);box-shadow:0 8px 24px #0a58d840}.logo-mark{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue)0%,var(--blue-600)100%);color:#fff;width:48px;height:48px;transition:var(--transition);justify-content:center;align-items:center;font-size:22px;font-weight:900;display:inline-flex;box-shadow:0 8px 20px #0a58d833}.app-name{text-transform:lowercase;color:var(--blue-600);letter-spacing:-.5px;font-size:22px;font-weight:800}.brand.small .logo-mark{width:36px;height:36px;font-size:16px}.brand.small .app-name{font-size:18px}.nav-actions{align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);color:inherit;white-space:nowrap;background:#fff;border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--blue-50);color:var(--blue-600);box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--blue)0%,var(--blue-600)100%);color:#fff;border:none;box-shadow:0 4px 14px #0b6ef640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0b6ef659}.btn-primary:active{transform:translateY(0)}.btn-lg{padding:14px 28px;font-size:16px;font-weight:700}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{border-radius:var(--radius-md);border:1.5px solid var(--border);width:100%;color:var(--dark);transition:var(--transition);background:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}input:hover,textarea:hover,select:hover{border-color:var(--blue)}input:focus,textarea:focus,select:focus{border-color:var(--blue-600);background:#fff;box-shadow:0 0 0 3px #0b6ef61a}input::placeholder,textarea::placeholder{color:var(--muted-light)}label{color:var(--dark);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.hero{background:linear-gradient(#0b6ef608 0%,#0000 100%);padding:80px 0 60px;position:relative;overflow:hidden}.hero-wave{opacity:.8;width:100%;height:280px;position:absolute;top:0;left:0;right:0}.hero-inner{z-index:1;align-items:center;gap:60px;padding-top:40px;padding-bottom:40px;display:flex;position:relative}.hero-content{flex:1;min-width:0;animation:.8s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:var(--dark);letter-spacing:-1.5px;margin:0 0 20px;font-size:3.2rem;font-weight:900;line-height:1.1}.hero-title:after{content:"";background:linear-gradient(90deg,var(--blue),var(--blue-600));border-radius:3px;width:80px;height:5px;margin-top:16px;display:block}.hero-sub{color:var(--muted);max-width:600px;margin:0 0 32px;font-size:1.15rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{flex-shrink:0;width:400px;animation:1s ease-out fadeInRight;position:relative}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.card{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0b6ef61a;overflow:hidden;box-shadow:0 12px 40px #0b6ef61f}.card:hover{transform:translateY(-6px);box-shadow:0 20px 60px #0b6ef633}.card-header{background:linear-gradient(135deg,var(--blue)0%,var(--blue-600)100%);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:16px 20px;font-size:14px;font-weight:700}.card-body{padding:24px}.event-title{color:var(--dark);margin-bottom:8px;font-size:20px;font-weight:800}.event-meta{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.decor{pointer-events:none;border-radius:9999px;position:absolute}.circle{filter:blur(40px);background:linear-gradient(135deg,#0b6ef626 0%,#0b6ef60d 100%);animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.circle-1{width:200px;height:200px;animation-delay:0s;top:60px;left:-60px}.circle-2{width:120px;height:120px;animation-delay:2s;top:140px;right:40px}.box-decor{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff 0%,#0b6ef614 100%);width:200px;height:120px;animation:8s ease-in-out 1s infinite float;position:absolute;bottom:-40px;right:-40px;box-shadow:0 10px 40px #0b6ef61a}.features{background:0 0;padding:60px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0206170a;padding:32px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0206170f}.feature-card:before{content:"";background:linear-gradient(90deg,var(--blue),var(--blue-600));transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#0b6ef633;transform:translateY(-8px);box-shadow:0 16px 48px #0206171f}.feature-card h3{color:var(--blue-600);margin:0 0 12px;font-size:20px;font-weight:800}.feature-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.stat-card{border-radius:var(--radius-lg);transition:var(--transition);background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #0b6ef614;flex-direction:column;align-items:flex-start;padding:28px;display:flex;box-shadow:0 8px 32px #0206170f}.stat-card:hover{border-color:#0b6ef626;transform:translateY(-4px);box-shadow:0 16px 48px #0206171f}.stat-card .value{color:var(--blue-600);margin-bottom:8px;font-size:36px;font-weight:900}.stat-card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill--open{background:var(--info-bg);color:var(--info)}.pill--resolved{background:var(--success-bg);color:var(--success)}.ticket-card{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0206170f;overflow:hidden;box-shadow:0 4px 16px #0206170a}.ticket-card:hover{border-color:#0b6ef626;transform:translateY(-4px);box-shadow:0 12px 32px #0206171a}.ticket-list{flex-direction:column;gap:16px;display:flex}.form-panel{border-radius:var(--radius-lg);background:#fff;border:1px solid #0206170a;max-width:480px;margin:0 auto;padding:32px;box-shadow:0 12px 40px #02061714}.site-footer{background:linear-gradient(#0b6ef605 0%,#0000 100%);border-top:1px solid #0206170f;margin-top:auto;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{color:var(--muted);font-size:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.hero-inner{flex-direction:column;align-items:flex-start;gap:40px}.hero-visual{order:2;width:100%;max-width:500px}.hero-content{order:1}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 20px}.header-inner{padding:12px 0}.hero{padding:60px 0 40px}.hero-title{font-size:2.2rem}.hero-sub{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:20px}.nav-actions{gap:6px}.btn{padding:8px 14px;font-size:14px}.btn-lg{padding:12px 20px;font-size:15px}.logo-mark{width:40px;height:40px;font-size:18px}.app-name{font-size:20px}.footer-inner{text-align:center;flex-direction:column;gap:12px}}@media (max-width:500px){.hero-title{font-size:1.8rem}.hero-ctas{flex-direction:column;width:100%}.hero-ctas .btn{justify-content:center;width:100%}.feature-card{padding:24px}}.toast-wrap{z-index:9999;pointer-events:none;position:fixed;top:20px;right:20px}.toast{color:#fff;transform-origin:100% 0;border-radius:10px;padding:12px 16px;animation:.28s forwards toast-in;box-shadow:0 12px 30px #0206171f}.toast-wrap.info .toast{background:linear-gradient(90deg,var(--blue),var(--blue-600))}.toast-wrap.success .toast{background:#16a34a}.toast-wrap.error .toast{background:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translate(12px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.dashboard-wrapper[data-v-b003b38a]{background:linear-gradient(#0b6ef605 0%,#0000 50%);min-height:calc(100vh - 200px)}.dashboard-header[data-v-b003b38a]{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.header-content[data-v-b003b38a]{flex:1}.page-title[data-v-b003b38a]{color:var(--dark);letter-spacing:-1px;background:linear-gradient(135deg,var(--blue-600),var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:900}.page-subtitle[data-v-b003b38a]{color:var(--muted);margin:8px 0 0;font-size:1.05rem}.header-actions[data-v-b003b38a]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stats-grid[data-v-b003b38a]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:48px;display:grid}.stat-card[data-v-b003b38a]{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0206170a;align-items:center;gap:20px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0206170f}.stat-card[data-v-b003b38a]:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0206171f}.stat-card[data-v-b003b38a]:before{content:"";background:linear-gradient(90deg,var(--blue),var(--blue-600));height:4px;position:absolute;top:0;left:0;right:0}.stat-card--open[data-v-b003b38a]:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-card--resolved[data-v-b003b38a]:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-icon[data-v-b003b38a]{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--blue-50),var(--blue-100));width:56px;height:56px;color:var(--blue-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card--open .stat-icon[data-v-b003b38a]{color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-card--resolved .stat-icon[data-v-b003b38a]{color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-content[data-v-b003b38a]{flex:1}.stat-value[data-v-b003b38a]{color:var(--dark);margin-bottom:8px;font-size:3rem;font-weight:900;line-height:1}.stat-label[data-v-b003b38a]{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.stat-decoration[data-v-b003b38a]{filter:blur(30px);pointer-events:none;background:linear-gradient(135deg,#0b6ef60d,#0000);border-radius:50%;width:120px;height:120px;position:absolute;bottom:-30px;right:-30px}.insights-section[data-v-b003b38a]{margin-top:48px}.section-title[data-v-b003b38a]{color:var(--dark);margin:0 0 24px;font-size:1.5rem;font-weight:800}.insights-grid[data-v-b003b38a]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.insight-card[data-v-b003b38a]{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0206170a;padding:28px;box-shadow:0 4px 16px #0206170f}.insight-card[data-v-b003b38a]:hover{border-color:#0b6ef626;transform:translateY(-4px);box-shadow:0 12px 32px #0206171a}.insight-header[data-v-b003b38a]{margin-bottom:16px}.insight-badge[data-v-b003b38a]{background:linear-gradient(135deg,var(--blue-50),var(--blue-100));color:var(--blue-600);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.insight-value[data-v-b003b38a]{color:var(--blue-600);margin-bottom:8px;font-size:2.5rem;font-weight:900}.insight-description[data-v-b003b38a]{color:var(--muted);font-size:14px;line-height:1.5}@media (max-width:768px){.dashboard-header[data-v-b003b38a]{flex-direction:column;align-items:flex-start}.page-title[data-v-b003b38a]{font-size:2rem}.header-actions[data-v-b003b38a]{width:100%}.header-actions .btn[data-v-b003b38a]{flex:1;justify-content:center}.stats-grid[data-v-b003b38a],.insights-grid[data-v-b003b38a]{grid-template-columns:1fr}}.tickets-wrapper[data-v-ecebd975]{background:linear-gradient(#0b6ef605 0%,#0000 30%);min-height:calc(100vh - 200px)}.page-header[data-v-ecebd975]{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:40px;display:flex}.header-content[data-v-ecebd975]{flex:1}.page-title[data-v-ecebd975]{color:var(--dark);letter-spacing:-1px;background:linear-gradient(135deg,var(--blue-600),var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:900}.page-subtitle[data-v-ecebd975]{color:var(--muted);margin:8px 0 0;font-size:1.05rem}.header-actions[data-v-ecebd975]{align-items:center;gap:10px;display:flex}.tickets-layout[data-v-ecebd975]{grid-template-columns:1fr 1.5fr;align-items:start;gap:32px;display:grid}.form-section[data-v-ecebd975]{position:sticky;top:100px}.ticket-form[data-v-ecebd975]{border-radius:var(--radius-lg);background:#fff;border:1px solid #0206170a;padding:32px;box-shadow:0 4px 16px #0206170f}.form-header[data-v-ecebd975]{border-bottom:2px solid #0b6ef61a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.form-title[data-v-ecebd975]{color:var(--dark);align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:800;display:flex}.form-title svg[data-v-ecebd975]{color:var(--blue-600)}.edit-badge[data-v-ecebd975]{color:#92400e;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.form-group[data-v-ecebd975]{margin-bottom:20px}.form-group label[data-v-ecebd975]{color:var(--dark);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input[data-v-ecebd975],.form-group textarea[data-v-ecebd975]{border-radius:var(--radius-md);border:1.5px solid var(--border);width:100%;color:var(--dark);transition:var(--transition);background:#fff;outline:none;padding:12px 16px;font-family:inherit;font-size:15px}.form-group input[data-v-ecebd975]:hover,.form-group textarea[data-v-ecebd975]:hover{border-color:var(--blue)}.form-group input[data-v-ecebd975]:focus,.form-group textarea[data-v-ecebd975]:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #0b6ef61a}.form-group input.input-error[data-v-ecebd975],.form-group textarea.input-error[data-v-ecebd975]{background:#fef2f2;border-color:#dc2626}.form-group input.input-error[data-v-ecebd975]:focus,.form-group textarea.input-error[data-v-ecebd975]:focus{box-shadow:0 0 0 3px #dc26261a}.form-group textarea[data-v-ecebd975]{resize:vertical;min-height:120px}.error-message[data-v-ecebd975]{border-radius:var(--radius-sm);color:#dc2626;background:#fef2f2;border:1px solid #fecaca;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.form-actions[data-v-ecebd975]{border-top:1px solid #0206170f;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.list-section[data-v-ecebd975]{min-height:400px}.list-header[data-v-ecebd975]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.list-title[data-v-ecebd975]{color:var(--dark);align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:800;display:flex}.list-title svg[data-v-ecebd975]{color:var(--blue-600)}.ticket-count[data-v-ecebd975]{background:linear-gradient(135deg,var(--blue-50),var(--blue-100));color:var(--blue-600);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.empty-state[data-v-ecebd975]{border-radius:var(--radius-lg);text-align:center;background:#fff;border:2px dashed #0b6ef633;flex-direction:column;justify-content:center;align-items:center;padding:80px 32px;display:flex;box-shadow:0 4px 16px #0206170f}.empty-icon[data-v-ecebd975]{background:linear-gradient(135deg,var(--blue-50),var(--blue-100));width:80px;height:80px;color:var(--blue-600);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.empty-title[data-v-ecebd975]{color:var(--dark);margin:0 0 8px;font-size:1.3rem;font-weight:800}.empty-text[data-v-ecebd975]{color:var(--muted);margin:0;font-size:15px}.tickets-grid[data-v-ecebd975]{flex-direction:column;gap:16px;display:flex}.ticket-card[data-v-ecebd975]{border-radius:var(--radius-lg);transition:var(--transition);background:#fff;border:1px solid #0206170a;overflow:hidden;box-shadow:0 4px 16px #0206170f}.ticket-card[data-v-ecebd975]:hover{border-color:#0b6ef626;transform:translateY(-4px);box-shadow:0 12px 32px #0206171a}.ticket-header[data-v-ecebd975]{background:linear-gradient(135deg,#0b6ef608,#0b6ef603);border-bottom:1px solid #0206170a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.status-badge[data-v-ecebd975]{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-badge--open[data-v-ecebd975]{background:var(--info-bg);color:var(--info)}.status-badge--resolved[data-v-ecebd975]{background:var(--success-bg);color:var(--success)}.status-indicator[data-v-ecebd975]{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.ticket-actions[data-v-ecebd975]{gap:8px;display:flex}.action-btn[data-v-ecebd975]{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.action-btn--edit[data-v-ecebd975]{color:var(--blue-600)}.action-btn--edit[data-v-ecebd975]:hover{background:var(--blue-50);transform:scale(1.1)}.action-btn--delete[data-v-ecebd975]{color:#dc2626}.action-btn--delete[data-v-ecebd975]:hover{background:#fef2f2;transform:scale(1.1)}.ticket-body[data-v-ecebd975]{padding:20px}.ticket-title[data-v-ecebd975]{color:var(--dark);margin:0 0 12px;font-size:1.1rem;font-weight:800;line-height:1.4}.ticket-description[data-v-ecebd975]{color:var(--muted);margin:0;font-size:14px;line-height:1.6}@media (max-width:1200px){.tickets-layout[data-v-ecebd975]{grid-template-columns:1fr}.form-section[data-v-ecebd975]{position:static}}@media (max-width:768px){.page-header[data-v-ecebd975]{flex-direction:column;align-items:flex-start}.page-title[data-v-ecebd975]{font-size:2rem}.header-actions[data-v-ecebd975]{width:100%}.header-actions .btn[data-v-ecebd975]{flex:1;justify-content:center}.ticket-form[data-v-ecebd975]{padding:24px}.form-actions[data-v-ecebd975]{flex-direction:column-reverse}.form-actions .btn[data-v-ecebd975]{justify-content:center;width:100%}.ticket-header[data-v-ecebd975]{flex-direction:column;align-items:flex-start;gap:12px}.ticket-actions[data-v-ecebd975]{justify-content:flex-end;width:100%}}