.mot-wrap{
--mot-bg:#ffffff;
--mot-fg:#12161c;
--mot-muted:#5b6672;
--mot-line:#9aa6b4;
--mot-input-bg:#e4e9ef;
--mot-accent:#0b6bcb;
--mot-accent-fg:#ffffff;
--mot-radius:14px;
max-width:960px;
margin:0 auto;
color:var(--mot-fg);
font-size:16px;
line-height:1.5;
}
.mot-card{
background:var(--mot-bg);
border:1px solid var(--mot-line);
border-radius:var(--mot-radius);
padding:2rem;
box-shadow:0 8px 30px rgba(16,22,28,.06);
}
.mot-card--auth{ max-width:420px; margin:2rem auto; }
.mot-title{ margin:0 0 .25rem; font-size:1.5rem; line-height:1.2; }
.mot-sub{ margin:0 0 1.25rem; color:var(--mot-muted); }
.mot-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; margin-bottom:1.5rem; }
.mot-logout{ font-size:var(--text-s, .9rem); white-space:nowrap; } .mot-form{ display:flex; flex-direction:column; gap:1rem; }
.mot-field{ display:flex; flex-direction:column; gap:.35rem; }
.mot-field > span{ font-weight:600; font-size:var(--text-s, .9rem); color:var(--mot-fg); }
.mot-field input[type=text],
.mot-field input[type=email],
.mot-field input[type=password],
.mot-field input[type=date],
.mot-field select{
width:100%;
padding:.6rem 2rem;
border:1px solid var(--mot-line);
border-radius:10px;
background:var(--mot-input-bg);
color:var(--mot-fg);
font-size:14px;
box-sizing:border-box;
}
.mot-field input:focus,
.mot-field select:focus{ outline:2px solid var(--mot-accent); outline-offset:1px; border-color:var(--mot-accent); background:#fff; }
.mot-check{ display:flex; align-items:center; gap:.5rem; font-size:var(--text-s, .9rem); color:var(--mot-muted); }
.mot-field--yesno{ margin-top:30px; }
.mot-radio{ display:flex; gap:1.25rem; align-items:center; min-height:calc(1.5em + 1.2rem + 2px); }
.mot-radio label{ display:inline-flex; align-items:center; gap:.4rem; font-weight:400; }
.mot-btn{
display:inline-block;
align-self:flex-start; background:var(--mot-accent);
color:var(--mot-accent-fg);
border:0;
border-radius:999px;
padding:1rem 2.2rem;
font-size:1.15rem;
font-weight:600;
cursor:pointer;
transition:filter .15s ease;
}
.mot-btn:hover{ filter:brightness(1.08); }
.mot-links{ margin:1rem 0 0; font-size:var(--text-s, .9rem); } .mot-person{
border:1px solid var(--mot-line);
border-radius:var(--mot-radius);
padding:1.25rem 1.5rem 1.5rem;
margin:0 0 1.25rem;
}
.mot-person--manager, .mot-person > legend{ font-weight:700; font-size:calc(var(--text-m, 1.05rem) * 1); padding:0 .5rem; }
.mot-badge{
display:inline-block;
margin-left:.5rem;
padding:.35em .95em;
border-radius:999px;
background:#12633a;
color:#fff;
font-size:.91rem;
font-weight:700;
letter-spacing:.02em;
vertical-align:middle;
white-space:nowrap;
}
.mot-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1rem 1.25rem; }
.mot-field--photo{ grid-column:1 / -1; }
.mot-photo-row{ display:flex; align-items:center; gap:1rem; }
.mot-photo-controls{ display:flex; flex-direction:column; gap:.4rem; }
.mot-thumb{ width:64px; height:64px; object-fit:cover; border-radius:10px; border:1px solid var(--mot-line); flex:none; }
.mot-hint{ font-size:1.2rem; color:var(--mot-muted); }
.mot-actions{ position:sticky; bottom:0; padding-top:.5rem; }
.mot-actions .mot-btn{ background:var(--ibiza); } .mot-notice{ padding:.85rem 1rem; border-radius:10px; margin:0 auto 1.25rem; max-width:960px; font-size:2rem; }
.mot-notice--error{ background:#fdecec; color:#a01919; border:1px solid #f5c2c2; }
.mot-notice--success{ background:#e9f7ef; color:#12633a; border:1px solid #b7e2c8; }
@media (max-width:640px){
.mot-grid{ grid-template-columns:1fr; }
.mot-card{ padding:1.25rem; }
} body.login #login h1 a{ background-size:contain; }
body.login #loginform,
body.login #lostpasswordform,
body.login #resetpassform{
border-radius:14px;
border:1px solid #e2e6eb;
box-shadow:0 8px 30px rgba(16,22,28,.08);
}
body.login .button-primary{ background:#0b6bcb!important; border-color:#0b6bcb!important; } .mot-modal{ position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:1rem; background-color:#12161c; background-size:cover; background-position:center; background-repeat:no-repeat; }
.mot-modal[hidden]{ display:none; }
.mot-modal__box{ position:relative; background:#fff; color:var(--mot-fg); border-radius:16px; width:100%; max-width:440px; padding:2rem 2rem 1.75rem; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,.35); }
.mot-modal__close{ position:absolute; top:.35rem; right:.7rem; background:none; border:0; font-size:1.9rem; line-height:1; color:var(--mot-muted); cursor:pointer; }
.mot-modal__logo{ display:block; max-width:150px; height:auto; margin:0 auto 1rem; }
.mot-modal__title{ margin:0 0 .5rem; font-size:1.3rem; }
.mot-modal__text{ margin:0 0 1.5rem; color:var(--mot-muted); }
.mot-modal__ball{ display:block; text-align:center; font-size:30px; line-height:1; margin:1.75rem auto 1.5rem; animation:mot-ball-bounce 2.2s infinite; }
@keyframes mot-ball-bounce{
0%    { transform: translateY(0);     animation-timing-function: ease-out; }
9.1%  { transform: translateY(-42px); animation-timing-function: ease-in;  }
18.2% { transform: translateY(0);     animation-timing-function: ease-out; }
27.3% { transform: translateY(-28px); animation-timing-function: ease-in;  }
36.4% { transform: translateY(0);     animation-timing-function: ease-out; }
45.5% { transform: translateY(-16px); animation-timing-function: ease-in;  }
54.5% { transform: translateY(0); }
100%  { transform: translateY(0); }
}
.mot-btn--ibiza{ background:var(--ibiza); } .mot-tabs{ display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; max-width:460px; margin:1.5rem auto var(--space-m, 1rem); }
.mot-tabs a{ padding:.7rem 1.4rem; border-radius:999px; background:#e4e9ef; color:var(--mot-fg); text-decoration:none; font-weight:700; font-size:1rem; text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; transition:filter .15s ease; }
.mot-tabs a:hover{ filter:brightness(.95); }
.mot-tabs a.is-active{ background:var(--ibiza); color:#fff; }