body { font-family: 'Roboto', sans-serif; text-align: center; margin-top: 30px; }
    * { margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
    input[type=text], input[type=number] { width: 350px; padding: 8px; margin-top:5px; border-radius: 5px; border-color: #0c96aa; }
    button { padding: 6px 14px; margin: 5px; cursor: pointer; }
    .msg { margin-top: 20px; font-weight: bold; }
    table { margin: 30px auto; border-collapse: collapse; width: 98%; }
    th, td { border: 1px solid #ddd; padding: 10px; text-align: center; vertical-align: top; }
    th { background: #f4f4f4; }
    th.redirect-col, td.redirect-col { width: 160px; max-width: 160px; word-wrap: break-word; white-space: normal; }
    th.desc-col, td.desc-col { width: 340px; max-width: 340px; word-wrap: break-word; white-space: normal; }
    td.social-connect { text-align: left; width: 230px; max-width: 230px; overflow-wrap: break-word; }
	td a:hover { text-decoration: underline; }
    tr:nth-child(even) { background: #fafafa; }
    form { display: inline; }
    .delete-btn { background: #e74c3c; color: white; border: none; border-radius: 4px; }
    .delete-btn:hover { background: #c0392b; }
    .edit-btn, .btns { background: #3498db; color: white; border: none; border-radius: 4px; }
    .edit-btn:hover { background: #2980b9; }
    .pagination { margin: 20px; }
    .pagination a, .pagination span { display: inline-block; margin: 0 4px; padding: 6px 12px; border: 1px solid #3498db; border-radius: 4px; text-decoration: none; color: #ffffff; background: #3498db; }
    .pagination a:hover { background: #1875b3; }
    .pagination .current { background: #3498db; color: white; border-color: #3498db; }
    .search-box { margin-top: 20px; float: right; margin-right: 3%; }
    select { padding: 4px; width: 160px; }
    a.long-url { text-decoration:none; color:#0469a7; }
    span.original-url { color:#f35f15; }
    /* footer */
    div.footer { position: relative; left: 0; bottom: 0; width: auto; background-color: #14723e; color: white; text-align: center; padding: 20px; z-index: 1000; margin-top: 40px; }
    a.lfooter { text-decoration: none; color: #fff; }
    /* small screen tweaks */
    @media (max-width: 900px) {
        input[type=text], input[type=number] { width: 90%; }
        table, thead, tbody, th, td, tr { display: block; }
        th, td { text-align: left; }
        .search-box { float: none; margin: 10px auto; text-align:center; }
    }
	img.poweredby{width:80px;height:auto;}
	    .categories { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 15px; }
    .category-card {
        background: #fff;
        padding: 15px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 2px 6px rgba(0,0,0,0.08);
        transition: transform 0.2s ease;
        text-decoration: none;
        color: inherit;
    }
    .category-card:hover { transform: translateY(-4px); background: #f9f9f9; }
    .category-left { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: bold; }
    .category-left i { font-size: 20px; }
    .count {
        background: #3498db;
        color: #fff;
        padding: 5px 12px;
        border-radius: 20px;
        font-size: 14px;
        min-width: 30px;
        text-align: center;
    }
	.category-card.disabled {
		cursor: not-allowed;
	}