/* LicentieSleutels.nl — Admin Login — Dark SaaS theme */

html, body { height: 100%; }
body {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 1.55;
    color: #e2e4ef;
    background: #07080d;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
body, label, input, textarea, select, button, div {
    box-sizing: border-box;
    font-size: 15px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
a {
    transition-duration: .2s;
    -webkit-transition-duration: .2s;
    text-decoration: none !important;
}

/* ---- Layout ---- */
.front-container {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    min-width: 240px;
    height: 100%;
    display: table;
    width: 100%;
    background:
        radial-gradient(ellipse 60% 50% at 30% 20%, rgba(99,102,241,.12) 0%, transparent 70%),
        radial-gradient(ellipse 50% 40% at 80% 80%, rgba(168,85,247,.08) 0%, transparent 70%);
}
.front-content {
    max-width: 1024px;
    margin: 0px auto;
    padding: 20px 0;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.front-box {
    margin: 0 auto;
    padding: 32px 36px;
    border: 1px solid rgba(255,255,255,.08);
    max-width: 420px;
    background: #11131c;
    border-radius: 14px;
    box-shadow: 0 8px 40px rgba(0,0,0,.45), 0 0 0 1px rgba(124,92,255,.08);
    text-align: left;
}

/* ---- Brand header above box ---- */
.front-brand {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: -.025em;
    margin-bottom: 28px;
    text-align: center;
}
.front-brand span { color: #7c5cff; }

/* ---- Headings ---- */
h1 {
    font-weight: 600;
    font-size: 1.35em;
    line-height: 1.2;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    color: #fff;
}

/* ---- Form rows ---- */
.row {
    display: table;
    width: 100%;
    margin: 0 0 14px 0;
}
.right { text-align: right; }
.cell {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    min-width: 120px;
}
label.cell {
    font-weight: 500;
    width: 120px;
    color: rgba(226,228,239,.7);
    padding-top: 14px;
    font-size: 14px;
}
input {
    width: 100%;
    background: #07080d;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: 12px 14px;
    color: #e2e4ef;
    outline: none;
    transition: border-color .2s, box-shadow .2s;
}
input:focus {
    border-color: rgba(124,92,255,.5);
    box-shadow: 0 0 0 3px rgba(124,92,255,.12);
}
input::placeholder { color: rgba(226,228,239,.3); }

.cell span {
    color: rgba(226,228,239,.35);
    font-size: 12px;
    line-height: 1.3;
    display: block;
    font-style: italic;
    margin-top: 4px;
}

/* ---- Button ---- */
.button,
.button:visited {
    color: #fff;
    display: inline-block;
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    line-height: 1;
    padding: 13px 24px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: box-shadow .2s, background .2s;
}
.button:hover,
.button:active {
    background: linear-gradient(135deg, #4f52d0 0%, #9333e8 100%) !important;
    box-shadow: 0 0 0 1px rgba(124,92,255,.4), 0 8px 24px rgba(124,92,255,.25);
}
.button .fas, .button .far, .button .fab {
    margin-right: 0.4em;
    width: 1em;
    text-align: center;
}

/* ---- Textarea ---- */
.row textarea {
    width: 100%;
    line-height: 1.55;
    background: #07080d;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    padding: 10px 14px;
    color: #e2e4ef;
    height: 180px;
    outline: none;
    transition: border-color .2s;
}
.row textarea:focus { border-color: rgba(124,92,255,.5); }

/* ---- Messages ---- */
#message {
    background: rgba(220,38,38,.15);
    border: 1px solid rgba(220,38,38,.3);
    color: #fca5a5;
    padding: 10px 16px;
    border-radius: 6px;
    margin-bottom: 16px;
    display: none;
    font-size: 14px;
}

/* ---- Switch link ---- */
.switch-form,
.switch-form:visited {
    float: left;
    line-height: 2.4;
    color: rgba(226,228,239,.4);
    font-size: 13px;
}
.switch-form:hover,
.switch-form:active {
    color: #a78bfa !important;
}