body{background-color:#535bf2;min-width:320px;min-height:100vh}body,html{margin:0;padding:0;height:100%}a{text-decoration:none;color:#000;font-weight:500}a:hover{color:#747bff}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.head{display:flex;justify-content:center;align-items:center}h1{position:relative;margin-top:10rem;color:#fff}.sign-in-container{display:flex;justify-content:center;align-items:center}.Login-in-container{display:flex;justify-content:center;align-items:center}.Reset-container{display:flex;justify-content:center;align-items:center}h2{margin-top:0;display:flex;justify-content:center;align-items:center}input{display:block;padding:12px 15px;margin:1.2rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:all .3s ease}input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}input[type=submit]{background-color:#6366f1;color:#fff;font-weight:600;cursor:pointer;border:none;padding:14px;margin-top:1rem;transition:background-color .3s}input[type=submit]:hover{background-color:#4f46e5}input.invalid{border-color:#ef4444}.error-message{color:#ef4444;font-size:.85rem;margin-top:-.8rem;margin-bottom:1rem;display:block}::placeholder{color:#9ca3af;opacity:1}@media (max-width: 480px){form{margin:1rem;padding:1.5rem}}.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;width:100%;display:flex;justify-content:space-between}.header-text{color:#000;margin:0%;padding:1rem}.header-links,.signin-links{color:#000;margin:0 1rem;font-weight:500;font-size:1.2rem;margin:0}.header-links:hover,.signin-links:hover{color:#747bff;cursor:pointer}.user{display:flex;align-items:center;margin-right:1rem}img{border-radius:50%;width:50px;height:50px;margin:0}form{max-width:400px;margin:2rem;padding:1rem 2rem 2rem;background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.body{display:flex;justify-content:center;align-items:center}.custom{font-size:1.3rem;color:#333;padding:0 20px}.urlForm{width:50%}.input{width:80%}.btn{width:88%}.no-urls{text-align:center;font-size:xx-large;font-weight:800;color:#fff;margin-top:20px}.url-table-container{background-color:#fff;margin-left:20%;margin-right:20%;padding:20px;border-radius:10px;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.url-table{width:100%;border-collapse:collapse;table-layout:fixed}.url-table th{background-color:#535bf2;color:#fff;padding:12px 15px;text-align:left;font-weight:600;position:sticky;top:0}.url-table td{padding:12px 15px;border-bottom:1px solid #e0e0e0;word-break:break-all}.delete-btn{background-color:#faebd7;border-radius:8%;font:1.1em sans-serif;border-color:#f1f1f1}.clicks{text-align:center}.url-table a{color:#4a6fa5;text-decoration:none}.url-table a:hover{text-decoration:underline}.table-body-container{max-height:180px;overflow-y:auto;display:block}.url-table thead{display:table;width:100%}.table-body-container::-webkit-scrollbar{width:8px}.table-body-container::-webkit-scrollbar-track{background:#f1f1f1}.table-body-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.table-body-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.url-table-container{margin:0;font-size:14px;width:100%;max-height:30%}.url-table th,.url-table td{padding:8px 10px;font-size:14px}}.button-42{background-color:initial;background-image:linear-gradient(-180deg,#ff7e31,#e62c03);border-radius:6px;box-shadow:#0000001a 0 2px 4px;color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,system-ui,Roboto,Helvetica Neue,Arial,sans-serif;height:40px;line-height:40px;outline:0;overflow:hidden;padding:0 20px;pointer-events:auto;position:relative;text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;vertical-align:top;white-space:nowrap;width:100%;z-index:9;border:0;transition:box-shadow .2s}.button-42:hover{box-shadow:#fd4c0080 0 3px 8px}