:root{--ana:#0f766e;--koyu:#134e4a;--acik:#f0fdfa;--zemin:#f5f7f7;--yazi:#18302e;--cizgi:#d9e4e3;--kirmizi:#b42318;--turuncu:#b54708;--mavi:#175cd3;--golge:0 8px 24px rgba(15,70,65,.08)}
*{box-sizing:border-box}html{font-family:Arial,"Segoe UI",sans-serif;color:var(--yazi);background:var(--zemin)}body{margin:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--cizgi);display:flex;align-items:center;padding:0 max(18px,calc((100% - 1280px)/2));position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--koyu);min-width:260px}.brand img{width:48px;height:48px;object-fit:contain}.brand span{display:grid}.brand b{font-size:16px}.brand small{font-size:12px;color:#657}.topbar nav{display:flex;margin-left:auto;gap:3px}.topbar nav a{color:#365a57;text-decoration:none;padding:11px 9px;border-radius:8px;font-size:13px;font-weight:600}.topbar nav a:hover{background:var(--acik);color:var(--ana)}.menu-btn{display:none;margin-left:auto;border:0;background:var(--acik);color:var(--ana);font-size:24px;border-radius:8px;padding:6px 11px}.container{max-width:1280px;margin:0 auto;padding:24px 18px 50px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.page-head h1{font-size:25px;margin:0 0 5px}.page-head p{margin:0;color:#617471;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;padding:10px 14px;background:var(--ana);color:#fff;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{background:var(--koyu)}.btn.light{background:#fff;color:var(--ana);border:1px solid var(--cizgi)}.btn.danger{background:#fff;color:var(--kirmizi);border:1px solid #f1c4c0}.btn.small{padding:7px 10px;font-size:12px}.card{background:#fff;border:1px solid var(--cizgi);border-radius:12px;box-shadow:var(--golge);padding:18px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}.col-2{grid-column:span 2}.field{display:grid;gap:6px}.field label{font-weight:700;font-size:13px;color:#375653}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd9d7;border-radius:8px;padding:10px 11px;font:inherit;background:#fff;color:#18302e}.field textarea{min-height:82px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #99e2d8;border-color:var(--ana)}.actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--cizgi);border-radius:10px}.table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.table th,.table td{padding:11px 10px;border-bottom:1px solid #e8eeee;text-align:left;font-size:13px;white-space:nowrap}.table th{background:#edf7f5;color:#294f4b;font-size:12px;text-transform:uppercase;letter-spacing:.02em;position:sticky;top:0}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fbfefd}.alert{border-radius:9px;padding:12px 14px;margin:0 0 16px;background:#ecfdf3;color:#067647;border:1px solid #abefc6}.alert.error{background:#fef3f2;color:#b42318;border-color:#fecdca}.alert.warning{background:#fffaeb;color:#b54708;border-color:#fedf89}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:16px;box-shadow:var(--golge)}.stat small{display:block;color:#687b78;margin-bottom:7px}.stat strong{font-size:23px;color:var(--koyu)}.schedule-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.schedule-head input{border:1px solid var(--cizgi);padding:9px;border-radius:8px}.schedule{display:grid;gap:10px}.field-title{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--koyu);padding-top:6px}.dot{width:11px;height:11px;border-radius:50%}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.slot{display:block;text-decoration:none;color:var(--yazi);background:#fff;border:1px solid var(--cizgi);border-left:5px solid var(--ana);border-radius:9px;padding:10px;min-height:72px}.slot b,.slot small{display:block}.slot small{margin-top:5px;color:#637572}.slot.empty{border-left-color:#a9b9b7;color:#55706d}.slot.booked{background:#eff8ff;border-color:#b2ddff;border-left-color:var(--mavi)}.slot.done{background:#ecfdf3;border-color:#abefc6;border-left-color:#079455}.slot.cancel{background:#f2f4f7;border-color:#d0d5dd;border-left-color:#98a2b3;text-decoration:line-through}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4f3;color:#315f5b;font-size:11px;font-weight:700}.badge.danger{background:#fef3f2;color:#b42318}.badge.ok{background:#ecfdf3;color:#067647}.summary{display:flex;gap:20px;flex-wrap:wrap;border-top:1px dashed var(--cizgi);padding-top:14px;margin-top:14px}.summary div{min-width:140px}.summary small{display:block;color:#687b78}.summary strong{font-size:19px}.empty-state{text-align:center;padding:35px;color:#71817f}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#e7f7f4,#f8fbfb)}.login-card{width:min(410px,100%);background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:28px;box-shadow:0 20px 55px rgba(15,70,65,.14)}.login-logo{display:grid;place-items:center;text-align:center;margin-bottom:22px}.login-logo img{width:86px;height:86px;object-fit:contain}.login-logo h1{font-size:21px;margin:8px 0 4px}.login-logo p{margin:0;color:#687b78;font-size:14px}.login-card .field{margin-bottom:13px}.login-card .btn{width:100%;margin-top:6px;padding:12px}.login-foot{text-align:center;color:#788885;font-size:12px;margin-top:18px}footer{text-align:center;color:#71817f;font-size:12px;padding:18px}
@media(max-width:980px){.topbar{height:64px;padding:0 14px}.brand{min-width:0}.brand img{width:42px;height:42px}.menu-btn{display:block}.topbar nav{display:none;position:absolute;top:64px;left:10px;right:10px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge);border-radius:12px;padding:8px;max-height:calc(100vh - 80px);overflow:auto}.menu-open .topbar nav{display:grid;grid-template-columns:1fr 1fr}.topbar nav a{padding:12px}.container{padding:18px 12px 44px}.page-head{align-items:flex-start}.stats{grid-template-columns:1fr 1fr}.col-8,.col-6,.col-4,.col-3,.col-2{grid-column:span 6}.slot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.brand b{font-size:14px}.brand small{font-size:11px}.page-head{display:grid}.page-head h1{font-size:21px}.page-head .btn{width:100%}.stats{grid-template-columns:1fr 1fr;gap:8px}.stat{padding:12px}.stat strong{font-size:18px}.col-8,.col-6,.col-4,.col-3,.col-2{grid-column:span 12}.actions>.btn{flex:1}.card{padding:13px;border-radius:10px}.table{min-width:680px}.table th,.table td{padding:9px 8px}.slot{min-height:68px;padding:9px}.slot-grid{gap:6px}}
@media print{.topbar,.page-head .btn,.actions,footer{display:none!important}.container{max-width:none;padding:0}.card{box-shadow:none;border:0;padding:0}.table-wrap{overflow:visible}.table{min-width:0}.table th{position:static}body{background:#fff}}
.login-card .login-public{margin-top:10px}.public-page{min-height:100vh;background:linear-gradient(180deg,#e9f8f5 0,#f5f7f7 280px)}.public-top{height:72px;background:#fff;border-bottom:1px solid var(--cizgi);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1120px)/2));position:sticky;top:0;z-index:20}.public-main{max-width:1120px}.public-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.public-title h1{font-size:28px;margin:0 0 6px;color:var(--koyu)}.public-title p{margin:0;color:#617471}.public-date{min-width:150px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px 16px;text-align:center;box-shadow:var(--golge)}.public-date strong,.public-date span{display:block}.public-date strong{font-size:18px;color:var(--koyu)}.public-date span{font-size:13px;color:#687b78;margin-top:3px}.public-filter{justify-content:center}.public-legend{display:flex;align-items:center;justify-content:center;gap:18px;padding:12px 16px}.public-legend>span{display:flex;align-items:center;gap:6px;font-weight:700;font-size:13px}.public-legend small{color:#687b78}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot.free{background:#12b76a}.legend-dot.busy{background:#98a2b3}.public-field+.public-field{border-top:1px solid var(--cizgi);margin-top:10px;padding-top:10px}.slot.public-free{background:#ecfdf3;border-color:#abefc6;border-left-color:#079455}.slot.public-free small{color:#067647;font-weight:700}.slot.public-busy{background:#f2f4f7;border-color:#d0d5dd;border-left-color:#98a2b3;color:#667085}.slot.public-busy small{color:#667085;font-weight:700}.is-disabled{opacity:.45;pointer-events:none}
@media(max-width:980px){.public-top{height:64px;padding:0 14px}}
@media(max-width:600px){.public-top .brand span{max-width:190px}.public-top .btn{padding:7px 9px;font-size:11px}.public-title{display:grid;grid-template-columns:1fr auto}.public-title h1{font-size:22px}.public-title p{font-size:13px}.public-date{min-width:112px;padding:10px}.public-date strong{font-size:15px}.public-filter{display:grid;grid-template-columns:1fr 1fr}.public-filter form{grid-column:span 2;display:grid;grid-template-columns:1fr auto}.public-filter input{width:100%}.public-legend{justify-content:flex-start;flex-wrap:wrap;gap:10px 16px}.public-legend small{width:100%}}