@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{background-color:#151e27;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#app{max-width:1200px;margin:0 auto}a{color:#007bff;text-decoration:none;transition:color .2s ease}a:hover{color:#0056b3;text-decoration:underline}textarea{margin-top:4px;width:100%;padding:8px 12px;border:1px solid #444c56;border-radius:6px;background-color:#1e2a35;color:#fff;font-size:14px}button{cursor:pointer;padding:10px 20px;border:none;border-radius:6px;background:radial-gradient(88.46% 130.83% at 0% 0%,#02ffc9,#53c9ea),radial-gradient(40.68% 152.12% at 18.34% 180%,#2b5dfecc,#2b5dfe00);color:#fff;font-weight:600;font-size:16px;transition:transform .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}button:active{transform:translateY(0)}button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}input,select{width:100%;padding:12px;border:1px solid #444c56;border-radius:6px;background-color:#1e2a35;color:#fff;font-size:16px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:none;border-color:#02ffc9;box-shadow:0 0 0 3px #02ffc933}.admin-layout{display:flex;gap:24px;margin-top:20px}nav{width:240px;display:flex;flex-direction:column;background-color:#1a2530;border-radius:12px;padding:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-shadow:0 4px 20px #0000004d}main{flex:1;background-color:#1a2530;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000004d}.form-container h2{text-align:center;margin-bottom:24px;font-size:24px;font-weight:700;color:#fff}.auth-form{display:flex;flex-direction:column;gap:20px;max-width:400px;margin:50px auto;padding:28px;background-color:#1a2530;border-radius:16px;box-shadow:0 8px 30px #0006}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;opacity:.75;font-size:14px}.form-group input{width:100%;padding:12px;border:1px solid #444c56;border-radius:8px;font-size:16px;background-color:#1e2a35;color:#fff}.form-group input:focus{border-color:#02ffc9;box-shadow:0 0 0 3px #02ffc933}.admin-profile{padding:24px}.profile-form,.payment-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.tariff-info,.payment-history,.request-payment{margin-top:24px;padding:20px;border-radius:8px;background-color:#1e2a35;border-left:4px solid #02ffc9}.tariff-info h3,.payment-history h3,.request-payment h3{margin-bottom:12px;font-size:18px;font-weight:600;color:#fff}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#1a2530;padding:24px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080;position:relative}.modal-content h3{margin-bottom:16px;font-size:20px}.modal-actions button{padding:8px 16px;font-size:14px}.payment-form label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.payment-form select{padding:8px 12px}.admin-create-event{padding:24px}.admin-create-event h2{margin-bottom:24px;font-size:24px;font-weight:700;color:#fff}.admin-create-event .status-message{margin-bottom:16px;padding:12px;border-radius:6px;border-left:4px solid #02ffc9;background-color:#1e2a35}.admin-create-event .status-message.error{border-left-color:#dc3545;background-color:#2a1e1e;color:#f8d7da}.admin-create-event .create-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}.admin-create-event .create-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#fff;opacity:.75;font-size:14px}.admin-create-event .create-form input[type=text]{padding:12px;border:1px solid #444c56;border-radius:8px;font-size:16px;background-color:#1e2a35;color:#fff;width:100%}.admin-create-event .create-form input[type=text]:focus{outline:none;border-color:#02ffc9;box-shadow:0 0 0 3px #02ffc933}.admin-create-event .create-form button{align-self:flex-start;margin-top:8px}.admin-create-event .validation-message{font-size:.9em;margin-top:4px;padding:4px 0}.admin-create-event .validation-message.error{color:#dc3545}.admin-create-event .validation-message.success{color:#28a745}.admin-create-event .bot-info{margin-top:16px;padding:12px;background-color:#1e2a35;border-radius:6px;border-left:4px solid #02ffc9}.admin-create-event .bot-info h4{margin-bottom:8px;font-size:16px;font-weight:600}.admin-create-event .bot-info p{margin:4px 0;font-size:14px}.admin-create-event .bot-info img{vertical-align:middle;margin-left:8px}.admin-events{padding:24px}.admin-events h2{margin-bottom:24px;font-size:24px;font-weight:700;color:#fff}.admin-events .loading,.admin-events .error-message,.admin-events .no-events{text-align:center;padding:20px;font-style:italic;color:#ccc}.admin-events .error-message{color:#dc3545}.admin-events .events-list{list-style:none;padding:0;margin-bottom:20px}.admin-events .event-card{background-color:#1e2a35;border:1px solid #444c56;border-radius:8px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #0003;transition:box-shadow .2s ease,transform .1s ease}@media(min-width:768px){.admin-events .event-card{flex-direction:row;align-items:center}}.admin-events .event-card:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.admin-events .event-card-link{flex:1;padding:16px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px}@media(min-width:768px){.admin-events .event-card-link{flex-direction:row;align-items:center}}.admin-events .event-card-link .event-info{flex:1}.admin-events .event-card-link .event-info .event-slug{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.admin-events .event-card-link .event-info .event-link{margin:4px 0;font-size:14px;color:#aaa;word-break:break-all}.admin-events .event-card-link .event-info .event-off-day{margin:4px 0;font-size:14px;color:#ccc}.admin-events .event-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:0 16px 16px}@media(min-width:768px){.admin-events .event-actions{align-items:flex-end;padding:16px}}.admin-events .btn-create{background:radial-gradient(88.46% 130.83% at 0% 0%,#02ffc9,#53c9ea),radial-gradient(40.68% 152.12% at 18.34% 180%,#2b5dfecc,#2b5dfe00);color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .15s ease,box-shadow .15s ease}.admin-events .btn-create:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.admin-events .btn-deactivate{background-color:#dc3545;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease}.admin-events .btn-deactivate:hover:not(:disabled){background-color:#c82333}.admin-events .btn-activate{background-color:#28a745;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease}.admin-events .btn-activate:hover:not(:disabled){background-color:#218838}.admin-events button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.admin-event-detail{padding:24px}.admin-event-detail h2{margin-bottom:24px;font-size:24px;font-weight:700;color:#fff}.tabs-nav{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid #444c56;flex-direction:row;background:transparent;padding:0;box-shadow:none;border-radius:0}.tab-link{padding:8px 16px;text-decoration:none;color:#aaa;border:1px solid transparent;border-bottom:none;border-radius:6px 6px 0 0;background-color:#1e2a35;white-space:nowrap;transition:color .2s ease,background-color .2s ease}.tab-link:hover{color:#fff;background-color:#2a3a4a}.tab-link-active{color:#fff;background-color:#1a2530;border-color:#444c56;border-bottom:1px solid #1a2530;margin-bottom:-1px}.tab-content{background-color:#1a2530;border-radius:0 8px 8px;padding:0 16px 16px;min-height:200px}.admin-event-info h3,.admin-event-directions h3,.admin-event-tasks h3,.admin-event-participants h3,.admin-event-settings h3{margin-bottom:16px;font-size:20px;font-weight:600;color:#fff}.admin-event-info .info-nav{padding-left:0}.admin-event-info h3{margin-bottom:16px;font-size:20px;font-weight:600;color:#fff}.admin-event-info p{margin-bottom:24px;color:#ccc}.info-editor-layout{display:flex;gap:24px;align-items:flex-start}.info-nav{width:200px;background-color:#1a2530;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0003;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.nav-item{padding:10px 12px;margin-bottom:8px;border-radius:6px;background-color:#1e2a35;color:#aaa;cursor:pointer;transition:background-color .2s ease,color .2s ease}.nav-item:hover{background-color:#2a3a4a;color:#fff}.nav-item:last-child{margin-bottom:0}.nav-item-active{background-color:#02ffc9;color:#000}.nav-item-active:hover{background-color:#02e6b5}.info-content{flex:1;background-color:#1a2530;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0003;min-height:400px;display:flex;flex-direction:column}.content-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.content-section-header h4{margin:0;font-size:18px;font-weight:600;color:#fff}.add-button{padding:6px 12px;border:none;border-radius:4px;background-color:#28a745;color:#fff;font-size:14px;cursor:pointer;transition:background-color .2s ease}.add-button:hover{background-color:#218838}.content-section-body{flex:1}.content-section h4{margin-bottom:16px;font-size:18px;font-weight:600;color:#fff}.content-section h5{margin:16px 0 8px;font-size:16px;font-weight:600;color:#fff}.content-section label{display:block;margin-bottom:12px;font-weight:500;color:#ccc}.content-section label input[type=text],.content-section label input[type=date],.content-section label input[type=file],.content-section label input[type=color],.content-section label textarea{margin-top:4px;width:100%;padding:8px 12px;border:1px solid #444c56;border-radius:6px;background-color:#1e2a35;color:#fff;font-size:14px}.content-section label input[type=color]{height:40px;padding:2px;cursor:pointer}.content-section label textarea{min-height:80px;resize:vertical}.content-section label input[type=checkbox]{margin-right:8px}.content-section .speaker-editor,.content-section .news-editor,.content-section .faq-editor,.content-section .contact-editor{padding:12px;border:1px solid #444c56;border-radius:6px;margin-bottom:12px;background-color:#1e2a35}.content-section .speaker-editor:last-child,.content-section .news-editor:last-child,.content-section .faq-editor:last-child,.content-section .contact-editor:last-child{margin-bottom:0}.content-section button{margin-top:8px;padding:6px 12px;border:none;border-radius:4px;background-color:#6c757d;color:#fff;font-size:14px;cursor:pointer}.content-section button:hover{background-color:#5a6268}.image-preview img{max-width:100%;max-height:200px;border-radius:6px;box-shadow:0 2px 4px #0003;-o-object-fit:cover;object-fit:cover}.save-cancel-buttons{margin-top:24px;display:flex;gap:12px;justify-content:flex-start}.save-button{background:radial-gradient(88.46% 130.83% at 0% 0%,#02ffc9,#53c9ea),radial-gradient(40.68% 152.12% at 18.34% 180%,#2b5dfecc,#2b5dfe00);color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.save-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.cancel-button{background-color:#6c757d;color:#fff;padding:10px 20px;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:background-color .2s ease}.cancel-button:hover{background-color:#5a6268}.wysiwyg-container{display:flex;flex-direction:column;gap:8px}.wysiwyg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.wysiwyg-toolbar-left,.wysiwyg-toolbar-right{display:flex;gap:4px;align-items:center}.wysiwyg-toolbar button{padding:4px 8px;border:1px solid #444c56;background-color:#1e2a35;color:#fff;cursor:pointer;border-radius:4px;font-size:14px;display:flex;align-items:center;justify-content:center}.wysiwyg-toolbar button:hover{background-color:#2a3a4a}.toolbar-btn-code-active{background-color:#02ffc9!important;color:#000!important;border-color:#02e6b5!important}.toolbar-btn-code-active:hover{background-color:#02e6b5!important}.wysiwyg-editor{min-height:100px;padding:8px;border:1px solid #444c56;border-radius:6px;background-color:#1e2a35;color:#fff;overflow-y:auto;outline:none;font-family:inherit}.wysiwyg-editor:focus{border-color:#02ffc9;box-shadow:0 0 0 2px #02ffc933}.wysiwyg-editor ul{list-style:inside}.html-editor{min-height:100px;padding:8px;border:1px solid #444c56;border-radius:6px;background-color:#1e2a35;color:#fff;font-family:Courier New,monospace;resize:vertical;width:100%;font-size:14px}.color-mode-switcher{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.color-mode-switcher label{display:flex;align-items:center;gap:4px;font-weight:500;color:#ccc;cursor:pointer}.color-mode-simple .color-preview-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.color-mode-simple .color-preview-item{display:flex;flex-direction:column;align-items:center;gap:8px}.color-mode-simple .color-preview-item label{display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:500;color:#ccc;font-size:14px;text-align:center}.color-mode-simple .color-preview-item label input[type=color]{width:60px;height:40px;padding:2px;border:1px solid #444c56;border-radius:4px;cursor:pointer}.color-mode-simple .color-preview-box{width:80px;height:80px;border-radius:50%;border:2px solid #444c56;box-shadow:0 2px 4px #0003}.color-mode-advanced .color-grid,.color-mode-expert .color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.color-mode-advanced label,.color-mode-expert label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:#ccc;font-size:14px}.color-mode-advanced label input[type=color],.color-mode-advanced label input[type=text],.color-mode-expert label input[type=color],.color-mode-expert label input[type=text]{margin-top:4px;padding:6px 8px;border:1px solid #444c56;border-radius:4px;background-color:#1e2a35;color:#fff;font-size:13px}.color-mode-advanced label input[type=color],.color-mode-expert label input[type=color]{height:36px;padding:2px;cursor:pointer}.color-mode-advanced label input[type=text],.color-mode-expert label input[type=text]{font-family:Courier New,monospace}.color-input-with-preview{display:flex;align-items:center;gap:8px}.color-preview-box-small{width:24px;height:24px;border-radius:4px;border:1px solid #444c56;flex-shrink:0}.admin-event-directions{color:#fff}.directions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.directions-header h2{margin:0;font-size:24px}.btn-add{padding:10px 20px;border:none;border-radius:6px;background:radial-gradient(88.46% 130.83% at 0% 0%,#02ffc9,#53c9ea),radial-gradient(40.68% 152.12% at 18.34% 180%,#2b5dfecc,#2b5dfe00);color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.loading,.error,.no-directions{text-align:center;padding:40px 20px;font-style:italic}.error{color:#dc3545}.directions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.direction-card{background-color:#1e2a35;border:1px solid #444c56;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease,transform .1s ease;display:flex;flex-direction:column}.direction-card:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.direction-top{padding:12px;background-color:#2a3a4a;text-align:center}.direction-image{width:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-bottom:8px}.direction-top h3{margin:0;font-size:18px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-content{padding:12px;flex:1;display:flex;flex-direction:column}.direction-content h4{margin:0 0 8px;font-size:16px;font-weight:500;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direction-content p{margin:0 0 12px;font-size:14px;color:#ccc;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.direction-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#888}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#1a2530;padding:24px;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 30px #00000080;position:relative;max-height:90vh;overflow-y:auto}.modal-large{max-width:800px}.modal h3{margin-top:0;margin-bottom:16px;font-size:20px;font-weight:600;color:#fff}.modal form{display:flex;flex-direction:column;gap:16px}.modal label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:#fff;opacity:.75;font-size:14px}.modal input[type=text],.modal input[type=number],.modal input[type=date],.modal input[type=time],.modal input[type=datetime-local],.modal textarea{padding:12px;border:1px solid #444c56;border-radius:8px;font-size:16px;background-color:#1e2a35;color:#fff;width:100%;box-sizing:border-box}.modal textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:16px;flex-wrap:wrap}.form-row>label{flex:1;min-width:calc(50% - 8px)}.image-preview{margin-top:8px;text-align:center}.image-preview img{max-width:100%;max-height:150px;border-radius:6px;box-shadow:0 2px 4px #0003;-o-object-fit:cover;object-fit:cover}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-save,.btn-cancel,.btn-edit,.btn-generate,.btn-add-slot{padding:10px 20px;border:none;border-radius:6px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-save{background:radial-gradient(88.46% 130.83% at 0% 0%,#02ffc9,#53c9ea),radial-gradient(40.68% 152.12% at 18.34% 180%,#2b5dfecc,#2b5dfe00);color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.btn-cancel,.btn-edit{background-color:#6c757d;color:#fff}.btn-cancel:hover,.btn-edit:hover{background-color:#5a6268}.slot-buttons{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.btn-add-slot,.btn-generate{flex:1;min-width:120px;padding:10px 16px;font-size:14px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;display:flex;align-items:center;justify-content:center;text-align:center}.btn-add-slot{background-color:#28a745;color:#fff}.btn-add-slot:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.btn-generate{background-color:#17a2b8;color:#fff}.btn-generate:hover{background-color:#138496;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}.btn-remove-slot{background:none;border:none;color:#dc3545;cursor:pointer;font-size:16px;padding:4px;border-radius:4px}.btn-remove-slot:hover{background-color:#dc35451a}.date-range{display:flex;align-items:center;gap:8px}.detail-photo img{width:100%;max-height:300px;-o-object-fit:cover;object-fit:cover;border-radius:6px;margin-top:16px}.slots-list{margin-top:16px;border:1px solid #444c56;border-radius:6px;background-color:#1e2a35;overflow-y:auto}.slot-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #444c56}.slot-item:last-child{border-bottom:none}.no-slots{text-align:center;padding:20px;font-style:italic;color:#888}.modal select{padding:12px 40px 12px 12px;border:1px solid #444c56;border-radius:8px;font-size:16px;background-color:#1e2a35;color:#fff;width:100%;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444c56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.modal select:focus{outline:none;border-color:#02ffc9;box-shadow:0 0 0 3px #02ffc933}.admin-event-direction .modal .form-row label{display:flex;flex-direction:column;gap:6px;font-weight:500;color:#fff;opacity:.75;font-size:14px}.admin-event-direction .modal .form-row input[type=number]{width:100%;flex-grow:1}.admin-event-direction .hints{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.admin-event-direction .hint-btn{padding:4px 8px;border:1px solid #444c56;border-radius:4px;background-color:#1e2a35;color:#aaa;font-size:12px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.admin-event-direction .hint-btn:hover{background-color:#2a3a4a;color:#fff}.admin-event-direction .btn-delete{background-color:#dc3545;color:#fff;padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s ease}.admin-event-direction .btn-delete:hover{background-color:#c82333}.participant-layout{display:flex;gap:20px}.image-preview,.speaker-editor,.news-editor,.faq-editor,.contact-editor{position:relative}button.delete-btn{position:absolute;top:0;padding:0;background:transparent!important;margin:0}.speaker-editor>button.delete-btn,.news-editor>button.delete-btn,.faq-editor>button.delete-btn,.contact-editor>button.delete-btn{right:-5px}.hint-btn{background:#ffffff21;padding:4px 8px;font-size:12px;margin-right:8px}