/* Login page - center vertically */
.fi-simple-layout {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100vh !important;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 50%, #f8fafc 100%) !important;
}
.fi-simple-layout > .fi-simple-main {
    width: 100%;
    max-width: 28rem;
    margin: 0 auto;
    padding: 2rem;
}
/* Card */
.fi-simple-layout .fi-simple-main .fi-card {
    border-radius: 1rem !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03) !important;
    background: white !important;
}
/* Brand */
.fi-simple-layout .fi-brand {
    margin-bottom: 2rem !important;
}
/* Inputs */
.fi-simple-layout input:not([type="checkbox"]) {
    border-radius: 0.75rem !important;
    padding: 0.625rem 0.875rem !important;
    border-color: #e2e8f0 !important;
    background: #f8fafc !important;
    transition: all 0.15s !important;
}
.fi-simple-layout input:not([type="checkbox"]):focus {
    border-color: #059669 !important;
    box-shadow: 0 0 0 3px rgba(5,150,105,0.1) !important;
    background: white !important;
}
/* Submit button */
.fi-simple-layout button[type="submit"] {
    border-radius: 0.75rem !important;
    padding: 0.75rem !important;
    font-weight: 600 !important;
    background: linear-gradient(135deg, #059669, #047857) !important;
    transition: all 0.2s !important;
    border: none !important;
}
.fi-simple-layout button[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(5,150,105,0.3);
}
/* Links */
.fi-simple-layout a {
    color: #059669 !important;
    text-decoration: none !important;
}
.fi-simple-layout a:hover {
    color: #047857 !important;
}
/* Checkbox */
.fi-simple-layout input[type="checkbox"] {
    accent-color: #059669 !important;
}
/* Labels */
.fi-simple-layout label {
    font-weight: 500 !important;
    color: #334155 !important;
}
/* Error messages */
.fi-simple-layout .fi-input-error {
    color: #f43f5e !important;
    font-size: 0.75rem !important;
}
/* Sidebar active item */
.fi-sidebar-item-active {
    background: rgba(5,150,105,0.08) !important;
}