:root{--af-green:#187c5a;--af-green-dark:#0f6044;--af-mint:#edf8f3;--af-ink:#183b34;--af-muted:#678078;--af-border:#dcebe5;--af-gold:#d6aa52}
#afnan-paid-student-root,#afnan-paid-teacher-root{max-width:1180px;margin:22px auto;font-family:inherit;color:var(--af-ink)}
.afpj-card{background:#fff;border:1px solid var(--af-border);border-radius:22px;padding:26px;margin-bottom:18px;box-shadow:0 12px 34px rgba(15,96,68,.07)}
.afpj-card h2,.afpj-card h3{margin:4px 0 8px;color:var(--af-ink)}.afpj-card p{margin:0 0 18px;color:var(--af-muted);line-height:1.8}.afpj-eyebrow{color:var(--af-green);font-size:13px;font-weight:800}.afpj-progress{display:flex;gap:10px;margin:18px 0}.afpj-progress span{background:#f2f5f4;color:#82918c;border-radius:999px;padding:8px 13px;font-size:13px}.afpj-progress span.is-on{background:var(--af-mint);color:var(--af-green);font-weight:800}
.afpj-teachers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.afpj-teacher{display:flex;gap:12px;text-align:right;align-items:center;background:#fff;border:1px solid var(--af-border);border-radius:16px;padding:14px;cursor:pointer;color:inherit}.afpj-teacher:hover,.afpj-teacher.is-selected{border-color:var(--af-green);background:var(--af-mint);transform:translateY(-1px)}.afpj-teacher:disabled{opacity:.55;cursor:not-allowed}.afpj-teacher img,.afpj-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;flex:0 0 50px}.afpj-avatar{display:grid;place-items:center;background:var(--af-green);color:#fff;font-size:22px}.afpj-teacher strong,.afpj-teacher small,.afpj-teacher em{display:block}.afpj-teacher small{color:var(--af-muted);margin-top:3px}.afpj-teacher em{color:var(--af-green);font-size:11px;font-style:normal;margin-top:5px}
.afpj-slots{margin-top:22px;border-top:1px solid var(--af-border);padding-top:20px}.afpj-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 18px}.afpj-slot input{position:absolute;opacity:0}.afpj-slot span{display:block;border:1px solid var(--af-border);border-radius:14px;padding:13px;cursor:pointer}.afpj-slot small{display:block;color:var(--af-muted);margin-top:5px}.afpj-slot.is-selected span{border-color:var(--af-green);background:var(--af-mint)}
.afpj-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--af-green)!important;color:#fff!important;border:0!important;border-radius:12px;padding:12px 20px;font-weight:800;cursor:pointer;text-decoration:none!important}.afpj-primary:hover{background:var(--af-green-dark)!important}.afpj-primary:disabled{opacity:.6}.afpj-small{padding:8px 12px;font-size:12px}.afpj-empty,.afpj-soft{background:#f7faf9;border-radius:14px;padding:16px;color:var(--af-muted)}.afpj-message{margin-top:12px;padding:0}.afpj-message.is-error,.afpj-error{color:#a83b3b;background:#fff3f2;padding:13px;border-radius:12px}.afpj-message.is-ok{color:var(--af-green)}
.afpj-success{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#fff,var(--af-mint))}.afpj-check{width:50px;height:50px;border-radius:50%;background:var(--af-green);color:#fff;display:grid;place-items:center;font-size:26px;flex:0 0 50px}.afpj-success p{margin:0}.afpj-session{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--af-border);padding:13px 4px}.afpj-session:last-child{border:0}.afpj-session b,.afpj-session small{display:block}.afpj-session small,.afpj-session em{color:var(--af-muted);font-style:normal}.afpj-slot-form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;margin:18px 0}.afpj-slot-form label{font-size:13px;font-weight:700}.afpj-slot-form input,.afpj-slot-form select{display:block;width:100%;margin-top:6px;border:1px solid var(--af-border);border-radius:10px;padding:10px;background:#fff}.afpj-delete{border:0;background:#fff1ef;color:#a83b3b;padding:7px 12px;border-radius:9px;cursor:pointer}
.afpj-trial-context{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:14px 16px;border:1px solid #d9eee6;border-radius:14px;background:#f5fbf8}.afpj-trial-context b{width:100%;color:var(--af-green)}.afpj-trial-context span{padding:6px 10px;border-radius:999px;background:#fff;color:var(--af-muted);font-size:13px}.afpj-teacher.is-locked{cursor:default}.afpj-teacher.is-locked:hover{transform:none}
@media(max-width:700px){#afnan-paid-student-root,#afnan-paid-teacher-root{margin:14px 10px}.afpj-card{padding:18px;border-radius:17px}.afpj-slot-form{grid-template-columns:1fr 1fr}.afpj-slot-form .afpj-primary{grid-column:1/-1}.afpj-progress{overflow:auto}.afpj-success{align-items:flex-start}}


.afpj-duration-picker{margin:18px 0;padding:16px;border:1px solid #dce9e4;border-radius:16px;background:#f8fbfa}.afpj-duration-picker h3{margin:0 0 4px;color:#164a3e}.afpj-duration-picker>p{margin:0 0 12px;color:#64776f;font-size:13px}.afpj-duration-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.afpj-duration-picker button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border:1px solid #d5e5df;border-radius:12px;background:#fff;color:#244e43;cursor:pointer;text-align:right}.afpj-duration-picker button b{font-size:15px}.afpj-duration-picker button small{color:#8a6619;font-weight:800}.afpj-duration-picker button.is-selected{border-color:#087164;background:#e6f5ef;color:#075f54;box-shadow:0 0 0 2px rgba(8,113,100,.1)}.afpj-duration-picker button.is-selected small{color:#075f54}@media(max-width:560px){.afpj-duration-picker>div{grid-template-columns:1fr}}

.afpj-package-picker{scroll-margin-top:24px;background:linear-gradient(135deg,#fff,#f7fcfa)}
.afpj-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.afpj-package-option{display:flex;flex-direction:column;min-height:255px;padding:20px;border:1px solid var(--af-border);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,96,68,.05)}
.afpj-package-option h3{min-height:52px;margin:0 0 10px;font-size:18px;line-height:1.5}
.afpj-package-price{margin:0 0 14px;color:var(--af-green);font-size:24px;font-weight:900}
.afpj-package-option ul{flex:1;margin:0 0 18px;padding:0;list-style:none;color:var(--af-muted);line-height:1.9}
.afpj-package-option li:before{content:'✓';margin-left:7px;color:var(--af-green);font-weight:900}
.afpj-package-option .afpj-primary{width:100%}
@media(max-width:980px){.afpj-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.afpj-package-grid{grid-template-columns:1fr}.afpj-package-option{min-height:0}.afpj-package-option h3{min-height:0}}