.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:75vh;color:#f1f5f9;text-align:center}.login-container h1{color:#38bdf8;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem;width:280px}.login-form input{padding:.8rem;border-radius:6px;border:1px solid #334155;outline:none;background:#1e293b;color:#fff}.login-form input:focus{border-color:#38bdf8}.login-form button{padding:.8rem;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,background .3s ease;width:100%}.login-form button:hover{transform:scale(1.05);background:linear-gradient(90deg,#0ea5e9,#2563eb)}.back-btn{margin-top:1rem;background:none;border:none;color:#38bdf8;cursor:pointer;font-size:.9rem}.oauth-btn{padding:.8rem;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,background .3s ease;width:100%;max-width:280px;margin-top:1rem}.oauth-btn:hover{transform:scale(1.05);background:linear-gradient(90deg,#0ea5e9,#2563eb)}.oauth-btn:active{background-color:#2c6bd2}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0f172a;color:#f1f5f9;border-bottom:1px solid #1e293b;position:sticky;top:0;z-index:1000}.logo{font-size:1.5rem;font-weight:700;color:#38bdf8}.logo-link{text-decoration:none;color:inherit;font-weight:700;font-size:1.2rem}.logo-link:hover{opacity:.8;cursor:pointer}.nav{display:flex;gap:1.5rem}.nav-link{text-decoration:none;padding:.5rem 1rem;color:#38bdf8;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#0ea5e9}.logout-btn{background:none;border:none;padding:.5rem 1rem;color:#38bdf8;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:inherit}.logout-btn:hover{color:#0ea5e9}.nav-user{color:#cbd5f5;font-size:.95rem;align-self:center;max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{background:#0f172a;color:#94a3b8;text-align:center;margin-top:auto;border-top:1px solid #1e293b;z-index:1000}.footer p{margin:.5rem 0}.footer-links{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:#38bdf8}.tickets-page{padding:24px;color:#f1f5f9}.tickets-layout{display:flex;gap:16px;align-items:flex-start}.tickets-filters{width:260px;background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;position:sticky;top:100px;align-self:flex-start}.tickets-filters h3{margin:0 0 12px;font-size:1.1rem;color:#e2e8f0}.filter-clear{width:100%;padding:10px 12px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:8px;cursor:pointer;margin-bottom:16px}.filter-clear:hover{background:#273854}.tickets-filter-group{display:flex;flex-direction:column;gap:12px}.filter-control{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#94a3b8}.filter-control select{padding:10px 12px;background:#111827;border:1px solid #334155;color:#fff;border-radius:8px}.tickets-main{flex:1;display:flex;flex-direction:column;gap:16px}.tickets-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tickets-toolbar h1{font-size:1.6rem;color:#38bdf8}.tickets-actions{display:flex;gap:8px}.search{padding:10px 12px;background:#0b1220;border:1px solid #334155;color:#fff;border-radius:8px;min-width:260px}.clear{padding:10px 12px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;border-radius:8px;cursor:pointer}.ticket-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;margin-bottom:16px}.ticket-card h2{margin:0 0 12px;font-size:1.1rem;color:#e2e8f0}.ticket-form .row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ticket-form .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ticket-form label{font-size:.85rem;color:#94a3b8}.ticket-form input,.ticket-form textarea,.ticket-form select{padding:10px 12px;background:#111827;border:1px solid #334155;color:#fff;border-radius:8px}.ticket-form textarea{resize:vertical}.actions{display:flex;gap:10px;margin-top:8px}.primary{padding:10px 14px;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer}.primary.disabled,.primary:disabled{opacity:.5;cursor:not-allowed;background:#1e293b;border:1px dashed #475569}.ghost{padding:10px 14px;background:transparent;border:1px solid #334155;border-radius:8px;color:#e2e8f0;cursor:pointer}.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.table-wrap{overflow:auto;border-radius:12px}.tickets-table{width:100%;border-collapse:collapse;background:#0f172a;border-radius:12px;overflow:hidden}.tickets-table th,.tickets-table td{padding:10px 12px;border-bottom:1px solid #1f2a44;text-align:left}.tickets-table td .ticket-link{color:#38bdf8;text-decoration:none;font-weight:600}.tickets-table td .ticket-link:hover{text-decoration:underline}.tickets-table thead th{background:#0b1220;color:#a5b4fc}.tickets-table tbody tr:hover{background:#0c1626}.empty{text-align:center;padding:24px;color:#94a3b8}.row-actions{display:flex;gap:8px}.row-actions__readonly{color:#94a3b8;font-size:.85rem;font-style:italic}.small{padding:6px 10px;background:#1f2937;color:#e2e8f0;border:1px solid #334155;border-radius:6px;cursor:pointer}.small:hover{background:#273244}.small.danger{border-color:#7f1d1d;color:#fecaca;background:#3f1d1d}.pill{padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.pill.low{background:#0b3a2b;color:#6ee7b7}.pill.medium{background:#253149;color:#93c5fd}.pill.high{background:#3a1b2a;color:#f9a8d4}.pill.critical{background:#3d0c0c;color:#fca5a5}.role-banner{padding:12px 16px;border-radius:10px;border:1px solid #b45309;background:#b4530926;color:#fcd34d;font-size:.9rem}.role-banner strong{margin-right:6px}.role-banner__roles{margin-top:6px;font-size:.85rem;color:#e2e8f0}@media (max-width: 960px){.tickets-layout{flex-direction:column}.tickets-filters{width:100%;position:static}.tickets-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.tickets-actions{flex-wrap:wrap}.search{width:100%;min-width:0}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='59.428' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23000522ff'/><path d='M0 70.975V47.881m20-1.692L8.535 52.808v13.239L20 72.667l11.465-6.62V52.808zm0-32.95l11.465-6.62V-6.619L20-13.24 8.535-6.619V6.619L20 13.24m8.535 4.927v13.238L40 38.024l11.465-6.62V18.166L40 11.546zM20 36.333L0 47.88m0 0v23.094m0 0l20 11.548 20-11.548V47.88m0 0L20 36.333m0 0l20 11.549M0 11.547l-11.465 6.619v13.239L0 38.025l11.465-6.62v-13.24L0 11.548v-23.094l20-11.547 20 11.547v23.094M20 36.333V13.24'  stroke-linecap='square' stroke-width='1' stroke='%23000730ff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");color:#f1f5f9}.home-container{min-height:75vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.home-container h1{font-size:3rem;color:#38bdf8;margin-bottom:1rem}.home-container p{font-size:1.2rem;max-width:600px;line-height:1.6;margin-bottom:2rem}.home-container button{padding:.8rem 1.5rem;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;font-size:1rem;transition:transform .2s ease,background .3s ease}.home-container button:hover{transform:scale(1.05);background:linear-gradient(90deg,#0ea5e9,#2563eb)}.manage-page{padding:24px;color:#f1f5f9;display:flex;flex-direction:column;gap:16px}.manage-page h1{font-size:1.8rem;color:#38bdf8;margin:0}.manage-page p{color:#94a3b8;font-size:1rem;margin:0 0 8px}.manage-alert{padding:12px 16px;border-radius:10px;font-weight:500}.manage-alert.error{background:#ef444426;border:1px solid #ef4444;color:#fecaca}.manage-alert.success{background:#10b98126;border:1px solid #10b981;color:#bbf7d0}.manage-card{background:#0b1220;border:1px solid #1f2937;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:16px}.manage-card h2{margin:0;color:#e2e8f0}.manage-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.manage-card-head span{color:#94a3b8;font-size:.9rem}.manage-form{display:flex;flex-direction:column;gap:12px}.manage-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#cbd5f5}.manage-form input,.manage-form select,.manage-form textarea{padding:10px 12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:.95rem}.manage-form textarea{resize:vertical}.manage-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.inline-form{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.inline-form label{flex:1 1 220px}.inline-form .primary{margin-top:22px}.manage-table-wrap{overflow:auto}.manage-table{width:100%;border-collapse:collapse;min-width:900px}.manage-table th,.manage-table td{padding:10px 12px;border-bottom:1px solid #192133;text-align:left}.manage-table th{background:#0b1220;color:#a5b4fc;position:sticky;top:0}.manage-table tbody tr:nth-child(odd){background:#0f172a66}.primary{padding:10px 14px;background:linear-gradient(90deg,#38bdf8,#3b82f6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;align-self:flex-start}.primary:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 900px){.manage-table{min-width:0}}@media (max-width: 720px){.manage-form-grid{grid-template-columns:1fr}.inline-form{flex-direction:column;align-items:stretch}.inline-form .primary{margin-top:0}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-image:url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='59.428' patternTransform='scale(2) rotate(0)'><rect x='0' y='0' width='100%' height='100%' fill='%23000522ff'/><path d='M0 70.975V47.881m20-1.692L8.535 52.808v13.239L20 72.667l11.465-6.62V52.808zm0-32.95l11.465-6.62V-6.619L20-13.24 8.535-6.619V6.619L20 13.24m8.535 4.927v13.238L40 38.024l11.465-6.62V18.166L40 11.546zM20 36.333L0 47.88m0 0v23.094m0 0l20 11.548 20-11.548V47.88m0 0L20 36.333m0 0l20 11.549M0 11.547l-11.465 6.619v13.239L0 38.025l11.465-6.62v-13.24L0 11.548v-23.094l20-11.547 20 11.547v23.094M20 36.333V13.24'  stroke-linecap='square' stroke-width='1' stroke='%23000730ff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>");color:#f1f5f9}html,body,#root,.app-container{min-height:100%;display:flex;flex-direction:column}.main-content{flex:1}