.calendar-app{background-color:#f8fafb;min-height:100vh;font-family:DM Sans,sans-serif}.calendar-container{max-width:960px;margin:0 auto;padding:24px 32px 0}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.brand-diamond{background-color:#0f172a;border-radius:2px;width:8px;height:8px;transform:rotate(45deg)}.brand-name{color:#0f172a;text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600}.page-title{color:#0f172a;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:28px;font-weight:700}.summary-bar{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.stat-card{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;min-width:80px;padding:10px 16px;display:flex}.stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.stat-value{font-size:20px;font-weight:700}.month-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.month-title{color:#0f172a;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:20px;font-weight:600}.nav-btn{cursor:pointer;color:#64748b;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.nav-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.generate-btn{color:#fff;cursor:pointer;background-color:#0d9488;border:1px solid #0d9488;border-radius:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.generate-btn:hover{background-color:#0f766e}.generate-btn:disabled{opacity:.5;cursor:not-allowed}.legend{flex-wrap:wrap;gap:20px;margin-bottom:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:10px;height:10px}.legend-label{color:#64748b;letter-spacing:.02em;font-size:12px}.calendar-grid-area{max-width:960px;margin:0 auto;padding:12px 32px 40px}.day-headers{grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:6px;display:grid}.day-header{text-align:center;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;padding:8px 0;font-size:11px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.day-tile{aspect-ratio:1;cursor:default;opacity:.5;background-color:#fafbfd;border:1px solid #f1f5f9;border-radius:10px;outline:none;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:80px;padding:8px 6px 6px;transition:all .15s;display:flex}.day-tile.research{cursor:pointer;opacity:1}.day-tile.research:hover{transform:scale(1.01);box-shadow:0 2px 8px #0000000f}.day-tile.selected{transform:scale(1.02)}.day-tile.holiday{background-color:#fef3c7}.day-tile.status-available{background-color:#0d948815;border-color:#0d948840}.day-tile.status-hold{background-color:#d9770615;border-color:#d9770640}.day-tile.status-booked{background-color:#2563eb15;border-color:#2563eb40}.day-tile.status-active{background-color:#7c3aed15;border-color:#7c3aed40}.day-tile.status-blocked{opacity:.6;background-color:#f1f5f9;border-color:#e2e8f0}.day-number{color:#94a3b8;font-size:14px;font-weight:500}.day-tile.research .day-number{color:#1e293b}.day-number.today{font-weight:700}.today-dot{background-color:#f43f5e;border-radius:50%;width:6px;height:6px}.day-status-label{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:600}.day-client-name{text-align:center;font-size:8px;line-height:1.2}.slot-progress-bar{background-color:#e2e8f0;border-radius:2px;width:80%;height:3px;margin-top:2px;overflow:hidden}.slot-progress-fill{background-color:#7c3aed;border-radius:2px;height:100%;transition:width .3s}.panel-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000026;position:fixed;inset:0}.detail-panel{z-index:100;background-color:#fff;flex-direction:column;width:420px;animation:.2s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 30px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.panel-header{border-bottom:1px solid #f1f5f9;padding:24px 24px 20px}.panel-status-label{text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:12px;font-weight:600}.panel-date{color:#0f172a;margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:22px;font-weight:700}.panel-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.close-btn{cursor:pointer;color:#64748b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.close-btn:hover{background-color:#f1f5f9}.panel-body{flex-direction:column;flex:1;gap:16px;padding:20px 24px;display:flex}.info-box{border-radius:10px;padding:16px}.info-box.available{background-color:#f0fdfa;border:1px solid #99f6e4}.info-box.blocked{background-color:#f1f5f9;border:1px solid #e2e8f0}.info-box p{margin:0;font-size:13px;line-height:1.6}.btn-primary{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:10px;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-primary:hover{background-color:#1e293b}.btn-secondary{color:#0f172a;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-secondary:hover{background-color:#f8fafc}.btn-danger{color:#dc2626;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-danger:hover{background-color:#fee2e2}.btn-unblock{color:#0d9488;cursor:pointer;background-color:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;width:100%;padding:14px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-unblock:hover{background-color:#ccfbf1}.slot-row{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.slot-number{color:#1e293b;font-size:14px;font-weight:600}.slot-time{color:#64748b;font-size:12px}.slot-price{color:#64748b;font-size:13px;font-weight:600}.feedback{z-index:200;border-radius:10px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;animation:.3s fadeUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.feedback.success{color:#fff;background-color:#0d9488}.feedback.error{color:#fff;background-color:#dc2626}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loading-overlay{color:#64748b;justify-content:center;align-items:center;padding:60px;font-size:14px;display:flex}