@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-light:#eef2ff;--color-primary-bg:#f0f0ff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-bg-sidebar:#0f172a;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-sidebar:#cbd5e1;--color-border:#e2e8f0;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-collapsed:80px;--header-height:64px}[data-theme=dark]{--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-light:#3730a3;--color-primary-bg:#312e81;--color-bg:#0f172a;--color-bg-elevated:#1e293b;--color-bg-sidebar:#0f172a;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-border:#334155;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--color-text);background-color:var(--color-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.login-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle at 30%,#ffffff1a 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite loginBgRotate;position:absolute;top:-50%;left:-50%}@keyframes loginBgRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#fffffff2;width:100%;max-width:420px;padding:40px;animation:.5s ease-out loginCardIn;position:relative;box-shadow:0 25px 50px -12px #00000040}@keyframes loginCardIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card__logo{text-align:center;margin-bottom:32px}.login-card__logo h1{color:var(--color-primary);margin-bottom:4px;font-size:1.75rem;font-weight:700}.login-card__logo p{color:var(--color-text-secondary);font-size:.875rem}.app-layout{min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);background:var(--color-bg-sidebar);height:100vh;color:var(--color-text-sidebar);z-index:100;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.app-sidebar__logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:20px 24px;display:flex}.app-sidebar__logo-icon{background:linear-gradient(135deg, var(--color-primary), #818cf8);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.app-sidebar__logo-text{color:#fff;white-space:nowrap;font-size:1.125rem;font-weight:600}.app-sidebar__nav{flex:1;padding:16px 12px;overflow-y:auto}.app-sidebar__nav-item{border-radius:var(--radius-md);color:var(--color-text-sidebar);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;margin-bottom:2px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.app-sidebar__nav-item:hover{color:#fff;background:#ffffff14}.app-sidebar__nav-item--active{color:#fff;background:#4f46e54d}.app-sidebar__nav-item .anticon{flex-shrink:0;font-size:1.15rem}.app-sidebar__user{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 20px;display:flex}.app-sidebar__user-avatar{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.app-sidebar__user-info{flex:1;min-width:0}.app-sidebar__user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.app-sidebar__user-role{color:var(--color-text-sidebar);font-size:.75rem}.app-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex:1}.app-header{height:var(--header-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);z-index:50;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:sticky;top:0}.app-header__title{color:var(--color-text);font-size:1.25rem;font-weight:600}.app-content{padding:24px 32px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition-base);padding:24px;position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.stat-card--new:before{background:var(--color-info)}.stat-card--progress:before{background:var(--color-warning)}.stat-card--solved:before{background:var(--color-success)}.stat-card--overdue:before{background:var(--color-error)}.stat-card__value{color:var(--color-text);font-size:2rem;font-weight:700;line-height:1.2}.stat-card__label{color:var(--color-text-secondary);margin-top:4px;font-size:.875rem}.stat-card__icon{opacity:.15;font-size:1.5rem;position:absolute;top:20px;right:20px}.tickets-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.tickets-toolbar__filters{flex-wrap:wrap;gap:12px;display:flex}.tickets-table .ant-table-thead>tr>th{white-space:nowrap!important;padding:12px 10px!important}.tickets-table .ant-table-tbody>tr>td{padding:12px 10px!important}.ticket-detail{max-width:900px}.ticket-detail__header{margin-bottom:24px}.ticket-detail__number{color:var(--color-text-secondary);margin-bottom:4px;font-size:.875rem;font-weight:500}.ticket-detail__title{color:var(--color-text);font-size:1.5rem;font-weight:700}.ticket-detail__meta{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.ticket-detail__timeline{margin-top:32px}.ticket-detail__actions{grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:stretch;gap:16px;display:grid}.create-ticket{max-width:720px}.create-ticket__card{background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:32px}.csat-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.csat-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;padding:40px}.csat-card__stars{justify-content:center;gap:8px;margin:24px 0;display:flex}.csat-card__star{cursor:pointer;transition:all var(--transition-fast);color:#d1d5db;font-size:2.5rem}.csat-card__star:hover,.csat-card__star--active{color:#fbbf24;transform:scale(1.15)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:60px 20px}.empty-state__icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state__title{color:var(--color-text);margin-bottom:8px;font-size:1.125rem;font-weight:600}.empty-state__text{max-width:360px;margin:0 auto;font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.3s ease-out forwards fadeInUp}@media (width<=768px){.app-sidebar{width:var(--sidebar-collapsed)}.app-sidebar__logo-text,.app-sidebar__nav-item span:not(.anticon),.app-sidebar__user-info{display:none}.app-sidebar__nav-item{justify-content:center;padding:12px}.app-main{margin-left:var(--sidebar-collapsed)}.app-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-card__value{font-size:1.5rem}.ticket-detail__actions{grid-template-columns:1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.login-card{margin:16px;padding:24px}}