.admin-layout {
    display: flex;
    min-height: 100vh;
    background: #f5f8f7
}

.admin-sidebar {
    width: 250px;
    background: #053f35;
    color: white;
    padding: 30px 20px
}

.admin-sidebar h2 {
    font-size: 22px
}

.admin-sidebar a {
    display: block;
    padding: 12px;
    border-radius: 8px;
    margin: 8px 0
}

.admin-sidebar a:hover {
    background: #ffffff20
}

.admin-main {
    padding: 45px;
    flex: 1
}

.admin-placeholder {
    border: 1px dashed #b9cec6;
    border-radius: 12px;
    padding: 35px;
    background: white;
    margin-top: 30px
}

@media (max-width: 700px) {
    .admin-layout {
        display: block
    }

    .admin-sidebar {
        width: 100%
    }

    .admin-main {
        padding: 20px
    }
}

.admin-panel,.user-card,.login-card{background:#fff;border:1px solid #dce8e3;border-radius:16px;padding:24px;margin:22px 0;box-shadow:0 6px 24px #073f3010}.admin-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.admin-form label,.login-card label{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;font-weight:600}.admin-form input,.admin-form select,.login-card input{padding:12px;border:1px solid #cbd9d4;border-radius:9px;min-width:0}.admin-form .check{flex-direction:row;align-items:center}.admin-panel button,.login-card button,.admin-sidebar button{background:#086b58;color:white;border:0;border-radius:9px;padding:12px 18px;cursor:pointer;margin:8px 0}.admin-panel button.danger{background:#a82929}.user-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.user-card{margin:0}.user-card header{display:flex;justify-content:space-between;gap:8px}.role{font-size:12px;color:#086b58}.error{color:#b42318}.success{color:#067647}.login-page{min-height:100vh;display:grid;place-items:center;background:#f3f8f6}.login-card{width:min(440px,92vw);display:grid;gap:18px}.login-card a{color:#086b58}
