:root{--font-family: "Poppins", sans-serif;--dark-bg: #0a081e;--dark-bg-gradient: linear-gradient(135deg, #201f35, #252250, #0a081e);--dark-text: #e0e0e0;--dark-text-muted: #a0a0b0;--dark-accent: #ff47a1;--dark-card-bg: rgba(255, 255, 255, .05);--dark-card-border: rgba(255, 255, 255, .2);--dark-shadow: rgba(0, 0, 0, .2);--dark-input-bg: rgba(255, 255, 255, .08);--light-bg-gradient: linear-gradient(145deg, #e9e4ff 0%, #f9f7ff 100%);--light-text: #3d3d56;--light-text-muted: #7a7a93;--light-accent: #f72585;--light-accent-gradient: linear-gradient(45deg, #f72585, #b5179e);--light-card-bg: rgba(255, 255, 255, .6);--light-card-border: rgba(230, 230, 255, .9);--light-shadow: rgba(136, 108, 214, .1);--light-input-bg: rgba(255, 255, 255, .9);--status-green: #28a745;--status-yellow: #ffc107;--status-red: #dc3545;--status-red-light: #e57373;--status-red-dark: #c62828;--border-radius: 16px;--transition-speed: .3s}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;background-attachment:fixed}body.dark{background:var(--dark-bg-gradient);color:var(--dark-text)}body.light{background:var(--light-bg-gradient);color:var(--light-text)}#root{display:flex;flex-direction:column;min-height:100vh}body.dark:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px,70px 70px;background-position:0 0,35px 35px;animation:moveParticles 20s linear infinite}@keyframes moveParticles{0%{background-position:0 0,35px 35px}to{background-position:500px 500px,535px 535px}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex-grow:1;padding:1rem;max-width:1300px;width:100%;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:2rem}.glass-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius);padding:1.5rem;transition:all var(--transition-speed) ease}body.dark .glass-card{background:var(--dark-card-bg);border:1px solid var(--dark-card-border);box-shadow:0 8px 32px 0 var(--dark-shadow)}body.light .glass-card{background:var(--light-card-bg);border:1px solid var(--light-card-border);box-shadow:0 10px 25px 0 var(--light-shadow)}.app-header{padding:1rem 2rem;flex-shrink:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}body.dark .app-header{background:#0f0c2980;border-bottom:1px solid var(--dark-card-border)}body.light .app-header{background:#ffffff4d;border-bottom:1px solid var(--light-card-border)}.app-header .container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.header-left-controls{display:flex;justify-content:flex-start}.header-right-controls{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.logo-link{text-decoration:none;color:inherit;justify-self:center}.logo-container{display:flex;align-items:center;gap:1rem}.logo{height:40px}.app-title{font-size:1.25rem;font-weight:600}body.dark .app-title{background:linear-gradient(90deg,#ffafbd,#ffc3a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}body.light .app-title{color:var(--light-text);font-weight:700}.help-btn,.theme-toggle-btn{background:transparent!important;border:none!important;padding:.5rem!important;box-shadow:none!important}body.dark .btn.help-btn,body.dark .btn.theme-toggle-btn{color:var(--dark-text-muted)}body.dark .btn.help-btn:hover,body.dark .btn.theme-toggle-btn:hover{color:var(--dark-accent)}body.light .btn.help-btn,body.light .btn.theme-toggle-btn{color:var(--light-text-muted)}body.light .btn.help-btn:hover,body.light .btn.theme-toggle-btn:hover{color:var(--light-accent)}.config-panel{display:flex;flex-direction:column;gap:1.5rem;height:fit-content;position:sticky;top:1rem}.config-title{font-size:1.5rem;font-weight:600;margin:0;text-align:center}body.light .config-title{color:var(--light-text)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem;opacity:.8}body.light .form-group label{color:var(--light-text-muted)}.form-row{display:flex;gap:1rem;align-items:flex-end}.form-row .form-group{flex:1;min-width:0}.input,.select{width:100%;padding:.75rem;border-radius:8px;border:1px solid transparent;font-family:var(--font-family);font-size:1rem;transition:all var(--transition-speed) ease;box-sizing:border-box}body.dark .input,body.dark .select{background:var(--dark-input-bg);color:var(--dark-text);border-color:var(--dark-card-border)}body.light .input,body.light .select{background:var(--light-input-bg);color:var(--light-text);border:1px solid #ddd;box-shadow:0 1px 3px #00000005}.input:focus,.select:focus{outline:none;border-color:var(--light-accent);box-shadow:0 0 0 3px #f7258533}body.dark .input:focus,body.dark .select:focus{box-shadow:0 0 0 3px #ff47a14d}body.dark select option{background:var(--dark-bg);color:var(--dark-text)}body.light select option{background:#fff;color:var(--light-text)}.time-inputs{display:flex;gap:1rem}.time-input-wrapper{position:relative;width:100%}body.light .time-input-wrapper:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px;height:12px;background-color:#e0e0e0;border-radius:50%}.salon-planner-btn{margin-top:1rem;width:100%;justify-content:center}.slider-container{display:flex;flex-direction:column;gap:.5rem}.slider-output{text-align:right;font-weight:600}body.dark .slider-output{color:var(--dark-accent)}body.light .slider-output{color:var(--light-accent)}.slider{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;cursor:pointer}body.dark .slider{background:var(--dark-input-bg)}body.dark .slider::-webkit-slider-thumb{background:var(--dark-accent)}body.dark .slider::-moz-range-thumb{background:var(--dark-accent)}body.light .slider{background:#e0e6f0}body.light .slider::-webkit-slider-thumb{background:var(--light-accent)}body.light .slider::-moz-range-thumb{background:var(--light-accent)}.toggle-switch{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}body.dark .toggle-slider{background-color:var(--dark-input-bg)}body.light .toggle-slider{background-color:#ccc}input:checked+.toggle-slider{background-color:var(--light-accent)}input:checked+.toggle-slider:before{transform:translate(26px)}.timeline-container{display:flex;flex-direction:column;gap:1.5rem}.timeline-header{text-align:center}.timeline-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.add-activity-btn{width:100%;padding:.8rem 1.2rem;border-radius:var(--border-radius);font-weight:600;transition:all var(--transition-speed) ease;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1rem}body.dark .add-activity-btn{background-color:transparent;border:2px dashed var(--dark-card-border);color:var(--dark-text-muted)}body.dark .add-activity-btn:hover{background-color:var(--dark-card-bg);border-color:var(--dark-accent);color:var(--dark-accent)}body.light .add-activity-btn{background-color:#ffffff80;border:2px dashed #d0c9e6;color:var(--light-text-muted)}body.light .add-activity-btn:hover{border-color:var(--light-accent);color:var(--light-accent);background-color:#fff}.activity-card{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:1rem;position:relative;overflow:hidden;align-items:stretch;cursor:grab;-webkit-user-select:none;user-select:none}.activity-card:active{cursor:grabbing}.activity-card button,.activity-card input,.activity-card textarea,.activity-card select,.activity-card a{cursor:auto;-webkit-user-select:auto;user-select:auto}.activity-card .delete-btn,.activity-card .duration-control-btn{cursor:pointer}.activity-card .activity-description,.activity-card .duration-input{cursor:text;-webkit-user-select:text;user-select:text}.drag-handle{display:flex;align-items:center;justify-content:center;color:var(--dark-accent);opacity:.7;padding-right:12px;align-self:stretch;margin-left:-8px;font-size:1.6rem;transition:all var(--transition-speed) ease}.activity-card:hover .drag-handle{opacity:1;transform:scale(1.1)}body.light .drag-handle{color:var(--light-accent)}.activity-time-section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-right:1.5rem;height:100%}body.dark .activity-time-section{border-right:1px solid var(--dark-card-border)}body.light .activity-time-section{border-right:1px solid var(--light-card-border)}.activity-start-time{font-size:2.2rem;font-weight:700;line-height:1.1}body.dark .activity-start-time{color:var(--dark-accent)}body.light .activity-start-time{color:var(--light-accent)}.activity-duration-info{font-size:.9rem;opacity:.8;margin-top:.25rem;display:flex;align-items:center;gap:4px}.activity-content-section{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0;min-width:0}.activity-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.activity-title-wrapper{display:flex;align-items:center;gap:.75rem;flex-grow:1}.activity-icon{font-size:1.5rem;flex-shrink:0}body.dark .activity-icon{color:var(--dark-accent)}body.light .activity-icon{color:var(--light-accent)}.activity-name{font-weight:600;margin:0;font-size:1.1rem}.activity-description{width:100%;padding:.5rem;border-radius:6px;resize:vertical;min-height:40px;font-size:.9rem;font-family:inherit;transition:all var(--transition-speed) ease;box-sizing:border-box}body.dark .activity-description{background:#0003;color:var(--dark-text);border:1px solid var(--dark-card-border)}body.light .activity-description{background:#fdfcff;color:var(--light-text);border:1px solid #e5e0f5}.activity-description:focus{outline:none;border-color:var(--light-accent)}.activity-controls{display:flex;align-items:center;gap:.5rem;margin-top:auto}.duration-control-btn{border:1px solid;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease}body.dark .duration-control-btn{background:var(--dark-input-bg);border-color:var(--dark-card-border);color:var(--dark-text-muted)}body.light .duration-control-btn{background:#f0ecf8;border-color:#e5e0f5;color:var(--light-text-muted)}.duration-control-btn:hover{background:var(--light-accent);color:#fff;border-color:var(--light-accent)}.duration-input{width:60px;text-align:center;padding:.5rem;-moz-appearance:textfield}.duration-input::-webkit-outer-spin-button,.duration-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.delete-btn{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:color var(--transition-speed) ease}body.dark .delete-btn{color:var(--dark-text-muted)}body.light .delete-btn{color:var(--light-text-muted)}.delete-btn:hover{color:var(--status-red)}.alert-system{padding:1rem 1.5rem;border-radius:var(--border-radius);text-align:left;font-weight:500;transition:all var(--transition-speed) ease;border-width:1px;border-style:solid}.alert-system h4{margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.alert-system p{margin:0;font-size:.9rem;opacity:.9}.alert-suggestion{margin-top:.5rem;font-style:italic;opacity:.8;font-size:.85rem;padding-top:.5rem;border-top:1px solid}body.dark .alert-green{background-color:#28a74533;border-color:var(--status-green);color:#90eeb6}body.dark .alert-yellow{background-color:#ffc10733;border-color:var(--status-yellow);color:#f5d471}body.dark .alert-red{background-color:#dc354533;border-color:var(--status-red);color:#f38a94}body.dark .alert-suggestion{border-color:#ffffff26}body.light .alert-green{background-color:#e8f5e9;color:#2e7d32;border-color:#a5d6a7}body.light .alert-yellow{background-color:#fff8e1;color:#ff8f00;border-color:#ffe082}body.light .alert-red{background-color:#ffebee;color:#c62828;border-color:#ef9a9a}body.light .alert-suggestion{border-color:#0000001a}.end-of-event-card{display:grid;grid-template-columns:120px 1fr;gap:1.5rem;padding:1.5rem;border-radius:var(--border-radius);border-width:2px;border-style:solid;margin-top:1rem}.end-time-display{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid;padding-right:1.5rem}.end-time-value{font-size:2.5rem;font-weight:700;line-height:1}.end-time-label{font-size:.9rem;opacity:.8;margin-top:.5rem}.event-summary{display:flex;flex-direction:column;justify-content:center;gap:.5rem}.event-summary .summary-title{font-weight:600;font-size:1.1rem;margin:0;text-align:center}.event-summary .alert-message{font-size:.9rem}.end-of-event-card.alert-green{border-color:var(--status-green)}body.dark .end-of-event-card.alert-green{background-color:#28a7451a;color:#90eeb6}body.dark .end-of-event-card.alert-green .end-time-display{border-color:#28a74566}body.light .end-of-event-card.alert-green{background-color:#e8f5e9;color:#2e7d32}body.light .end-of-event-card.alert-green .end-time-display{border-color:#c8e6c9}.end-of-event-card.alert-yellow{border-color:var(--status-yellow)}body.dark .end-of-event-card.alert-yellow{background-color:#ffc1071a;color:#f5d471}body.dark .end-of-event-card.alert-yellow .end-time-display{border-color:#ffc10766}body.light .end-of-event-card.alert-yellow{background-color:#fff8e1;color:#ff8f00}body.light .end-of-event-card.alert-yellow .end-time-display{border-color:#ffecb3}.end-of-event-card.alert-red{border-color:var(--status-red)}body.dark .end-of-event-card.alert-red{background-color:#dc35451a;color:#f38a94}body.dark .end-of-event-card.alert-red .end-time-display{border-color:#dc354566}body.light .end-of-event-card.alert-red{background-color:#ffebee;color:#c62828}body.light .end-of-event-card.alert-red .end-time-display{border-color:#ffcdd2}.app-footer{padding:2rem}.app-footer .container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.footer-title{margin:0;font-weight:500}body.dark .footer-title{color:var(--dark-text-muted)}body.light .footer-title{color:var(--light-text-muted)}.footer-links{display:flex;gap:2rem}.footer-links a{display:flex;align-items:center;gap:.5rem;text-decoration:none;transition:color var(--transition-speed)}body.dark .footer-links a{color:var(--dark-text-muted)}body.light .footer-links a{color:var(--light-text-muted)}.footer-links a:hover{color:var(--light-accent)}.footer-copyright{font-size:.8rem;opacity:.7}body.dark .footer-copyright{color:var(--dark-text-muted)}body.light .footer-copyright{color:var(--light-text-muted)}.btn{border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;font-family:var(--font-family);transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;box-sizing:border-box}.btn:hover{transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.export-btn{animation:pulse-animation 2.5s infinite}.export-btn:hover{animation:none}@keyframes pulse-animation{0%{box-shadow:0 0 #f7258580}70%{box-shadow:0 0 0 10px #f7258500}to{box-shadow:0 0 #f7258500}}body.dark .btn{background:var(--light-accent-gradient);color:#fff}body.dark .btn:hover{box-shadow:0 4px 15px #ff47a166}body.dark .btn:disabled{background:#aaa}body.dark .btn.btn-secondary{background:var(--dark-input-bg);border:1px solid var(--dark-card-border);color:var(--dark-text)}body.dark .btn.btn-secondary:hover{background:var(--dark-card-bg);border-color:var(--dark-accent);color:var(--dark-accent)}body.light .btn{background:var(--light-accent-gradient);color:#fff}body.light .export-btn{background:var(--light-accent-gradient)}body.light .btn:hover{box-shadow:0 4px 20px #b5179e4d}body.light .btn:disabled{background:#ccc}body.light .btn.btn-secondary{background:#eef;border:1px solid #e5e0f5;color:var(--light-text)}body.light .btn.btn-secondary:hover{border-color:var(--light-accent);color:var(--light-accent)}.btn-danger{background:var(--status-red);color:#fff}body.dark .btn-danger:hover{background:var(--status-red-dark);box-shadow:0 4px 15px #dc354566}body.light .btn-danger{background:var(--status-red)}body.light .btn-danger:hover{background:var(--status-red-dark);box-shadow:0 4px 15px #dc35454d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:400px}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.export-modal-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.help-modal-content{text-align:left;max-width:550px}.help-modal-content ol{padding-left:20px;margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.help-modal-content li{padding-left:10px;line-height:1.6}.help-modal-content li::marker{font-weight:700;color:var(--light-accent)}.help-modal-content .help-footer{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--dark-card-border);font-size:.9rem;opacity:.9}body.light .help-modal-content .help-footer{border-top:1px solid var(--light-card-border)}.help-modal-content .help-footer a{font-weight:600;color:var(--dark-accent);text-decoration:none}body.light .help-modal-content .help-footer a{color:var(--light-accent)}.help-modal-content .modal-buttons{justify-content:center}.spinner{width:50px;height:50px;border:5px solid;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.dark .spinner{border-color:#fff3;border-top-color:var(--dark-accent)}body.light .spinner{border-color:#0000001a;border-top-color:var(--light-accent)}.banners-section{padding:1rem;margin-top:1rem}.banners-section .container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.banner-link{display:block;text-decoration:none;border-radius:var(--border-radius);overflow:hidden;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}body.dark .banner-link{box-shadow:0 8px 16px var(--dark-shadow)}body.light .banner-link{box-shadow:0 10px 20px var(--light-shadow)}.banner-link:hover{transform:translateY(-5px) scale(1.03)}body.dark .banner-link:hover{box-shadow:0 12px 24px #0000004d}body.light .banner-link:hover{box-shadow:0 15px 30px #886cd633}.banner-image{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--dark-input-bg)}body.light .banner-image{background-color:#eef}@media (max-width: 900px){.main-content{grid-template-columns:1fr}.config-panel{position:static;top:auto}.banners-section .container{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 600px){.app-header{padding:1rem}.app-header .container{grid-template-columns:auto 1fr auto}.app-title{display:none}.main-content{padding:.5rem;gap:1rem}.glass-card{padding:1rem}.activity-card,.end-of-event-card{grid-template-columns:1fr;gap:1rem}.activity-time-section,.end-time-display{border-right:none;border-bottom:1px solid var(--dark-card-border);padding:0 0 1rem}body.light .activity-time-section,body.light .end-time-display{border-bottom-color:var(--light-card-border)}}.pdf-export-container{position:absolute;left:-9999px;top:auto;width:1100px;background:#fff;color:#000;padding:25px;font-family:var(--font-family)}.pdf-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:15px;margin-bottom:10px}.pdf-header-titles{text-align:right}.pdf-logo{height:45px}.pdf-title{font-size:24px;font-weight:600;color:#1c1c1e}.pdf-subtitle{font-size:16px;color:#555;margin-top:4px}.pdf-event-details{display:flex;justify-content:space-between;padding:10px 15px;background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;font-size:13px;border:1px solid #eee}.pdf-event-details span{color:#333}.pdf-event-details strong{color:#000}.pdf-timeline-list{display:flex;flex-direction:column;gap:2px}.pdf-timeline-item{display:grid;grid-template-columns:100px 40px 1fr;align-items:center;padding:6px 10px;border-bottom:1px solid #f0f0f0;gap:10px}.pdf-time-section{text-align:right}.pdf-time{font-weight:600;font-size:15px}.pdf-duration{font-style:italic;color:#555;font-size:11px}.pdf-icon-wrapper{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;border-radius:50%}.pdf-icon{font-size:18px;color:#302b63}.pdf-details{display:flex;flex-direction:column}.pdf-activity-name{font-size:14px;font-weight:500}.pdf-description{font-size:11px;color:#666;font-style:italic;margin-top:3px}.pdf-footer{margin-top:20px;padding-top:15px;border-top:2px solid #eee;font-size:10px;text-align:center;color:#777;white-space:pre-wrap}