/* HERO */
.hero {
    text-align:center;
    padding:120px 20px;
    position:relative;
}

.hero h1 {
    font-size:42px;
    font-weight:800;
}

/* FLOATING */
.shape {
    position:absolute;
    border-radius:50%;
    opacity:0.15;
    animation: float 6s infinite ease-in-out;
}

.s1 { width:100px; height:100px; background:#0d6efd; top:20%; left:10%; }
.s2 { width:70px; height:70px; background:#00c3ff; right:10%; top:60%; }
.s3 { width:50px; height:50px; background:#fff; bottom:10%; left:50%; }

@keyframes float {
    50% { transform: translateY(-20px); }
}

/* STATS */
.stats {
    display:flex;
    justify-content:center;
    gap:30px;
    margin:40px 0;
}

.stat-box {
    background:white;
    padding:20px;
    border-radius:12px;
}

/* TABLE */
.table-box {
    background:white;
    margin:40px;
    padding:20px;
    border-radius:12px;
}

table {
    width:100%;
}

td, th {
    padding:10px;
    border-bottom:1px solid #eee;
}

/* BADGE */
.badge {
    padding:5px 10px;
    border-radius:8px;
    font-size:12px;
}

.submitted { background:#ffc107; }
.tender { background:#17a2b8; color:white; }
.awarded { background:#28a745; color:white; }
.completed { background:#6f42c1; color:white; }

/* HEADER TABLE */
.table-header {
    display:flex;
    justify-content:flex-end;
    margin-bottom:15px;
}

/* SEARCH */
.table-search {
    padding:10px 14px;
    border-radius:10px;
    border:1px solid #ddd;
    width:250px;
    transition:0.2s;
}

.table-search:focus {
    outline:none;
    border-color:#0d6efd;
    box-shadow:0 0 0 3px rgba(13,110,253,0.15);
}
.table-toolbar {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:15px;
}

.table-select {
    padding:10px;
    border-radius:10px;
    border:1px solid #ddd;
}

.pagination {
    margin-top:15px;
    display:flex;
    gap:5px;
}

.page-btn {
    padding:6px 10px;
    border:1px solid #ddd;
    border-radius:6px;
    cursor:pointer;
}

.page-btn.active {
    background:#0d6efd;
    color:white;
}