body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#2c3e50;margin:0;padding:0;display:flex;flex-direction:row;min-height:100vh;width:100%;box-sizing:border-box}.upt-app-container{top:60px;position:relative;min-height:calc(100% - 61px);height:calc(100% - 61px)}.notification-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.notification-warning-content{display:flex;align-items:center;gap:1rem}.notification-warning-content i{color:#856404;font-size:1.25rem;flex-shrink:0}.notification-warning-content div{flex:1}.notification-warning-content strong{display:block;color:#856404;font-weight:600;margin-bottom:.25rem}.notification-warning-content p{margin:0;color:#856404;font-size:.875rem}.rules-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.rules-filters{display:flex;align-items:center;gap:.5rem}.filter-label{font-weight:600;color:#495057;margin-right:.5rem}.filter-link{padding:.375rem .75rem;border-radius:6px;text-decoration:none;color:#6c757d;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid transparent}.filter-link:hover{background-color:#e9ecef;color:#495057;text-decoration:none}.filter-link.selected{background-color:#007bff;color:#fff;border-color:#007bff;text-decoration:none!important}.rules-sorting{display:flex;align-items:center;gap:.5rem}.sort-label{font-weight:600;color:#495057;margin-right:.5rem}.sort-link{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border-radius:6px;text-decoration:none;color:#6c757d;font-size:.875rem;font-weight:500;transition:all .2s ease;border:1px solid transparent}.sort-link:hover{background-color:#e9ecef;color:#495057;text-decoration:none}.sort-link.selected{background-color:#007bff;color:#fff;border-color:#007bff;text-decoration:none!important}.sort-link i{font-size:.75rem;opacity:.7}.sort-link.selected i{opacity:1}.rules-table{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.uptimer-history-container{max-width:1200px;margin:0 auto;padding:2rem}.history-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.pagination-info{display:flex;align-items:center}.pagination-label{font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.pagination-controls{display:flex;gap:.5rem}.history-table{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.history-table-header{display:grid;grid-template-columns:140px 1fr 1fr 150px 100px;gap:1rem;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.history-table-row{display:grid;grid-template-columns:140px 1fr 1fr 150px 100px;gap:1rem;padding:1rem;border-bottom:1px solid #f1f3f4;transition:all .2s ease;align-items:center}.history-table-row:hover{background-color:#f8f9fa}.history-table-row:last-child{border-bottom:none}.history-table-row.status-up{border-left:4px solid #28a745}.history-table-row.status-down{border-left:4px solid #dc3545}.history-table-row.status-unknown{border-left:4px solid #6c757d}.table-cell-time,.table-cell-end,.table-cell-duration{flex-direction:column;align-items:flex-start;gap:.25rem}.time-value,.duration-value{font-size:.875rem;font-weight:600;color:#2c3e50}.history-actions{display:flex;flex-direction:column;gap:.25rem;width:100%}.history-actions .btn{width:100%}.uptimer-availability-container{max-width:1200px;margin:0 auto;padding:2rem}.breadcrumb-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;font-size:.875rem}.breadcrumb-link{color:#007bff;text-decoration:none;font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:#0056b3;text-decoration:underline}.breadcrumb-current{color:#6c757d;font-weight:600}.breadcrumb-nav i{color:#6c757d;font-size:.75rem}.availability-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.availability-table{background:#fff;border-radius:12px;border:1px solid #e9ecef;overflow:hidden;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem}.availability-table-header{display:grid;grid-template-columns:200px 150px 1fr;gap:1rem;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.availability-table-row{display:grid;grid-template-columns:200px 150px 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #f1f3f4;transition:all .2s ease;align-items:start}.availability-table-row:hover{background-color:#f8f9fa}.availability-table-row:last-child{border-bottom:none}.availability-table-row.status-up{border-left:4px solid #28a745}.availability-table-row.status-down{border-left:4px solid #dc3545}.availability-table-row.status-unknown{border-left:4px solid #6c757d}.table-cell-time,.table-cell-status{justify-content:flex-start}.table-cell-details{justify-content:flex-start;align-items:flex-start}.worker-details{display:flex;flex-direction:column;gap:.5rem;width:100%}.worker-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid #f1f3f4}.worker-item:last-child{border-bottom:none}.worker-item.status-up{border-left:3px solid #28a745;padding-left:.75rem}.worker-item.status-down{border-left:3px solid #dc3545;padding-left:.75rem}.worker-item.status-unknown{border-left:3px solid #6c757d;padding-left:.75rem}.worker-name{font-weight:600;color:#2c3e50;font-size:.875rem;flex:1}.worker-status-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:.25rem .5rem;border-radius:12px;background:#e9ecef;color:#495057;white-space:nowrap}.worker-item.status-up .worker-status-badge{background:#d4edda;color:#155724}.worker-item.status-down .worker-status-badge{background:#f8d7da;color:#721c24}.worker-item.status-unknown .worker-status-badge{background:#e2e3e5;color:#6c757d}.worker-error{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#dc3545;background:#f8d7da;padding:.25rem .5rem;border-radius:6px;border:1px solid #f5c6cb;margin-top:.25rem}.worker-error i{font-size:.75rem}.rules-table-header{display:grid;grid-template-columns:160px 1fr 2fr 120px;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.rules-table-row{display:grid;grid-template-columns:160px 1fr 2fr 120px;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #f1f3f4;transition:all .2s ease;align-items:center}.rules-table-row:hover{background-color:#f8f9fa}.rules-table-row:last-child{border-bottom:none}.rules-table-row.rule-up{border-left:4px solid #28a745}.rules-table-row.rule-down{border-left:4px solid #dc3545}.rules-table-row.rule-unknown{border-left:4px solid #6c757d}.table-cell{display:flex;align-items:center;padding:.25rem 0}.table-cell-status{justify-content:flex-start}.table-cell-name{flex-direction:column;align-items:flex-start;gap:.125rem}.table-cell-history{justify-content:flex-start}.table-cell-actions{justify-content:flex-start;align-items:flex-start}.status-container{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.status-chip{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.status-chip.status-up{background-color:#d4edda;color:#155724}.status-chip.status-down{background-color:#f8d7da;color:#721c24}.status-chip.status-unknown{background-color:#e2e3e5;color:#383d41}.status-chip i{font-size:.75rem}.duration-text{font-size:.75rem;font-weight:500;white-space:nowrap;color:#6c757d}.duration-text.uptime{color:#28a745}.duration-text.downtime{color:#dc3545}.duration-text.no-data{color:#6c757d}.rule-name h4{margin:0;font-size:.95rem;font-weight:600;color:#2c3e50;line-height:1.2}.rule-url{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.875rem}.rule-url i{font-size:.75rem}.duration{display:flex;flex-direction:column;gap:.25rem}.duration-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.duration-value{font-size:.875rem;font-weight:600;color:#2c3e50}.duration.uptime-duration .duration-value{color:#28a745}.duration.downtime-duration .duration-value{color:#dc3545}.duration.no-data .duration-value{color:#6c757d}.rule-actions{display:flex;flex-direction:column;gap:.25rem;width:100%}.rule-actions .btn{width:100%}.history-chart{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#e9ecef;width:100%}.history-segment{height:100%;transition:all .2s ease}.history-segment.uptime{background-color:#28a745}.history-segment.downtime{background-color:#dc3545}.history-segment.unknown{background-color:#6c757d}.history-segment.no-data{background-color:#f8f9fa}.history-segment:hover{opacity:.8}.empty-state{text-align:center;padding:3rem 1rem;background:#fff;border-radius:12px;border:2px dashed #e9ecef}.empty-state-icon{margin-bottom:1rem}.empty-state-icon i{font-size:3rem;color:#6c757d}.empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.empty-state p{margin:0 0 1.5rem;color:#6c757d;font-size:.875rem}@media (max-width: 768px){.rules-controls{flex-direction:column;gap:1rem;align-items:stretch}.rules-filters,.rules-sorting{justify-content:center;flex-wrap:wrap}.rules-table-header,.rules-table-row,.history-table-header,.history-table-row{grid-template-columns:1fr;gap:.75rem}.table-cell{justify-content:flex-start}.table-cell-actions{justify-content:flex-start;align-items:flex-start}.rule-actions{flex-direction:row;flex-wrap:wrap}.history-actions{flex-direction:row;flex-wrap:wrap}.history-actions .btn{flex:1;min-width:0}.history-controls{flex-direction:column;gap:1rem;align-items:stretch}.pagination-controls{justify-content:center}.availability-table-header,.availability-table-row{grid-template-columns:1fr;gap:.75rem}.worker-item{flex-direction:column;align-items:flex-start;gap:.5rem}.breadcrumb-nav{flex-wrap:wrap;gap:.25rem}.breadcrumb-nav i{display:none}.rule-actions{justify-content:flex-start;flex-wrap:wrap;gap:.5rem}.rule-actions .btn{flex:1;min-width:0}.notification-warning-content{flex-direction:column;text-align:center;gap:.75rem}}@media (max-width: 480px){.rule-actions{flex-wrap:wrap}.rule-actions .btn{flex:1;min-width:0}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e7e6e6}.page-title h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:#2c3e50;display:flex;align-items:center;gap:.5rem}.page-subtitle{margin:0;color:#6c757d;font-size:.875rem}.page-actions{display:flex;gap:.75rem}.button,button{transition:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;background:none;color:inherit;white-space:nowrap;flex-shrink:0;box-sizing:border-box;margin:0;transform:none;line-height:1;min-width:fit-content;width:auto;text-align:center;transition:box-shadow .2s ease}.btn:hover{box-shadow:0 4px 8px #0000001a;transform:none;margin:0;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.btn:active{box-shadow:0 2px 4px #0000001a;transform:none;margin:0;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.btn:focus{outline:none;box-shadow:0 0 0 3px #007bff40;transform:none;margin:0;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.btn i{flex-shrink:0;width:1rem;height:1rem;display:inline-block}.btn span{flex-shrink:0;white-space:nowrap}.btn-primary{background-color:#007bff;color:#fff;border-color:#007bff}.btn-primary:hover{background-color:#0056b3;border-color:#0056b3;box-shadow:0 4px 8px #007bff4d}.btn-add-worker{background-color:#28a745;color:#fff;border-color:#28a745;padding:.375rem .75rem;font-size:.8rem;border-radius:4px}.btn-add-worker:hover{background-color:#1e7e34;border-color:#1e7e34;box-shadow:0 2px 4px #28a7454d}.btn-secondary{background-color:#6c757d;color:#fff;border-color:#6c757d}.btn-secondary:hover{background-color:#545b62;border-color:#545b62;box-shadow:0 4px 8px #6c757d4d}.btn-success{background-color:#28a745;color:#fff;border-color:#28a745}.btn-success:hover{background-color:#1e7e34;border-color:#1e7e34;box-shadow:0 4px 8px #28a7454d}.btn-warning{background-color:#ffc107;color:#212529;border-color:#ffc107}.btn-warning:hover{background-color:#e0a800;border-color:#e0a800;box-shadow:0 4px 8px #ffc1074d}.btn-sm,.btn-sm:hover{padding:.375rem .75rem;font-size:.8rem;transform:none;margin:0;border:1px solid transparent;border-radius:6px;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.workers-container{max-width:1200px}.workers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.worker-card{background:#fff;border:1px solid #e7e6e6;border-radius:12px;padding:1.5rem;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.worker-card:hover{box-shadow:0 8px 16px #0000001a}.worker-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.worker-name{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#2c3e50}.worker-uid{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#6c757d;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.worker-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-active{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-inactive{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.worker-card-body{margin-bottom:1.5rem}.worker-meta{display:flex;flex-direction:column;gap:.75rem}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6c757d}.meta-item i{color:#adb5bd;width:1rem}.worker-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.worker-card-actions .btn{transform:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.notification-container{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:400px}.notification{background:#fff;border:1px solid #e7e6e6;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:16px;margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between;animation:slideInRight .3s ease-out;max-width:100%}.notification.success{border-left:4px solid #28a745}.notification.error{border-left:4px solid #dc3545}.notification.info{border-left:4px solid #17a2b8}.notification.warning{border-left:4px solid #ffc107}.notification-content{flex:1;margin-right:12px}.notification-title{font-weight:600;margin-bottom:4px;font-size:14px}.notification-message{font-size:13px;color:#666;line-height:1.4;word-wrap:break-word;white-space:pre-line}.notification-close{background:none;border:none;color:#999;cursor:pointer;font-size:18px;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.notification-close:hover{background-color:#f5f5f5;color:#666}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification.hiding{animation:slideOutRight .3s ease-in forwards}.sidebar{display:none!important}.sb-block{padding:0 1em;border-bottom:1px solid #e7e6e6}.sb-title{font-weight:700;font-size:1.2em}.nodata{text-align:center;padding:2em;font-size:1.5em}.f08{font-size:.8em}.upt-nav{box-shadow:0 5px 10px -5px #0000004d;margin-bottom:60px}.upt-rules-filter{margin-bottom:20px;display:flex;align-items:center;justify-content:center}.upt-menu-icon{cursor:pointer;width:20px;height:20px;white-space:nowrap;color:inherit;display:none;flex-direction:column;justify-content:space-between;margin:50%}.h100{height:100%}.upt-nav-item-pull-right{float:right;padding:0 .6em;vertical-align:middle}.upt-table-hidden-column-800{display:table-cell}.upt-check-history-per-page{display:inline-block;width:4em}@media all and (max-width: 800px){.upt-menu-icon{display:flex}.upt-table-hidden-column-800{display:none}.content{margin-left:.5em}}.upt-menu-bar{height:4px;background-color:#000;border-radius:2px}.flx-spaces{justify-content:space-between;display:flex;align-items:center}.mla{margin-left:auto}.w100{width:100%}.ta-l{text-align:left}.w20{width:20%}.sb-menu{list-style-type:none;padding:0;margin:0}.sb-menu-i{margin:0;padding:0;cursor:pointer}.sb-link{padding:.1em 0;margin-left:1em;display:inline-block;width:100%;text-align:left;color:inherit;text-decoration:none}a.sb-link:visited{text-decoration:none}a.sb-link:active{text-decoration:underline}.fw500{font-weight:500}.i{mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-position:center;width:1em;height:1em;background-color:currentColor;display:inline-block;margin-bottom:-.125em;flex-shrink:0}.i-bigger{width:1.5em;height:1.5em}.no-offset{margin:0;padding:0}.flx{display:flex}.i-eye{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />%0A  <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" />%0A</svg>%0A%0A%0A')}.i-plus{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M12 5l0 14" />%0A  <path d="M5 12l14 0" />%0A</svg>%0A%0A%0A')}.i-settings{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-settings" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" />%0A  <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />%0A</svg>%0A%0A%0A')}.i-import{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-import" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M14 3v4a1 1 0 0 0 1 1h4" />%0A  <path d="M5 13v-8a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2h-5.5m-9.5 -2h7m-3 -3l3 3l-3 3" />%0A</svg>%0A%0A%0A')}.i-save{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-device-floppy" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M6 4h10l4 4v10a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2" />%0A  <path d="M12 14m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />%0A  <path d="M14 4l0 4l-6 0l0 -4" />%0A</svg>%0A%0A%0A')}.i-trash{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-trash" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M4 7l16 0" />%0A  <path d="M10 11l0 6" />%0A  <path d="M14 11l0 6" />%0A  <path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" />%0A  <path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" />%0A</svg>%0A%0A%0A')}.i-edit{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-edit" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1" />%0A  <path d="M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z" />%0A  <path d="M16 5l3 3" />%0A</svg>%0A%0A%0A')}.i-key{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-key" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M16.555 3.843l3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1 -4.069 0l-.301 -.301l-6.558 6.558a2 2 0 0 1 -1.239 .578l-.175 .008h-1.172a1 1 0 0 1 -.993 -.883l-.007 -.117v-1.172a2 2 0 0 1 .467 -1.284l.119 -.13l.414 -.414h2v-2h2v-2l2.144 -2.144l-.301 -.301a2.877 2.877 0 0 1 0 -4.069l2.643 -2.643a2.877 2.877 0 0 1 4.069 0z" />%0A  <path d="M15 9h.01" />%0A</svg>%0A%0A%0A')}.i-hash{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-hash" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M5 9l14 0" />%0A  <path d="M5 15l14 0" />%0A  <path d="M11 4l-4 16" />%0A  <path d="M17 4l-4 16" />%0A</svg>%0A%0A%0A')}.i-calendar{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12z" />%0A  <path d="M16 3v4" />%0A  <path d="M8 3v4" />%0A  <path d="M4 11h16" />%0A  <path d="M11 15h1" />%0A  <path d="M12 15v3" />%0A</svg>%0A%0A%0A')}.i-shield{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-shield" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3" />%0A</svg>%0A%0A%0A')}.i-copy{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-copy" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" />%0A  <path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" />%0A</svg>%0A%0A%0A')}.i-arrow-left{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M5 12l14 0" />%0A  <path d="M5 12l6 6" />%0A  <path d="M5 12l6 -6" />%0A</svg>%0A%0A%0A')}.i-arrow-right{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M5 12l14 0" />%0A  <path d="M13 18l6 -6" />%0A  <path d="M13 6l6 6" />%0A</svg>%0A%0A%0A')}.i-info{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-info-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />%0A  <path d="M12 9h.01" />%0A  <path d="M11 12h1v4h1" />%0A</svg>%0A%0A%0A')}.i-warning{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M12 9v4" />%0A  <path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" />%0A  <path d="M12 16h.01" />%0A</svg>%0A%0A%0A')}.i-check{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-check" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M5 12l5 5l10 -10" />%0A</svg>%0A%0A%0A')}.i-tag{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tag" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M7.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />%0A  <path d="M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592 -5.592a2.41 2.41 0 0 0 0 -3.408l-7.71 -7.71a2 2 0 0 0 -1.414 -.586h-5.172a3 3 0 0 0 -3 3z" />%0A</svg>%0A  %0A%0A')}.i-return{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-back" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M9 11l-4 4l4 4m-4 -4h11a4 4 0 0 0 0 -8h-1" />%0A</svg>%0A%0A%0A')}.i-monitor{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M10 12a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />%0A  <path d="M21 12c-2.4 4 -5.4 6 -9 6c-3.6 0 -6.6 -2 -9 -6c2.4 -4 5.4 -6 9 -6c3.6 0 6.6 2 9 6" />%0A</svg>%0A%0A%0A')}.i-link{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M9 15l6 -6" />%0A  <path d="M11 6l.463 -.536a5 5 0 0 1 7.071 7.072l-.534 .464" />%0A  <path d="M13 18l-.397 .534a5.068 5.068 0 0 1 -7.127 0a4.972 4.972 0 0 1 0 -7.071l.524 -.463" />%0A</svg>%0A%0A%0A')}.i-folder{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-tag" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M7.5 7.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />%0A  <path d="M3 6v5.172a2 2 0 0 0 .586 1.414l7.71 7.71a2.41 2.41 0 0 0 3.408 0l5.592 -5.592a2.41 2.41 0 0 0 0 -3.408l-7.71 -7.71a2 2 0 0 0 -1.414 -.586h-5.172a3 3 0 0 0 -3 3z" />%0A</svg>%0A  %0A%0A')}.i-server{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-settings" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z" />%0A  <path d="M9 12a3 3 0 1 0 6 0a3 3 0 0 0 -6 0" />%0A</svg>%0A%0A%0A')}.i-user{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />%0A  <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" />%0A</svg>%0A%0A%0A')}.i-profile{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user-cog" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M8 7a4 4 0 1 0 8 0a4 4 0 0 0 -8 0" />%0A  <path d="M6 21v-2a4 4 0 0 1 4 -4h2.5" />%0A  <path d="M19.001 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" />%0A  <path d="M19.001 15.5v1.5" />%0A  <path d="M19.001 21v1.5" />%0A  <path d="M22.032 17.25l-1.299 .75" />%0A  <path d="M17.27 20l-1.3 .75" />%0A  <path d="M15.97 17.25l1.3 .75" />%0A  <path d="M20.733 20l1.3 .75" />%0A</svg>%0A%0A%0A')}.i-logout{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-left" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M5 12l14 0" />%0A  <path d="M5 12l6 6" />%0A  <path d="M5 12l6 -6" />%0A</svg>%0A%0A%0A')}.i-circle{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" />%0A</svg>%0A%0A%0A')}.i-alert-circle{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />%0A  <path d="M12 8v4" />%0A  <path d="M12 16h.01" />%0A</svg>%0A%0A%0A')}.i-shield-x{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-shield-x" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M13.252 20.601c-.408 .155 -.826 .288 -1.252 .399a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3a12 12 0 0 0 8.5 3a12 12 0 0 1 -.19 7.357" />%0A  <path d="M22 22l-5 -5" />%0A  <path d="M17 22l5 -5" />%0A</svg>%0A%0A%0A')}.i-alert-triangle{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-alert-triangle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M12 9v4" />%0A  <path d="M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0z" />%0A  <path d="M12 16h.01" />%0A</svg>%0A%0A%0A')}body{font-size:15px}label{position:relative}.selected{text-decoration:underline;text-underline-offset:10px;text-decoration-color:#00f;text-decoration-thickness:2px}.content{display:none!important}.test{padding:2px}header{background-color:#f5f4f4}footer{background-color:#f5f4f4}.filter-link{margin-left:.3em;cursor:pointer}.link{cursor:pointer}.filter-item{margin-left:1em}.ml-half{margin-left:.5em}.m0{margin:0}.m1{margin:1em}.p-half{padding:.5em}.filter-label{font-weight:500}.centered{width:100%;position:absolute;top:50%;left:50%;margin:auto;transform:translate(-50%,-50%)}.form-label-text{margin:0;padding:0;display:block;font-weight:600}.inline-icon{font-weight:500;font-size:1rem;alignment-baseline:bottom}.form-row{padding-bottom:.75em;padding-left:10px;padding-right:10px}h2{padding-top:.5rem;padding-left:10px;padding-bottom:0}fieldset{margin-top:.25rem}table{border-spacing:0;color:#494949}th{background-color:#fff;border:1px lightgray solid;color:#494949;padding:.25em;margin:0;text-align:center}td{border:1px lightgray solid;padding:.25em;margin:0;text-align:center}.chart{display:flex;flex-wrap:nowrap;height:2em;min-height:2em;width:100%;align-items:flex-end;margin:0;padding:0}.help-text{color:#a9a9a9;margin-top:0;padding-top:0;padding-left:10px;margin-bottom:0;padding-bottom:0}.red{background-color:red}.bg-blue{background-color:#00f}.bg-white{background-color:#fff}.fred{color:red}.fblue{color:#00f}.green{background-color:#006400}.gray{background-color:gray}.white{background-color:#fff}.fgreen{color:#006400}.orange{background-color:orange}.forange{color:orange}.h1{height:10%;min-height:10%}.h5{height:50%}.h10{height:100%}.bar{flex:1}.bg-orange{background-color:orange}.bg-green{background-color:green}.bg-red{background-color:red}.icon-arrows-sort{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M3 9l4 -4l4 4m-4 -4v14" />%0A  <path d="M21 15l-4 4l-4 -4m4 4v-14" />%0A</svg>%0A%0A%0A')}.icon-sort-descending{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sort-descending" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M4 6l9 0" />%0A  <path d="M4 12l7 0" />%0A  <path d="M4 18l7 0" />%0A  <path d="M15 15l3 3l3 -3" />%0A  <path d="M18 6l0 12" />%0A</svg>%0A%0A%0A')}.icon-sort-ascending{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-sort-ascending" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M4 6l7 0" />%0A  <path d="M4 12l7 0" />%0A  <path d="M4 18l9 0" />%0A  <path d="M15 9l3 -3l3 3" />%0A  <path d="M18 6l0 12" />%0A</svg>%0A%0A%0A')}.upt-i-status{mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-playstation-circle" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">%0A  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>%0A  <path d="M12 21a9 9 0 0 0 9 -9a9 9 0 0 0 -9 -9a9 9 0 0 0 -9 9a9 9 0 0 0 9 9z" />%0A  <path d="M12 12m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0" />%0A</svg>%0A%0A%0A')}.label.error{background:#fff5f5;color:#c0392b;border-left:4px solid #e74c3c;padding:.5em 1em;margin:1em 0 .5em;border-radius:4px;font-size:.95em;display:inline-block;width:auto}.form-label{font-weight:600;color:#666}.form-actions-right{text-align:right}.bg-muted-icon{color:#7a869a}body{margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}.main-content-wrapper{flex:1;min-width:0;box-sizing:border-box}.main-content{flex:1;min-width:0;padding:2rem;background:#f8f9fa;box-sizing:border-box}@media (max-width: 768px){body{flex-direction:column}.sidebar-modern{width:100%}.main-content{padding:1rem}}.sidebar-modern{width:280px;min-width:280px;max-width:280px;background:#fff;border-right:1px solid #e7e6e6;overflow-y:auto;display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;box-sizing:border-box}.sidebar-header{padding:1.5rem;border-bottom:1px solid #e7e6e6;background:linear-gradient(135deg,#667eea,#764ba2)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.25rem;font-weight:600}.sidebar-brand i{font-size:1.5rem;color:gold}.version-badge{background:#ffffff26;color:#fff;font-size:.5625rem;font-weight:400;padding:.0625rem .25rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);margin-left:.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);line-height:1;vertical-align:bottom;display:inline-block}.brand-logo{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1.25rem;font-weight:600}.brand-icon{width:2rem;height:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0;transition:all .2s ease}.brand-icon:hover{border-color:#fff9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.sidebar-content{padding:1rem 0;flex:1;overflow-y:auto;min-height:0}.sidebar-section{margin-bottom:2rem}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem .75rem;border-bottom:1px solid #f0f0f0;margin-bottom:.5rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.5px}.section-title i{font-size:1.125rem;color:#007bff;width:1.125rem;height:1.125rem;flex-shrink:0;display:inline-block}.section-actions{display:flex;gap:.25rem}.sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#f8f9fa;border:1px solid #e7e6e6;color:#6c757d;text-decoration:none;transition:all .2s ease}.sidebar-action-btn:hover{background:#007bff;border-color:#007bff;color:#fff;transform:translateY(-1px)}.sidebar-action-btn i{font-size:.875rem}.sidebar-menu{padding:0 .5rem}.sidebar-menu-item{position:relative;margin-bottom:.25rem}.sidebar-menu-item-content{display:flex;align-items:center;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:#2c3e50;text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative;flex:1}.sidebar-link:hover{background:#f8f9fa;color:#007bff;transform:translate(4px)}.sidebar-link:hover i{color:#007bff}.sidebar-link-active{background:#e3f2fd;color:#007bff;border-left:3px solid #007bff;font-weight:600}.sidebar-link-active i{color:#007bff}.sidebar-link-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#007bff;border-radius:0 2px 2px 0}.sidebar-link i{font-size:1rem;width:20px;height:1rem;text-align:center;color:#6c757d;flex-shrink:0;display:inline-block}.sidebar-link span{flex:1}.workspace-dash{color:#6c757d;font-weight:700;margin-right:.5rem;flex-shrink:0}.sidebar-link:hover .workspace-dash,.sidebar-link-active .workspace-dash{color:#007bff}.workspace-spacer{width:20px;flex-shrink:0}.sidebar-link-logout{color:#dc3545;border-top:1px solid #f0f0f0;margin-top:.5rem;padding-top:1rem}.sidebar-section:last-child{border-top:1px solid #f0f0f0;background:#fff;padding-bottom:1rem;flex-shrink:0}.sidebar-link-logout:hover{background:#fff5f5;color:#dc3545}.sidebar-link-logout small{font-size:.75rem;color:#6c757d;margin-left:auto;font-weight:400}.sidebar-action-btn[data-tooltip]{position:relative}.sidebar-action-btn[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1a202c;color:#fff;padding:.625rem 1rem;border-radius:8px;font-size:.8rem;font-weight:500;white-space:nowrap;z-index:10000;margin-bottom:.75rem;box-shadow:0 8px 25px #00000040;pointer-events:none;opacity:1;transition:opacity .2s ease;min-width:max-content;max-width:none;overflow:visible;line-height:1.2;display:flex;align-items:center;justify-content:center}.sidebar-action-btn[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1a202c;margin-bottom:-6px;pointer-events:none;z-index:10000}.sidebar-action-btn:hover{z-index:1001}.sidebar-section-header,.sidebar-action-btn{position:relative;z-index:1000;overflow:visible}.sidebar-modern,.sidebar-content{overflow:visible}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sidebar-action-btn[data-tooltip]:hover:after{animation:tooltipFadeIn .2s ease-out}.form-container{max-width:800px;margin:0}.form-card{background:#fff;border:1px solid #e7e6e6;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d}.form-section{margin-bottom:2rem}.form-section-title{margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;color:#2c3e50;padding-bottom:.5rem;border-bottom:1px solid #e7e6e6}.form-field{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50;font-size:.875rem}.form-input-wrapper{position:relative}.form-input-group{display:flex;gap:.75rem;align-items:flex-start}.form-input-group .form-input{flex:1}.form-input-group .btn{flex-shrink:0;white-space:nowrap}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;transition:all .2s ease;background-color:#fff;color:#2c3e50}.form-input:focus,.form-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input-disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-textarea{resize:vertical;min-height:120px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4}.form-help{margin-top:.25rem;font-size:.75rem;color:#6c757d;font-style:italic}.form-error{margin-top:.5rem;padding:.5rem .75rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:.8rem;display:flex;align-items:center;gap:.5rem}.form-error i{color:#dc3545;flex-shrink:0}.form-actions{display:flex;gap:.75rem;align-items:center;padding-top:1.5rem;border-top:1px solid #e7e6e6}.form-help-card{background:#f8f9fa;border:1px solid #e7e6e6;border-radius:8px;padding:1.5rem}.help-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.help-header h4{margin:0;font-size:1rem;font-weight:600;color:#2c3e50}.help-header i{color:#007bff}.form-help-card p{margin:0;color:#6c757d;font-size:.875rem;line-height:1.5}.help-link{color:#007bff;text-decoration:none;font-weight:500}.help-link:hover{text-decoration:underline}@media (max-width: 768px){.form-card{padding:1.5rem;margin:0 1rem 1.5rem}.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%;justify-content:center}.form-help-card{margin:0 1rem}.form-input-group{flex-direction:column;gap:.5rem}.form-input-group .btn{width:100%;justify-content:center}}.token-textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.4;background-color:#f8f9fa;border:1px solid #e7e6e6;color:#2c3e50}.token-actions{display:flex;gap:.5rem;margin-top:.75rem}.token-actions .btn{width:100%;justify-content:center}.copy-btn{width:100%!important;height:38px!important;transition:none!important;transform:none!important;box-shadow:none!important;padding:.5rem 1rem!important;font-size:.875rem!important;line-height:1!important}.copy-btn:hover{background-color:#0056b3!important;border-color:#0056b3!important;transform:none!important;box-shadow:none!important}.copy-btn.copied{background-color:#28a745!important;border-color:#28a745!important}.copy-btn.copied .copy-text{color:transparent!important}.copy-btn.copied .copy-text:after{content:"Copied";color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.copy-btn .copy-text{position:relative}.copy-btn .copy-text:after{content:""}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#2c3e50;background-color:#f8f9fa;padding:.5rem;border-radius:4px;border:1px solid #e7e6e6}.help-content{color:#6c757d;font-size:.875rem;line-height:1.6}.help-list{margin:0;padding-left:1.25rem}.help-list li{margin-bottom:.5rem}.help-list li:last-child{margin-bottom:0}.help-list strong{color:#2c3e50;font-weight:600}.form-help-text{margin-top:.5rem;font-size:.8rem;color:#6c757d;display:flex;align-items:flex-start;gap:.5rem;line-height:1.4}.form-help-text i{color:#007bff;flex-shrink:0;margin-top:.125rem}.btn-danger{background-color:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background-color:#c82333;border-color:#bd2130;box-shadow:0 4px 8px #dc35454d}.btn-sm,.btn-sm:hover,.btn-sm:active{padding:.25rem .5rem;font-size:.75rem;border-radius:4px;transform:none;margin:0;border:1px solid transparent;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.btn-sm:focus{padding:.25rem .5rem;font-size:.75rem;border-radius:4px;transform:none;margin:0;border:1px solid transparent;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.status-badge .i-check{color:#155724}.success-container{display:flex;justify-content:center;align-items:center;min-height:400px;padding:2rem}.success-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:3rem;text-align:center;max-width:500px;width:100%}.success-icon{margin-bottom:1.5rem}.success-icon i{font-size:4rem;color:#28a745}.success-card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#2c3e50}.success-card p{margin:0 0 2rem;color:#6c757d;line-height:1.6}.success-actions .btn{min-width:140px}@media (max-width: 768px){.success-container{padding:1rem}.success-card{padding:2rem}.success-actions{flex-direction:column;align-items:center}.success-actions .btn{width:100%;max-width:200px}}.interval-input-group{display:flex;align-items:center;gap:1rem}.interval-value{width:6rem!important}.interval-unit-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#2c3e50}.radio-label input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:50%;background-color:#fff;cursor:pointer;position:relative;transition:all .2s ease;display:inline-block;vertical-align:middle;margin:0;padding:0}.radio-label input[type=radio]:checked{border-color:#007bff;background-color:#007bff}.radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;border-radius:50%;background-color:#fff}.radio-label input[type=radio]:hover{border-color:#007bff}.radio-label input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #007bff40}.radio-label input[type=radio]:not([style*="display: none"]){display:inline-block!important;visibility:visible!important;opacity:1!important}.radio-label input[type=radio]{opacity:1!important;width:1rem!important;height:1rem!important;position:relative!important;display:inline-block!important;visibility:visible!important}.radio-text{font-weight:500}.method-radio-group{display:flex;gap:1rem;flex-wrap:wrap}.form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:1rem;color:#2c3e50;cursor:pointer}.form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.form-select option{padding:.5rem}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-row{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f8f9fa;border:1px solid #e7e6e6;border-radius:8px;transition:all .2s ease}.member-row:hover{background-color:#e9ecef;border-color:#007bff}.member-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.member-name{font-weight:600;color:#2c3e50;font-size:.875rem}.member-id{font-size:.75rem;color:#6c757d;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.member-role{flex-shrink:0;padding:.25rem .75rem;background-color:#007bff;color:#fff;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;min-width:80px;text-align:center}.member-actions{flex-shrink:0}.member-actions .btn{height:32px;padding:.375rem .75rem;background-color:#ffc107;color:#212529;border-color:#ffc107;font-size:.8rem}.member-actions .btn:hover{background-color:#e0a800;border-color:#e0a800;box-shadow:0 2px 4px #ffc1074d;height:32px;padding:.375rem .75rem;font-size:.8rem}.member-actions .btn:active{box-shadow:0 1px 2px #ffc1074d;transform:none;margin:0;padding:.375rem .75rem;height:32px;border:1px solid #e0a800;border-radius:6px;font-size:.8rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.member-actions .btn:focus{outline:none;box-shadow:0 0 0 3px #ffc10740;transform:none;margin:0;padding:.375rem .75rem;height:32px;border:1px solid #e0a800;border-radius:6px;font-size:.8rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.member-actions .btn i{flex-shrink:0;width:.875rem;height:.875rem;display:inline-block}.member-actions .btn span{flex-shrink:0;white-space:nowrap}@media (max-width: 768px){.member-row{flex-direction:column;align-items:flex-start;gap:.75rem}.member-info{width:100%}.member-role{align-self:flex-start}.member-actions{width:100%}.member-actions .btn{width:100%;justify-content:center}}.inline-form-row{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem}.inline-form-input{flex:1;height:38px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;background-color:#fff;color:#2c3e50;transition:all .2s ease;box-sizing:border-box;margin:0;line-height:1}.inline-form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.inline-form-button{height:38px;background-color:#28a745;color:#fff;border-color:#28a745}.inline-form-button:hover{background-color:#1e7e34;border-color:#1e7e34;box-shadow:0 2px 4px #28a7454d;height:38px}.inline-form-button:active{box-shadow:0 1px 2px #28a7454d;transform:none;margin:0;padding:.5rem 1rem;height:38px;border:1px solid #1e7e34;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.inline-form-button:focus{outline:none;box-shadow:0 0 0 3px #28a74540;transform:none;margin:0;padding:.5rem 1rem;height:38px;border:1px solid #1e7e34;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1;min-width:fit-content;width:auto;text-align:center;box-sizing:border-box}.inline-form-button i{flex-shrink:0;width:1rem;height:1rem;display:inline-block}.inline-form-button span{flex-shrink:0;white-space:nowrap}.inline-form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50;font-size:.875rem}@media (max-width: 768px){.inline-form-row{flex-direction:column;align-items:stretch;gap:.5rem}.inline-form-input{width:100%}.inline-form-button{width:100%;justify-content:center}}.form-input-group{display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem}.form-input-group .form-input{flex:1;height:38px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;background-color:#fff;color:#2c3e50;transition:all .2s ease;box-sizing:border-box;margin:0;line-height:1}.form-input-group .form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-input-group .form-select{height:38px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:1rem;color:#2c3e50;cursor:pointer;box-sizing:border-box;margin:0;line-height:1}.form-input-group .form-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.form-input-group .btn,.form-input-group .btn:hover{height:38px}.form-input-group .btn i{flex-shrink:0;width:1rem;height:1rem;display:inline-block}.form-input-group .btn span{flex-shrink:0;white-space:nowrap}@media (max-width: 768px){.form-input-group{flex-direction:column;align-items:stretch;gap:.5rem}.form-input-group .form-input,.form-input-group .form-select,.form-input-group .btn{width:100%}.form-input-group .btn{justify-content:center}}.login-required-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 2rem);padding:2rem}.login-required-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:3rem;text-align:center;max-width:500px;width:100%}.login-required-icon{margin-bottom:1.5rem}.login-required-icon i{font-size:4rem;color:#6c757d}.login-required-title{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#2c3e50}.login-required-message{margin:0 0 2rem;color:#6c757d;line-height:1.6;font-size:1rem}.login-required-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.login-required-actions .btn{min-width:140px}@media (max-width: 768px){.login-required-container{padding:1rem}.login-required-card{padding:2rem}.login-required-actions{flex-direction:column;align-items:center}.login-required-actions .btn{width:100%;max-width:200px}}.global-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}body.htmx-request .global-loader,.htmx-request .global-loader,.global-loader.htmx-request{opacity:1;visibility:visible;pointer-events:auto}.global-loader-spinner{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #3498db;animation:spin 1s linear infinite;background:#fff;border-radius:50%;box-shadow:0 4px 12px #0000004d}.global-loader{z-index:99999!important}.notification.error .notification-message{color:#721c24;font-weight:500}.notification.error .notification-title{color:#721c24}.notification.warning .notification-message{color:#856404;font-weight:500}.notification.warning .notification-title{color:#856404}.notification.info .notification-message{color:#0c5460;font-weight:500}.notification.info .notification-title{color:#0c5460}.notification.success .notification-message{color:#155724;font-weight:500}.notification.success .notification-title{color:#155724}.balance-display{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.balance-amount{display:flex;flex-direction:column;gap:.25rem}.balance-label{font-size:.875rem;color:#6c757d;font-weight:500}.balance-value{font-size:1.5rem;font-weight:600;color:#2c3e50}.balance-actions{display:flex;gap:.75rem}.usage-table,.balance-history-table{background:#fff;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;font-size:.875rem}.table-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #f1f3f4;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f8f9fa}.table-cell{font-size:.875rem;color:#2c3e50}.balance-change{font-weight:600;font-size:.875rem}.balance-change.positive{color:#28a745}.balance-change.negative{color:#dc3545}@media (max-width: 768px){.balance-display{flex-direction:column;gap:1rem;align-items:stretch}.balance-actions{justify-content:center}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-cell{padding:.25rem 0}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1rem 0}.page-title h1{font-size:1.75rem;font-weight:600;color:#2c3e50;margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.page-title h1 i{color:#007bff;font-size:1.5rem}.page-subtitle{font-size:1rem;color:#6c757d;margin:0;font-weight:400}.product-selection{margin-bottom:3rem}.pack-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:2rem;text-align:center}.pack-info p{margin:0;color:#495057;font-size:.95rem;line-height:1.5}.product-selection{max-width:1200px;margin:0 auto;padding:2rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.product-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;cursor:pointer;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.product-card:hover{border-color:#007bff;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.product-header{margin-bottom:1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.product-price{font-size:3rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.product-credits{font-size:1.25rem;font-weight:600;color:#495057;margin-bottom:.5rem}.product-per-pack{font-size:.875rem;color:#6c757d;font-weight:500}.select-product{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;background:#007bff;color:#fff;cursor:pointer;transition:box-shadow .2s ease;transform:none;margin:0;line-height:1;min-width:fit-content;text-align:center;box-sizing:border-box}.select-product:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:none;margin:0;line-height:1;min-width:fit-content;text-align:center;box-sizing:border-box}.payment-section{max-width:600px;margin:0 auto}.payment-container{background:#fff;border-radius:12px;border:1px solid #e9ecef;padding:2rem;box-shadow:0 4px 15px #0000001a}.selected-product-summary{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e9ecef}.selected-product-summary h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.selected-product-details{background:#f8f9fa;border-radius:8px;padding:1.5rem}.selected-product-info{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:center}.selected-product-name{font-size:1.25rem;font-weight:600;color:#2c3e50;grid-column:1 / -1}.selected-product-price{font-size:2rem;font-weight:700;color:#28a745}.selected-product-credits{font-size:1rem;color:#6c757d}.payment-methods{margin-bottom:2rem}.payment-methods h3{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.payment-method-info{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#6c757d;font-size:.875rem}.paypal-container{margin-bottom:1rem}.payment-actions{display:flex;gap:1rem;justify-content:flex-start}.loading-state{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-content{text-align:center;max-width:400px}.loading-spinner{width:60px;height:60px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.loading-content h3{font-size:1.5rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.loading-content p{color:#6c757d;margin:0}.success-state{display:flex;align-items:center;justify-content:center;min-height:400px}.success-content{text-align:center;max-width:500px}.success-icon{width:80px;height:80px;background:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;font-size:2rem}.success-content h3{font-size:1.75rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.success-content p{color:#6c757d;margin:0 0 2rem;line-height:1.6}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-state{display:flex;align-items:center;justify-content:center;min-height:400px}.error-content{text-align:center;max-width:500px}.error-icon{width:80px;height:80px;background:#dc3545;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:#fff;font-size:2rem}.error-content h3{font-size:1.75rem;font-weight:600;color:#2c3e50;margin:0 0 1rem}.error-content p{color:#6c757d;margin:0 0 2rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.product-grid{grid-template-columns:1fr;gap:1.5rem}.product-card{padding:1.5rem}.product-price{font-size:2.5rem}.payment-container{padding:1.5rem}.selected-product-info{grid-template-columns:1fr;gap:.75rem}.success-actions,.error-actions{flex-direction:column;align-items:center}.success-actions .btn,.error-actions .btn{width:100%;max-width:250px}}@media (max-width: 480px){.product-selection,.product-card,.payment-container{padding:1rem}}.select-product:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:none;margin:0;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;line-height:1;min-width:fit-content;text-align:center;box-sizing:border-box}.updates-container{max-width:1200px;margin:0 auto}.updates-content{padding:2rem;background:#f8f9fa}.updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.update-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.update-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.update-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.update-header h3{font-size:1.25rem;font-weight:600;color:#2c3e50;margin:0;line-height:1.3}.update-date{font-size:.875rem;color:#6c757d;font-weight:500;white-space:nowrap;flex-shrink:0}.update-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tag{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tag.sdk{background:#e3f2fd;color:#1976d2}.tag.cloud{background:#f3e5f5;color:#7b1fa2}.tag.feat{background:#e8f5e8;color:#388e3c}.tag.fix{background:#fff3e0;color:#f57c00}.tag.security{background:#ffebee;color:#d32f2f}.tag.saas{background:#e0f2f1;color:#00796b}.tag.api{background:#fce4ec;color:#c2185b}.tag.ui{background:#f1f8e9;color:#689f38}.tag.self-hosted{background:#e8eaf6;color:#3f51b5}.tag.refactor{background:#fff8e1;color:#fbc02d}.tag.docs{background:#e0f7fa;color:#0097a7}.update-content ul{margin:0;padding:0;list-style:none}.update-content li{color:#495057;position:relative;padding:.5rem 0 .5rem 1.5rem;line-height:1.5}.update-content li:before{content:"\2022";position:absolute;left:0;color:#007bff;font-weight:600}.update-content h4{font-size:1rem;font-weight:600;color:#2c3e50;margin:1.5rem 0 .75rem;padding-bottom:.25rem;border-bottom:1px solid #e9ecef}.update-content h4:first-child{margin-top:0}@media (max-width: 768px){.updates-grid{grid-template-columns:1fr}.update-header{flex-direction:column;align-items:flex-start;gap:.5rem}.update-date{align-self:flex-end}}@media (max-width: 480px){.updates-content{padding:2rem 1rem}.update-card{padding:1.5rem}}.landing-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 1rem;text-align:center}.hero-container{max-width:1200px;margin:0 auto}.landing-hero h1{font-size:2rem;font-weight:600;margin:0 0 .5rem;text-shadow:0 1px 2px rgba(0,0,0,.2)}.landing-hero .hero-subtitle{font-size:1rem;margin:0 0 .75rem;opacity:.9;font-weight:400;max-width:600px;margin:0 auto .75rem}.landing-hero .hero-description{font-size:.9rem;opacity:.8;font-weight:400;max-width:700px;margin:0 auto;line-height:1.5}.resources-page{min-height:100vh;background:#f8f9fa}.resources-section{padding:2rem 0}.resources-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;max-width:600px;margin:0 auto}.resources-card h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;text-align:center}.resources-list{display:flex;flex-direction:column;gap:1.5rem}.resource-item{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.resource-item:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.resource-emoji{font-size:1.5rem;flex-shrink:0}.resource-info{flex:1}.resource-info strong{display:block;color:#2c3e50;margin-bottom:.25rem}.resource-links{display:flex;gap:1rem}.resource-links a{color:#667eea;text-decoration:none;font-size:.875rem;transition:color .2s ease}.resource-links a:hover{color:#764ba2;text-decoration:underline}@media (max-width: 768px){.landing-hero{padding:1.5rem 1rem}.landing-hero h1{font-size:1.75rem}.landing-hero .hero-subtitle{font-size:.875rem}.landing-hero .hero-description{font-size:.8rem}}@media (max-width: 480px){.landing-hero{padding:1rem .75rem}.landing-hero h1{font-size:1.5rem}.landing-hero .hero-subtitle{font-size:.8rem}.landing-hero .hero-description{font-size:.75rem}}@media (max-width: 768px){.resources-card{margin:0 1rem;padding:1.5rem}.resource-item{padding:.75rem}.resource-links{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.resources-section{padding:1rem 0}.resources-card{margin:0 .5rem;padding:1rem}.resource-item{flex-direction:column;align-items:flex-start;gap:.75rem}.resource-emoji{align-self:center}}.check-page{min-height:100vh;background:#f8f9fa}.check-section{padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.check-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.check-form-column,.check-results-column{display:flex;flex-direction:column}.check-form-card,.check-results-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;height:fit-content}.check-form-card h2,.check-results-card h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.form-description,.results-description{color:#6c757d;font-size:.875rem;margin-bottom:1.5rem}.check-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#2c3e50;font-size:.875rem}.form-group input{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#007bff}.check-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease}.check-button:hover{background:#0056b3}.button-icon{font-size:1.125rem}.loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:#6c757d;background:#f8f9fa;border-radius:8px;margin-top:1rem}.spinner{width:20px;height:20px;border:2px solid #e9ecef;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results{margin-top:1rem}.alert{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;margin-bottom:.5rem;border:1px solid transparent}.alert-error{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.alert-success{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.alert-warning{background-color:#fffbeb;border-color:#fed7aa;color:#ea580c}.alert-info{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.result-item{display:flex;align-items:flex-start;padding:1rem;margin-bottom:.75rem;border-radius:8px;border-left:4px solid;background:#f8f9fa;transition:all .2s ease}.result-item.success{background:#d4edda;border-left-color:#28a745}.result-item.failure,.result-item.error{background:#f8d7da;border-left-color:#dc3545}.result-item.timeout,.result-item.incomplete_during_error,.result-item.queued{background:#fff3cd;border-left-color:#ffc107}.result-icon{margin-right:.75rem;font-size:1.25rem;margin-top:.125rem}.result-content{flex:1}.result-title{font-weight:600;margin-bottom:.25rem;color:#2c3e50}.result-url{font-size:.875rem;color:#6c757d;margin-bottom:.25rem;word-break:break-all;font-family:monospace}.result-details{font-size:.875rem;color:#6c757d}.empty-state{text-align:center;padding:2rem 1rem;color:#6c757d}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:#2c3e50;margin-bottom:.5rem}.empty-state p{font-size:.875rem;line-height:1.5}#formErrors{margin-top:1rem}#formErrors .alert{padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;margin-bottom:.5rem}#formErrors .alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}@media (max-width: 768px){.check-layout{grid-template-columns:1fr;gap:1rem}.check-form-card,.check-results-card{padding:1.5rem}.check-form-card h2,.check-results-card h2{font-size:1.25rem}.empty-icon{font-size:2.5rem}}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.header p{font-size:1.1rem;color:#6c757d;margin-bottom:0}.content{max-width:800px;margin:0 auto}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a;margin-bottom:2rem}.card h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1rem}.connection-status{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.status{padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.875rem}.status.connected{background-color:#d4edda;color:#155724}.status.connecting{background-color:#fff3cd;color:#856404}.status.disconnected,.status.error{background-color:#f8d7da;color:#721c24}.messages{max-height:400px;overflow-y:auto;border:1px solid #e9ecef;border-radius:8px;padding:1rem;background-color:#f8f9fa;margin-bottom:1rem}.message{margin-bottom:1rem;padding:.75rem;border-radius:6px;border-left:4px solid #ddd}.message.info{background-color:#d1ecf1;border-left-color:#17a2b8}.message.message{background-color:#d4edda;border-left-color:#28a745}.message.error{background-color:#f8d7da;border-left-color:#dc3545}.message .time{font-weight:600;color:#495057;margin-right:.75rem;font-size:.875rem}.message .text{color:#2c3e50}.message pre{background-color:#0000001a;padding:.75rem;border-radius:4px;margin:.75rem 0 0;font-size:.875rem;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.message-controls{display:flex;justify-content:space-between;align-items:center}.message-count{color:#6c757d;font-size:.875rem}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid transparent}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}pre{background-color:#f8f9fa;padding:1rem;border-radius:6px;overflow-x:auto;font-family:Monaco,Menlo,Ubuntu Mono,monospace;border:1px solid #e9ecef}code{background-color:#f8f9fa;padding:.2rem .4rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#e83e8c}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;gap:.5rem}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-outline{background-color:transparent;color:#6c757d;border:1px solid #6c757d}.btn-outline:hover{background-color:#6c757d;color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;color:#2c3e50;margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:#007bff}@media (max-width: 768px){.check-layout{grid-template-columns:1fr;gap:1rem}.header h1{font-size:2rem}.card{padding:1.5rem}.connection-status{flex-direction:column;align-items:stretch}.message-controls{flex-direction:column;gap:1rem;align-items:stretch}}