#sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    height: 100%; /* Full height */
    background-color: #6a5acd;
    color: #ecf0f1;
    padding-top: 60px; /* Space for any top nav if needed */
    display: flex;
    flex-direction: column;
}

#sidebar .admin-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sidebar .admin-nav li {
    margin: 0.5em 0;
}

#sidebar .admin-nav li a {
    color: #ecf0f1;
    text-decoration: none;
    display: block;
    padding: 0.75em 1.5em;
    border-left: 3px solid transparent;
    transition: background-color 0.2s, border-left-color 0.2s;
}

#sidebar .admin-nav li a:hover {
    background-color: rgba(0,0,0,0.1);
    border-left-color: #cabde1;
}

/* Dropdown styling if applicable */
#sidebar .dropdown {
    position: relative;
}

#sidebar .dropdown .dropdown-toggle {
    cursor: pointer;
}

#sidebar .dropdown .dropdown-menu {
    display: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #2c3e50;
    position: relative;
    z-index: 1;
}

#sidebar .dropdown.active .dropdown-menu {
    display: block;
}

#sidebar .dropdown .dropdown-menu li a {
    padding-left: 2.5em;
    color: #ecf0f1;
}

#sidebar .dropdown .dropdown-menu li a:hover {
    background-color: rgba(0,0,0,0.2);
}

/* Bottom Section: Force it to the bottom */
#sidebar .sidebar-bottom {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: auto; /* This pushes it to the bottom */
}

#sidebar .sidebar-bottom li {
    margin: 0.5em 0;
}

#sidebar .sidebar-bottom li a {
    color: #ecf0f1;
    text-decoration: none;
    display: block;
    padding: 0.75em 1.5em;
    border-left: 3px solid transparent;
    transition: background-color 0.2s, border-left-color 0.2s;
}

#sidebar .sidebar-bottom li a:hover {
    background-color: rgba(0,0,0,0.1);
    border-left-color: #b19cd9;
}
.admin-sidebar-active main.main {
    margin-left: 250px; /* match your sidebar width */
    transition: margin-left 0.3s ease; /* optional smooth transition */
}
/*# sourceMappingURL=style.css.map */

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    grid-auto-rows: minmax(220px, auto);
    grid-template-areas:
    "summary summary quick"
    "active  archived  unread";
    gap: 20px;
    row-gap: 80px;
    margin-top: 16px;
    align-items: stretch;
}

.dash-card {
    background: #fff;
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 12px 28px rgba(0,0,0,.06);
}

.dash-card h3 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
}

.big-num {
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
    margin: 6px 0 10px;
}

.dash-card .button {
    color: #4b5bdc;
    text-decoration: none;
    font-weight: 600;
}

.card-summary { grid-area: summary; }
.card-quick   { grid-area: quick; }
.card-active  { grid-area: active; }
.card-archived{ grid-area: archived; }
.card-unread  { grid-area: unread; }


@media (max-width: 1100px) {
    .dashboard-grid {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
        grid-template-areas:
      "summary summary"
      "quick   quick"
      "active  archived"
      "unread  unread";
    }
}

@media (max-width: 640px) {
    .dashboard-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
      "summary"
      "quick"
      "active"
      "archived"
      "unread";
    }
    .big-num { font-size: 44px; }
}


.my-fixed-width{
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 16px 48px;
}


.dashboard-grid{
    grid-auto-rows: minmax(220px, auto);
    align-items: stretch;
}
.dash-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.big-num{ margin-top: 10px; }

.dashboard-title {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 70px;
    font-size: 42px;
    font-weight: 700;

    transform: translateX(-30px)
}


.admin-hamburger { display: none; }
body.admin-sidebar-active .menu-trigger { display: none !important; }


@media (max-width:747px){
    .admin-hamburger{
        display:block;
        position:fixed; left:12px; top:12px;
        z-index:1100;
        padding:8px 12px; background:#fff; border:1px solid #eee; border-radius:8px;
    }


    body.admin-sidebar-active #sidebar{
        width:260px;
        left:0;
        transform: translateX(calc(-100% - 2px));
        z-index:1000;
        transition: transform .25s ease;
    }
    body.admin-sidebar-active.nav-open #sidebar{ transform: translateX(0); }


    body.admin-sidebar-active main.main{ margin-left:0; }


    .backdrop{
        position:fixed; inset:0; background:rgba(0,0,0,.3);
        z-index:900; display:none;
    }
    body.nav-open .backdrop{ display:block; }

    html, body { overflow-x: clip; }
}