
:root{--hep-navy:#12254a;--hep-orange:#ff7a1a;--hep-bg:#f5f7fb;--hep-line:#e2e8f0;--hep-text:#1b2943;--hep-muted:#667085;--hep-green:#198754;--hep-purple:#7048e8}
.hepft-public,.hepft-app{font-family:Inter,Arial,sans-serif;color:var(--hep-text);background:var(--hep-bg);min-height:100vh}
.hepft-container{width:min(1180px,calc(100% - 32px));margin:auto}.hepft-header{background:#fff;border-bottom:1px solid var(--hep-line);position:sticky;top:0;z-index:20}.hepft-nav{min-height:72px;display:flex;align-items:center;gap:26px}.hepft-brand{font-weight:900;color:var(--hep-navy);text-decoration:none;font-size:21px;letter-spacing:-.5px}.hepft-brand small{display:block;font-weight:600;font-size:10px;letter-spacing:.8px;color:#7a8496}.hepft-links{display:flex;gap:20px;align-items:center;margin-left:auto}.hepft-links a{color:#43506a;text-decoration:none;font-weight:700;font-size:14px}.hepft-links .active{color:var(--hep-orange)}.hepft-login{background:var(--hep-navy);color:#fff!important;padding:10px 16px;border-radius:12px}
.hepft-hero{padding:54px 0 28px;background:linear-gradient(180deg,#fff,#f7f9fc)}.hepft-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:#fff1e6;color:#d95b00;font-weight:900;font-size:12px;letter-spacing:.7px}.hepft-hero h1{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:14px 0;color:var(--hep-navy);letter-spacing:-1.5px}.hepft-hero p{max-width:760px;color:var(--hep-muted);font-size:17px;line-height:1.65}
.hepft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px 0 50px}.hepft-card{background:#fff;border:1px solid var(--hep-line);border-radius:20px;padding:20px;box-shadow:0 10px 30px rgba(18,37,74,.05)}.hepft-card h2,.hepft-card h3{color:var(--hep-navy);margin:7px 0}.hepft-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.hepft-pill{background:#f0f4fa;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.hepft-capacity{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;margin:14px 0}.hepft-capacity strong{font-size:24px;color:var(--hep-navy)}.hepft-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.hepft-btn{display:inline-flex;justify-content:center;align-items:center;padding:11px 14px;border-radius:12px;border:1px solid #d8e0ec;color:var(--hep-navy);text-decoration:none;font-weight:800;background:#fff;cursor:pointer}.hepft-btn.primary{background:var(--hep-orange);border-color:var(--hep-orange);color:#fff}.hepft-btn.navy{background:var(--hep-navy);border-color:var(--hep-navy);color:#fff}.hepft-btn.green{background:var(--hep-green);border-color:var(--hep-green);color:#fff}.hepft-btn.danger{color:#b42318;border-color:#f6c7c4}.hepft-btn.disabled{pointer-events:none;opacity:.5}.hepft-empty{background:#fff;border:1px dashed #cdd6e5;border-radius:18px;padding:28px;text-align:center;color:var(--hep-muted)}
.hepft-detail{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:30px 0 55px}.hepft-tablevisual{background:#fff;border:1px solid var(--hep-line);border-radius:24px;padding:24px}.hepft-tabletop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hepft-teacher-avatar{width:86px;height:86px;border-radius:26px;background:linear-gradient(135deg,var(--hep-navy),#304f87);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;margin:auto;animation:hepftFloat 3.2s ease-in-out infinite}@keyframes hepftFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.hepft-teacher-label{text-align:center;margin:8px 0 18px}.hepft-oval{position:relative;margin:30px auto;width:min(520px,88%);height:235px;background:linear-gradient(160deg,#213f6a,#152b50);border:12px solid #d8a46b;border-radius:50%;box-shadow:inset 0 0 0 4px rgba(255,255,255,.12),0 15px 35px rgba(18,37,74,.18)}.hepft-seat{position:absolute;width:64px;height:64px;border-radius:50%;background:#fff;border:4px solid #e7edf5;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--hep-navy);box-shadow:0 5px 18px rgba(18,37,74,.18);transform:translate(-50%,-50%)}.hepft-seat.filled{background:#fff4e8;border-color:#ffc58f;color:#b94c00}.hepft-seat.empty{color:#a8b2c2}.hepft-seat.s1{left:50%;top:50%}.hepft-seat.s2{left:10%;top:50%}.hepft-seat.s3{left:90%;top:50%}.hepft-seat.s4{left:28%;top:5%}.hepft-seat.s5{left:72%;top:5%}.hepft-seat.s6{left:28%;top:95%}.hepft-seat.s7{left:72%;top:95%}.hepft-seat.s8{left:4%;top:15%}.hepft-seat.s9{left:96%;top:15%}.hepft-seat.s10{left:50%;top:95%}.hepft-private-note{background:#f2f6ff;border-radius:12px;padding:11px 13px;color:#49617f;font-size:13px;margin-top:12px}
.hepft-form{background:#fff;border:1px solid var(--hep-line);border-radius:20px;padding:22px}.hepft-form label{display:block;font-weight:800;margin:12px 0 6px}.hepft-form input,.hepft-form select,.hepft-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #ccd5e3;border-radius:11px;background:#fff}.hepft-form textarea{min-height:105px;resize:vertical}.hepft-error{background:#fff0ef;border:1px solid #fac5c0;color:#a52a22;padding:12px;border-radius:12px;margin-bottom:12px}.hepft-success{background:#edfdf3;border:1px solid #b7ebc6;color:#146c39;padding:12px;border-radius:12px;margin-bottom:12px}.hepft-check{display:flex!important;gap:9px;align-items:flex-start;font-weight:600!important}.hepft-check input{width:auto;margin-top:3px}
.hepft-profile{background:#fff;border:1px solid var(--hep-line);border-radius:20px;padding:22px;margin-top:18px}.hepft-profile-head{display:flex;gap:15px;align-items:center}.hepft-profile-badge{width:58px;height:58px;border-radius:18px;background:var(--hep-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}.hepft-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.hepft-video{display:block;background:#f7f9fc;border:1px solid #e4eaf2;border-radius:14px;padding:12px;text-decoration:none;color:var(--hep-navy);font-weight:800}.hepft-video small{display:block;color:var(--hep-muted);font-weight:600;margin-top:4px}
.hepft-dashboard{padding:30px 0 60px}.hepft-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.hepft-titlebar h1{margin:0;color:var(--hep-navy)}.hepft-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.hepft-stat{background:#fff;border:1px solid var(--hep-line);border-radius:16px;padding:16px}.hepft-stat strong{display:block;font-size:27px;color:var(--hep-navy)}.hepft-list{display:grid;gap:12px}.hepft-row{background:#fff;border:1px solid var(--hep-line);border-radius:16px;padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between}.hepft-rowmain{min-width:0}.hepft-rowmain strong{display:block;color:var(--hep-navy)}.hepft-rowmain small{display:block;color:var(--hep-muted);margin-top:4px}.hepft-status{font-size:12px;font-weight:900;border-radius:999px;padding:7px 10px;background:#eef3fa}.hepft-status.approved,.hepft-status.attended{background:#e9f8ee;color:#16733c}.hepft-status.new{background:#fff3e7;color:#c75500}.hepft-status.rejected,.hepft-status.noshow{background:#fff0ef;color:#a52a22}.hepft-status.paid_candidate{background:#f3edff;color:#6336c9}.hepft-phone{font-weight:800;color:#185abc;text-decoration:none}.hepft-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.hepft-subnav a{padding:9px 12px;background:#fff;border:1px solid var(--hep-line);border-radius:10px;text-decoration:none;color:var(--hep-navy);font-weight:800}
.hepft-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){.hepft-grid{grid-template-columns:1fr 1fr}.hepft-detail{grid-template-columns:1fr}.hepft-links a:not(.hepft-login){display:none}.hepft-stats{grid-template-columns:1fr 1fr}.hepft-video-grid{grid-template-columns:1fr}.hepft-oval{height:210px}.hepft-row{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.hepft-grid{grid-template-columns:1fr}.hepft-container{width:min(100% - 20px,1180px)}.hepft-hero{padding-top:34px}.hepft-stats{grid-template-columns:1fr 1fr}.hepft-oval{width:82%;height:180px}.hepft-seat{width:52px;height:52px;font-size:12px}.hepft-actions{width:100%}.hepft-btn{flex:1}}

.hepft-oval.cap5 .s1{left:50%;top:4%}.hepft-oval.cap5 .s2{left:91%;top:38%}.hepft-oval.cap5 .s3{left:75%;top:96%}.hepft-oval.cap5 .s4{left:25%;top:96%}.hepft-oval.cap5 .s5{left:9%;top:38%}
.hepft-oval.cap10 .s1{left:50%;top:3%}.hepft-oval.cap10 .s2{left:78%;top:8%}.hepft-oval.cap10 .s3{left:96%;top:33%}.hepft-oval.cap10 .s4{left:96%;top:70%}.hepft-oval.cap10 .s5{left:76%;top:96%}.hepft-oval.cap10 .s6{left:50%;top:98%}.hepft-oval.cap10 .s7{left:24%;top:96%}.hepft-oval.cap10 .s8{left:4%;top:70%}.hepft-oval.cap10 .s9{left:4%;top:33%}.hepft-oval.cap10 .s10{left:22%;top:8%}

/* V1.0.1 - 10 kişilik ücretsiz tanıtım masaları */
.hepft-fixed-capacity{display:flex;flex-direction:column;gap:4px;padding:14px 15px;border:1px solid #d5deeb;border-radius:12px;background:#f7f9fc;color:var(--hep-navy)}
.hepft-fixed-capacity span{font-size:12px;color:var(--hep-muted);font-weight:600}
.hepft-info,.hepft-preview-note{padding:13px 15px;border-radius:13px;margin:0 0 16px;background:#eef5ff;border:1px solid #cfe0fb;color:#35567f;line-height:1.5}
.hepft-status.open{background:#e9f8ee;color:#16733c}.hepft-status.closed{background:#fff3e7;color:#b65300}.hepft-status.completed{background:#edf2ff;color:#284aa8}.hepft-status.cancelled{background:#fff0ef;color:#a52a22}


/* V1.0.5 - öğretmen avatarları */
.hepft-avatar-wrap{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;width:100%;height:100%}
.hepft-avatar-wrap .userpicture{display:block;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.hepft-avatar-wrap .userpicture img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hepft-avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--hep-navy),#304f87);color:#fff;font-weight:900}
.hepft-teacher-avatar{width:102px;height:102px;border-radius:28px;background:linear-gradient(135deg,var(--hep-navy),#304f87);display:flex;align-items:center;justify-content:center;margin:auto;overflow:hidden;animation:hepftFloat 3.2s ease-in-out infinite;box-shadow:0 14px 30px rgba(18,37,74,.18)}
.hepft-profile-avatar{background:transparent;padding:0;overflow:hidden;border-radius:18px}
.hepft-card-teacher{display:flex;align-items:center;gap:12px;margin:10px 0 6px}
.hepft-card-avatar{width:56px;height:56px;border-radius:16px;overflow:hidden;flex:0 0 56px;background:#eef3fa;display:flex;align-items:center;justify-content:center}
.hepft-card-teacher strong{display:block;color:var(--hep-navy)}
.hepft-card-teacher small{display:block;color:var(--hep-muted);margin-top:2px}
