@import "../vendor/bootstrap/dist/css/bootstrap.min-z0zQt-h.css";
@import "../vendor/bootstrap-icons/font/bootstrap-icons.min-5BD67CJ.css";
@import "../vendor/tabulator-tables/dist/css/tabulator.min-2-hzx8h.css";

:root {
    --cps-green: #007b6d;
    --cps-green-dark: #005a50;
    --cps-green-light: #e6f2f1;
    --cps-accent: #00a896;
    --cps-dark: #1e293b;
    --cps-light: #fafafa;
    --font-family: 'Century Gothic', Arial, sans-serif;
}
body {
    font-family: var(--font-family);
    background-color: var(--cps-light) !important;
    color: var(--cps-dark);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.navbar-cps {
    background-color: var(--cps-green);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.navbar-cps .navbar-brand {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.navbar-cps .nav-link {
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
    transition: all 0.2s ease;
}
.navbar-cps .nav-link:hover, .navbar-cps .nav-link.active {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 6px;
}
.sidebar-card {
    background: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.btn-cps {
    background-color: var(--cps-green);
    color: #ffffff;
    font-weight: 600;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    transition: all 0.3s ease;
}
.btn-cps:hover {
    background-color: var(--cps-green-dark);
    color: #ffffff;
    transform: translateY(-1px);
}
.btn-outline-cps {
    color: var(--cps-green);
    border: 2px solid var(--cps-green);
    font-weight: 600;
    padding: 8px 18px;
    border-radius: 8px;
    background-color: transparent;
    transition: all 0.3s ease;
}
.btn-outline-cps:hover {
    background-color: var(--cps-green);
    color: #ffffff;
}
.card-cps {
    border: none;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    background: #ffffff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-cps:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);
}
.text-cps-green {
    color: var(--cps-green);
}
.footer {
    margin-top: auto;
    background-color: var(--cps-dark);
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.9rem;
}