body{display:block;overflow-y:auto;overflow-x:hidden;padding:clamp(1rem,2vw,2rem)}.home-btn{position:fixed;top:clamp(1rem,3vw,3rem);left:clamp(1rem,3vw,3rem);background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-muted);padding:.5rem .875rem;border-radius:8px;text-decoration:none;font-weight:400;font-size:.85rem;transition:all .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:10;opacity:.6;display:inline-flex;align-items:center;gap:.375rem}.home-btn:hover{background:var(--hover-bg);color:var(--text-main);border-color:#ffffff26;opacity:1;transform:translateY(-1px)}.theme-toggle{position:fixed;top:clamp(1rem,3vw,3rem);left:clamp(7.5rem,12vw,9.5rem)}.container{max-width:1200px;margin:0 auto;width:100%}header{margin-bottom:3rem;padding-top:1rem}h1{font-size:clamp(2rem,4vw,2.5rem);font-weight:600;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:clamp(.9rem,2vw,1rem)}.table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px var(--shadow-color)}table{width:100%;border-collapse:collapse}thead{background:var(--hover-bg)}th{padding:1rem;text-align:left;font-weight:600;font-size:clamp(.75rem,2vw,.85rem);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--card-border)}tbody tr{border-bottom:1px solid var(--card-border);transition:background .2s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--hover-bg)}td{padding:1rem;font-size:clamp(.85rem,2vw,.95rem)}.code{font-family:Courier New,monospace;font-size:clamp(1rem,3vw,1.25rem);font-weight:700;color:var(--success-color);letter-spacing:3px;cursor:pointer;transition:color .2s}.code:hover{color:var(--success-hover)}.type{color:var(--text-muted)}.expires{color:var(--text-muted);font-size:clamp(.8rem,2vw,.9rem)}.actions{width:80px;text-align:center}.delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.delete-btn:hover{background:var(--danger-bg, rgba(239, 68, 68, .1));color:var(--danger-color, #ef4444)}.delete-btn.confirm{background:var(--danger-color, #ef4444);color:#fff;font-size:.75rem;font-weight:600;padding:.5rem .75rem}.delete-btn:active{transform:scale(.95)}.empty{text-align:center;padding:clamp(3rem,10vw,6rem) 2rem;color:var(--text-muted)}.empty-message{font-size:clamp(1rem,3vw,1.1rem);margin-bottom:.5rem}.empty-hint{font-size:clamp(.85rem,2vw,.9rem);color:var(--text-muted);opacity:.7}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.pagination button{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:var(--font-family);font-size:.9rem;transition:all .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pagination button:hover:not(:disabled){background:var(--hover-bg);transform:translateY(-1px)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:clamp(.85rem,2vw,.9rem)}@media (max-width: 768px){body{padding:1rem}header{margin-bottom:2rem;padding-top:.5rem}th,td{padding:.75rem .5rem}.pagination{margin-top:1.5rem;gap:.5rem}}@media (max-width: 640px){body{padding:1rem}.container{margin-top:3.5rem}header{margin-bottom:2rem}.home-btn{font-size:.75rem;padding:.4rem .7rem}.theme-toggle{width:2rem;height:2rem;left:4.5rem}table,thead,tbody,th,td,tr{display:block}thead{display:none}.table-container{background:transparent;border:none;box-shadow:none}tbody tr{margin-bottom:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}tbody tr:hover{background:var(--hover-bg)}td{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;border-bottom:1px solid var(--card-border)}td:last-child{border-bottom:none}td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.code{font-size:1.2rem;letter-spacing:2px}.delete-btn{padding:.5rem}.delete-btn.confirm{padding:.5rem .75rem}.pagination{gap:.75rem;margin-top:1.5rem}.pagination button{flex:1;padding:.75rem}}