:root{--primary-color: #4B8BFF;--primary-dark: #3A6FE6;--primary-light: #6BA3FF;--dark-gray: #1E1E1E;--dark-gray-lighter: #2A2A2A;--dark-gray-lightest: #333333;--mid-gray: #606060;--light-gray: #9A9A9A;--lighter-gray: #E0E0E0;--white: #FFFFFF;--black: #000000;--success: #4CD964;--warning: #FFC107;--danger: #FF3B30;--info: #5AC8FA;--steam-color: #171a21;--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family);font-size:16px;line-height:1.6;color:var(--white);background:var(--dark-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.container{padding:0 .5rem}}a{color:var(--primary-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-light)}ul,ol{list-style:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--white)}h1{font-size:2.5rem;font-weight:700}@media (max-width: 768px){h1{font-size:2rem}}h2{font-size:2rem}@media (max-width: 768px){h2{font-size:1.75rem}}h3{font-size:1.5rem}@media (max-width: 768px){h3{font-size:1.25rem}}p{margin-bottom:1rem;color:var(--light-gray)}.text-center{text-align:center}.text-muted{color:var(--light-gray)}.text-primary{color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;text-decoration:none;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.9rem;text-align:center;position:relative;overflow:hidden}.btn svg{width:18px;height:18px}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-primary:hover,.btn-primary:focus{background:var(--primary-dark);color:var(--white)}.btn-secondary{background:var(--dark-gray-lightest);color:var(--white)}.btn-secondary:hover,.btn-secondary:focus{background:var(--mid-gray);color:var(--white)}.btn-success{background:var(--success);color:var(--white)}.btn-success:hover,.btn-success:focus{background:#3db854;color:var(--white)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover,.btn-danger:focus{background:#e6342a;color:var(--white)}.btn-warning{background:var(--warning);color:var(--dark-gray)}.btn-warning:hover,.btn-warning:focus{background:#f0b90b;color:var(--dark-gray)}.btn-steam{background:var(--steam-color);color:var(--white)}.btn-steam:hover,.btn-steam:focus{background:#1f2329;color:var(--white)}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.btn-block{display:block;width:100%}.main-content{min-height:calc(100vh - 120px);padding:2rem 0}.site-header{background:var(--dark-gray-lighter);border-bottom:1px solid var(--dark-gray-lightest);position:sticky;top:0;z-index:100;padding:1rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between}.site-header .logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.site-header .logo:hover{color:var(--primary-dark)}.site-header .logo img{height:40px}.site-header .nav-links{display:flex;list-style:none;gap:2rem;align-items:center}@media (max-width: 768px){.site-header .nav-links{gap:1rem}}.site-header .nav-links a{color:var(--white);text-decoration:none;transition:color .3s ease;font-weight:500}.site-header .nav-links a:hover,.site-header .nav-links a.active{color:var(--primary-color)}.site-header .user-menu{position:relative}.site-header .user-menu .user-avatar{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:transform .3s ease;border:2px solid var(--primary-color)}.site-header .user-menu .user-avatar:hover{transform:scale(1.05)}.site-header .user-menu .dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--dark-gray-lighter);border:1px solid var(--dark-gray-lightest);border-radius:.5rem;min-width:200px;display:none;z-index:1000;box-shadow:var(--shadow-lg)}.site-header .user-menu .dropdown.active{display:block}.site-header .user-menu .dropdown a{display:block;padding:.75rem 1rem;color:var(--white);text-decoration:none;transition:background .3s ease;display:flex;align-items:center;gap:.5rem}.site-header .user-menu .dropdown a:hover{background:var(--dark-gray-lightest)}.site-header .user-menu .dropdown hr{margin:.5rem 0;border:none;border-top:1px solid var(--dark-gray-lightest)}.site-footer{background:var(--dark-gray-lighter);border-top:1px solid var(--dark-gray-lightest);padding:2rem 0;text-align:center;color:var(--light-gray)}.site-footer .footer-content{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.site-footer .footer-content{flex-direction:column;text-align:center;gap:1rem}}.site-footer .footer-logo{display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 768px){.site-footer .footer-logo{align-items:center}}.site-footer .footer-logo img{height:40px;margin-bottom:.5rem}.site-footer .footer-logo p{font-size:.875rem;color:var(--light-gray);margin-bottom:0}.card{background:var(--dark-gray-lighter);border-radius:1rem;overflow:hidden;border:1px solid var(--dark-gray-lightest);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-header{background:var(--dark-gray-lightest);padding:1.5rem;border-bottom:1px solid var(--dark-gray-lightest)}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin-bottom:0;color:var(--white)}.card-body{padding:1.5rem}.card-footer{background:var(--dark-gray-lightest);padding:1.5rem;border-top:1px solid var(--dark-gray-lightest)}.profile-section{background:var(--dark-gray-lighter);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--dark-gray-lightest)}.profile-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:2rem;display:flex;align-items:center;position:relative;overflow:hidden}.profile-header:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}}.profile-header .profile-avatar img{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);object-fit:cover}.profile-header .profile-info{margin-left:2rem}@media (max-width: 768px){.profile-header .profile-info{margin-left:0;margin-top:1.5rem}}.profile-header .profile-info h1{margin-bottom:.25rem;font-weight:700;color:var(--white)}.profile-header .profile-info .steam-id{color:#fffc;margin-bottom:1rem;font-size:.95rem;background-color:#ffffff1a;display:inline-block;padding:.25rem .5rem;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.profile-header .profile-info .profile-actions{display:flex;gap:.5rem}@media (max-width: 768px){.profile-header .profile-info .profile-actions{justify-content:center;flex-wrap:wrap}}.profile-content{padding:2rem}.tab-navigation{margin-bottom:2rem}.tab-navigation ul{display:flex;border-bottom:1px solid var(--dark-gray-lightest)}@media (max-width: 768px){.tab-navigation ul{flex-direction:column;border-bottom:none}}.tab-navigation ul li{margin-right:1.5rem}@media (max-width: 768px){.tab-navigation ul li{margin-right:0;margin-bottom:.5rem}}.tab-navigation ul li a{display:block;padding:1rem .5rem;color:var(--light-gray);position:relative;font-weight:600;transition:all .3s ease;border-radius:.5rem .5rem 0 0}.tab-navigation ul li a.active{color:var(--primary-color);background:var(--dark-gray-lightest)}.tab-navigation ul li a.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:var(--primary-color);border-radius:3px 3px 0 0}@media (max-width: 768px){.tab-navigation ul li a.active:after{display:none}}.tab-navigation ul li a:hover{color:var(--primary-light);background:#ffffff0d}.tab-content .tab-pane{display:none;animation:fadeIn .3s ease-in-out}.tab-content .tab-pane.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}@media (max-width: 768px){.tab-header{flex-direction:column;align-items:flex-start}.tab-header h2{margin-bottom:1rem}}.tab-header h2{margin-bottom:0;font-weight:700;position:relative;color:var(--primary-color)}.tab-header h2:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background-color:var(--primary-color);border-radius:3px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (max-width: 768px){.products-grid{grid-template-columns:1fr}}.product-card{background:var(--dark-gray-lighter);border-radius:1rem;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-sm);border:1px solid var(--dark-gray-lightest);position:relative}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.product-card .product-image{height:200px;overflow:hidden;position:relative;background:var(--dark-gray-lightest)}.product-card .product-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.6) 100%);pointer-events:none}.product-card .product-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-card .product-info{padding:1.5rem}.product-card .product-info h3{margin-bottom:.25rem;font-size:1.25rem;color:var(--white)}.product-card .product-info .product-meta{font-size:.95rem;color:var(--light-gray);margin-bottom:1rem}.product-card .product-info .product-meta .product-price{color:var(--primary-color);font-weight:600;margin-bottom:.25rem;font-size:1.25rem}.product-card .product-info .product-meta .product-purchase-date{display:flex;align-items:center;font-size:.85rem}.product-card .product-info .product-meta .product-purchase-date:before{content:"";display:inline-block;width:6px;height:6px;background-color:var(--primary-color);border-radius:50%;margin-right:.25rem}.product-card .product-info .product-actions{display:flex;flex-direction:column;gap:.5rem}.license-keys-wrapper{overflow-x:auto;background:var(--dark-gray-lighter);border-radius:1rem;padding:1rem;border:1px solid var(--dark-gray-lightest)}.license-key-table{width:100%;border-collapse:collapse}.license-key-table th,.license-key-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--dark-gray-lightest)}.license-key-table th{background:var(--dark-gray-lightest);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--white)}.license-key-table th:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.license-key-table th:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.license-key-table tbody tr{transition:all .3s ease}.license-key-table tbody tr:hover{background:#ffffff0d}.license-key-table tbody tr:last-child td{border-bottom:none}.license-key-table .license-key{display:flex;align-items:center;background:var(--dark-gray-lightest);padding:.25rem 1rem;border-radius:.5rem;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.9rem;width:220px;border:1px solid var(--dark-gray-lightest)}.license-key-table .license-key .key-text{flex:1;overflow:hidden;text-overflow:ellipsis;letter-spacing:.05em;color:var(--white)}.license-key-table .license-key .copy-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--light-gray);transition:all .3s ease}.license-key-table .license-key .copy-btn svg{width:16px;height:16px;transition:all .3s ease}.license-key-table .license-key .copy-btn:hover{color:var(--primary-color)}.license-key-table .status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.license-key-table .status-badge.active{background:var(--success);color:var(--white)}.license-key-table .status-badge.used{background:var(--info);color:var(--white)}.license-key-table .status-badge.revoked{background:var(--danger);color:var(--white)}.license-key-table .action-buttons{display:flex;gap:.25rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-state .empty-icon{margin-bottom:1.5rem;opacity:.7;background:#ffffff0d;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.empty-state .empty-icon svg{width:50px;height:50px;stroke:var(--primary-color);opacity:.5}.empty-state h3{margin-bottom:.5rem;font-weight:600;color:var(--white)}.empty-state p{color:var(--light-gray);margin-bottom:.25rem;max-width:400px}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.25rem;font-weight:500;color:var(--white)}.form-control{width:100%;padding:.75rem;background:var(--dark-gray);border:1px solid var(--dark-gray-lightest);border-radius:.5rem;color:var(--white);font-family:inherit;font-size:1rem;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4b8bff1a}.form-control::placeholder{color:var(--light-gray)}.form-text{font-size:.875rem;color:var(--light-gray);margin-top:.25rem}.form-actions{margin-top:2rem;display:flex;gap:1rem}@media (max-width: 768px){.form-actions{flex-direction:column}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background:var(--dark-gray-lighter);border-radius:1rem;box-shadow:var(--shadow-lg);width:100%;max-width:550px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s;border:1px solid var(--dark-gray-lightest)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--dark-gray-lightest);display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin-bottom:0;font-weight:700;font-size:1.5rem;color:var(--white)}.modal-body{padding:1.5rem}.modal-footer{padding:1.5rem;border-top:1px solid var(--dark-gray-lightest);display:flex;justify-content:flex-end;gap:.5rem}.close-modal{background:none;border:none;color:var(--light-gray);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease}.close-modal:hover{color:var(--white);background:var(--dark-gray-lightest)}.key-info{background:var(--dark-gray-lightest);padding:1.5rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid var(--dark-gray-lightest)}.key-info .key-product{margin-bottom:1rem}.key-info .key-product strong{display:block;margin-bottom:.25rem;font-size:.9rem;color:var(--light-gray);text-transform:uppercase;letter-spacing:.5px}.key-info .key-product span{font-size:1.2rem;font-weight:600;color:var(--white)}.key-info .key-display{margin-bottom:1rem}.key-info .key-display strong{display:block;margin-bottom:.25rem;font-size:.9rem;color:var(--light-gray);text-transform:uppercase;letter-spacing:.5px}.key-info .license-key-box{background:var(--dark-gray);padding:1rem;border-radius:.75rem;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:1.1rem;letter-spacing:1px;text-align:center;margin-bottom:.5rem;word-break:break-all;border:1px solid var(--dark-gray-lightest);position:relative;color:var(--white)}.key-info .license-key-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(75,139,255,.05) 0%,transparent 100%);pointer-events:none}.key-info .key-details{display:flex;flex-wrap:wrap;gap:1rem}.key-info .key-details .detail-item{flex:1;min-width:150px}.key-info .key-details .detail-item strong{display:block;font-size:.9rem;color:var(--light-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.key-info .key-details .detail-item span{color:var(--white)}.key-instructions h3{margin-bottom:1rem;font-size:1.2rem;font-weight:600;position:relative;display:inline-block;color:var(--primary-color)}.key-instructions h3:after{content:"";position:absolute;bottom:-6px;left:0;width:30px;height:2px;background-color:var(--primary-color);border-radius:2px}.key-instructions ol{list-style-type:decimal;padding-left:1.5rem;margin-bottom:1.5rem}.key-instructions ol li{margin-bottom:.25rem;color:var(--light-gray);padding-left:.25rem}.key-instructions .key-warning{background:#ffc1071a;border-left:3px solid var(--warning);padding:.5rem 1rem;border-radius:0 .5rem .5rem 0;color:var(--white);display:flex;align-items:flex-start}.key-instructions .key-warning:before{content:"!";display:inline-block;width:22px;height:22px;background-color:var(--warning);border-radius:50%;color:var(--dark-gray);text-align:center;line-height:22px;font-weight:700;margin-right:.5rem;flex-shrink:0}.key-instructions .key-warning strong{color:var(--warning);font-weight:600}.alert{padding:1rem;margin-bottom:1rem;border-radius:.5rem;border:1px solid;display:flex;align-items:center;gap:.5rem}.alert-success{background:#4cd9641a;border-color:var(--success);color:var(--success)}.alert-danger{background:#ff3b301a;border-color:var(--danger);color:var(--danger)}.alert-warning{background:#ffc1071a;border-color:var(--warning);color:var(--warning)}.alert-info{background:#5ac8fa1a;border-color:var(--info);color:var(--info)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--dark-gray-lighter);border:1px solid var(--dark-gray-lightest);border-radius:1rem;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-card i{font-size:2rem;color:var(--primary-color);margin-bottom:1rem;display:block}.stat-card .stat-value{font-size:2.5rem;font-weight:700;color:var(--white);margin-bottom:.5rem;line-height:1}.stat-card .stat-label{color:var(--light-gray);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--primary-light))}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:2rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:2rem!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:2rem!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.w-100{width:100%!important}.h-100{height:100%!important}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:var(--primary-color);animation:spin .8s ease-in-out infinite;margin-right:.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-gray-lightest)}::-webkit-scrollbar-thumb{background:var(--mid-gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--light-gray)}@media (max-width: 768px){.site-header .container{flex-direction:column;gap:1rem}.site-header .nav-links{flex-wrap:wrap;justify-content:center}.profile-header .profile-info .profile-actions{flex-direction:column;width:100%}.profile-header .profile-info .profile-actions .btn{width:100%}.tab-navigation ul{flex-direction:column}.tab-navigation ul li{margin-right:0;margin-bottom:.5rem}.tab-navigation ul li a{text-align:center}.modal-content{margin:1rem;width:calc(100% - 2rem)}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}.btn:focus,.form-control:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.product-card:hover,.btn:hover{transform:none}}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.25rem}.page-header p{color:var(--light-gray);margin-bottom:0}.page-header .header-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.page-header .header-content{flex-direction:column;align-items:flex-start;gap:1rem}}.page-header .error-meta{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.error-filters .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.error-filters .filter-grid{grid-template-columns:1fr}}.error-filters .form-actions{justify-content:flex-start;margin-top:1.5rem}.bulk-actions-wrapper{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.bulk-actions-wrapper{flex-direction:column;gap:1rem;align-items:stretch}}.bulk-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.bulk-actions{flex-direction:column;align-items:stretch}}.bulk-actions .selected-count{font-weight:500;color:var(--primary-color)}.bulk-actions .action-buttons{display:flex;gap:.25rem}@media (max-width: 768px){.bulk-actions .action-buttons{flex-direction:column}}.main-actions{display:flex;gap:.25rem}@media (max-width: 768px){.main-actions{width:100%}.main-actions .btn{flex:1}}.error-reports-table{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--dark-gray-lightest)}.data-table th{background:var(--dark-gray-lightest);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--white);position:sticky;top:0;z-index:10}.data-table tbody tr{transition:all .3s ease}.data-table tbody tr:hover{background:#ffffff0d}.data-table tbody tr:last-child td{border-bottom:none}.data-table .error-type{font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.85rem;background:var(--dark-gray-lightest);padding:2px 6px;border-radius:3px;color:var(--white)}.data-table .error-message-preview{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .action-buttons{display:flex;gap:.25rem;align-items:center}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.critical,.status-badge.error{background:var(--danger);color:var(--white)}.status-badge.warning{background:var(--warning);color:var(--dark-gray)}.status-badge.info{background:var(--info);color:var(--white)}.status-badge.active{background:var(--success);color:var(--white)}.status-badge.revoked{background:var(--mid-gray);color:var(--white)}.status-badge.used{background:var(--info);color:var(--white)}.badge-method{display:inline-block;padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-method.get{background:var(--info);color:var(--white)}.badge-method.post{background:var(--success);color:var(--white)}.badge-method.put,.badge-method.patch{background:var(--warning);color:var(--dark-gray)}.badge-method.delete{background:var(--danger);color:var(--white)}.pagination-wrapper{margin-top:1.5rem;display:flex;justify-content:center}.error-detail-grid{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}@media (max-width: 1200px){.error-detail-grid{grid-template-columns:1fr}}.error-detail-main{min-width:0}@media (max-width: 1200px){.error-detail-sidebar{order:-1}}.info-group{margin-bottom:1.5rem}.info-group:last-child{margin-bottom:0}.info-group label{display:block;margin-bottom:.25rem;font-weight:600;color:var(--light-gray)}.info-group code{background:var(--dark-gray-lightest);padding:.25rem .5rem;border-radius:.5rem;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.9rem;color:var(--white)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}.info-item label{display:block;margin-bottom:.25rem;font-weight:600;color:var(--light-gray);font-size:.9rem}.info-item span{color:var(--white)}.info-item code{background:var(--dark-gray-lightest);padding:2px 6px;border-radius:3px;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.85rem;color:var(--white)}.code-block{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:.5rem;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto}.code-block::-webkit-scrollbar{width:6px;height:6px}.code-block::-webkit-scrollbar-track{background:#2d2d2d}.code-block::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover{background:#666}.error-type-full{display:block;background:var(--dark-gray-lightest);padding:.5rem;border-radius:.5rem;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.9rem;word-break:break-all;color:var(--white)}.file-location{display:block;background:var(--dark-gray-lightest);padding:.5rem;border-radius:.5rem;font-family:SF Mono,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Consolas,monospace;font-size:.9rem;color:var(--white)}.quick-actions-list{display:flex;flex-direction:column;gap:.25rem}.quick-actions-list .quick-action-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff0d;border:1px solid var(--dark-gray-lightest);border-radius:.5rem;color:var(--white);text-decoration:none;cursor:pointer;transition:all .3s ease}.quick-actions-list .quick-action-item i{width:20px;text-align:center;color:var(--primary-color)}.quick-actions-list .quick-action-item span{flex:1}.quick-actions-list .quick-action-item:hover{background:#ffffff1a;transform:translate(5px)}.quick-actions-list .quick-action-item.delete-action i{color:var(--danger)}.quick-actions-list .quick-action-item.delete-action:hover{background:#ff3b301a;border-color:var(--danger)}.review-notes{background:var(--dark-gray-lightest);padding:.5rem;border-radius:.5rem;border-left:3px solid var(--primary-color);font-size:.9rem;line-height:1.5}.similar-errors-list{display:flex;flex-direction:column;gap:.25rem}.similar-errors-list .similar-error-item{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;background:#ffffff0d;border:1px solid var(--dark-gray-lightest);border-radius:.5rem;text-decoration:none;transition:all .3s ease}.similar-errors-list .similar-error-item:hover{background:#ffffff1a;transform:translate(5px)}.similar-errors-list .similar-error-content{flex:1;min-width:0}.similar-errors-list .similar-error-message{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--white);margin-bottom:2px}.flash-message{position:fixed;top:1.5rem;right:1.5rem;background:var(--dark-gray-lighter);border:1px solid var(--dark-gray-lightest);border-radius:.75rem;padding:1rem 1.5rem;box-shadow:var(--shadow-lg);z-index:9999;opacity:0;transform:translate(400px);transition:all .3s ease;min-width:300px}.flash-message.show{opacity:1;transform:translate(0)}.flash-message.flash-success{border-left:4px solid var(--success)}.flash-message.flash-success:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--success);margin-right:.5rem}.flash-message.flash-danger{border-left:4px solid var(--danger)}.flash-message.flash-danger:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--danger);margin-right:.5rem}.flash-message.flash-warning{border-left:4px solid var(--warning)}.flash-message.flash-warning:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--warning);margin-right:.5rem}.flash-message.flash-info{border-left:4px solid var(--info)}.flash-message.flash-info:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--info);margin-right:.5rem}@media (max-width: 768px){.data-table{font-size:.85rem}.data-table th,.data-table td{padding:.5rem}.data-table .error-message-preview{max-width:150px}.data-table .action-buttons{flex-direction:column}.error-detail-grid{gap:1rem}.flash-message{right:.5rem;left:.5rem;min-width:0}}.btn.loading{position:relative;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:var(--white);border-radius:50%;animation:spin .6s linear infinite}.btn.loading span{opacity:0}@keyframes spin{to{transform:rotate(360deg)}}