html{--mat-sys-background: #101414;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #2d3131;--mat-sys-inverse-primary: #006a6a;--mat-sys-inverse-surface: #e0e3e2;--mat-sys-on-background: #e0e3e2;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #003737;--mat-sys-on-primary-container: #00fbfb;--mat-sys-on-primary-fixed: #002020;--mat-sys-on-primary-fixed-variant: #004f4f;--mat-sys-on-secondary: #1b3534;--mat-sys-on-secondary-container: #cce8e7;--mat-sys-on-secondary-fixed: #051f1f;--mat-sys-on-secondary-fixed-variant: #324b4b;--mat-sys-on-surface: #e0e3e2;--mat-sys-on-surface-variant: #dae5e4;--mat-sys-on-tertiary: #502400;--mat-sys-on-tertiary-container: #ffdcc7;--mat-sys-on-tertiary-fixed: #311300;--mat-sys-on-tertiary-fixed-variant: #723600;--mat-sys-outline: #889392;--mat-sys-outline-variant: #3f4948;--mat-sys-primary: #00dddd;--mat-sys-primary-container: #004f4f;--mat-sys-primary-fixed: #00fbfb;--mat-sys-primary-fixed-dim: #00dddd;--mat-sys-scrim: #000000;--mat-sys-secondary: #b0cccb;--mat-sys-secondary-container: #324b4b;--mat-sys-secondary-fixed: #cce8e7;--mat-sys-secondary-fixed-dim: #b0cccb;--mat-sys-shadow: #000000;--mat-sys-surface: #101414;--mat-sys-surface-bright: #363a39;--mat-sys-surface-container: #1c2020;--mat-sys-surface-container-high: #272b2a;--mat-sys-surface-container-highest: #313635;--mat-sys-surface-container-low: #191c1c;--mat-sys-surface-container-lowest: #0b0f0e;--mat-sys-surface-dim: #101414;--mat-sys-surface-tint: #00dddd;--mat-sys-surface-variant: #3f4948;--mat-sys-tertiary: #ffb787;--mat-sys-tertiary-container: #723600;--mat-sys-tertiary-fixed: #ffdcc7;--mat-sys-tertiary-fixed-dim: #ffb787;--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}html,body{height:100%;overflow:hidden}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif}.section-title{color:#ff6b00;font-size:1.8rem;text-align:center;font-family:Pacifico,cursive;display:flex;align-items:center;justify-content:center;margin:0}.panel-title{color:#ff6b00;font-size:1.6rem;text-align:center;font-family:Pacifico,cursive;display:flex;align-items:center;justify-content:center;margin:0}.panel-info-bar{background:linear-gradient(to right,#ff6b00,#fc3);display:flex;justify-content:space-between;align-items:center;width:90%;max-width:800px;background-color:#ff6b00;color:#fff;border-radius:10px 10px 0 0;box-sizing:border-box;margin:0 auto;padding:20px}.panel-info-bar h3{margin:0;font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-left:10px}.panel-content{background-color:#fff;border-radius:0 0 10px 10px;padding:20px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-sizing:border-box;margin:0 auto}.add-event-button{background-color:#ff6b00;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:20px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:10px;transition:all .3s ease;box-shadow:0 2px 5px #0003}.add-event-button:hover{background-color:#e05f00;transform:scale(1.1)}.trip-detail-container{background-color:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 10px #0000001a}.trip-detail-exterior-container{background-color:#fff;border-radius:10px;padding:15px;box-shadow:0 2px 10px #0000001a;width:95%;max-width:1400px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:stretch;overflow-x:hidden}.trip-content-wrapper{width:100%;max-width:100%;overflow-x:hidden}.trip-detail-section{margin-top:0;position:relative}.circle-button{width:36px;height:36px;border-radius:50%;background-color:#fff;border:2px solid #ff6b00;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0;margin:4px 5px 0;font-size:16px;box-shadow:0 1px 3px #0000001a;outline:none}.circle-button:hover{background-color:#f8f8f8;transform:scale(1.1);border-color:#447fff;box-shadow:0 2px 5px #00000026}.circle-button:active{transform:scale(.95);box-shadow:0 1px 2px #0000001a}.form-control{padding:12px 20px;border-radius:30px;border:1px solid #ddd;font-size:1rem;transition:all .3s ease;background-color:#fff;height:48px;box-sizing:border-box}.form-control:focus{outline:none;border-color:#fc3;box-shadow:0 0 0 3px #fc33}.tatis-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px 30px 40px}.tatis-form .form-content{max-width:90%;margin:0 auto}.tatis-form .form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:5px}.tatis-form .form-group label{display:block;margin-bottom:8px;color:#ff6b00;font-weight:500;font-size:.95rem}.tatis-form .form-group label i{margin-right:5px}.tatis-form .form-group input,.tatis-form .form-group textarea{width:100%;padding:12px 15px;border:2px solid #f0f0f0;border-radius:30px;font-size:1rem;transition:all .3s ease;background-color:#fffc;box-sizing:border-box}:is(.tatis-form .form-group input,.tatis-form .form-group textarea):focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #fc33}:is(.tatis-form .form-group input,.tatis-form .form-group textarea).is-invalid{border-color:#ff6b6b;background-color:#fff5f5}.tatis-form .form-group textarea{font-family:Arial;min-height:100px;resize:vertical}.tatis-form .form-group input[type=datetime-local i]{font-family:Arial}.tatis-form .form-group input[type=date i]{font-family:Arial}.tatis-form .form-group .error-message{color:#ff6b6b;font-size:.85rem;margin-top:5px;padding-left:15px}.tatis-form .form-actions{margin-top:30px;display:flex;justify-content:center;gap:20px}.tatis-form .form-actions .cancel-button{padding:12px 25px;width:45%;border-radius:30px;font-size:1rem;cursor:pointer;transition:all .3s ease;background-color:#f8f8f8;color:#666;border:1px solid #ddd}.tatis-form .form-actions .cancel-button:hover{background-color:#eee}.tatis-form .error-alert{margin-top:20px;padding:10px 15px;background-color:#ffe5e5;border-left:4px solid #ff6b6b;color:#d63031;border-radius:4px;font-size:.9rem}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}.form-row .form-group{flex:1}.form-row .form-group.col-70{flex:7}.form-row .form-group.col-30{flex:3}.form-row .form-group input{width:100%}.beach-button{width:45%;background:linear-gradient(to right,#ff6b00,#fc3);color:#fff;border:none;padding:12px 25px;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff6b004d}.beach-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #ff6b0066}.beach-button:active:not(:disabled){transform:translateY(-1px)}.beach-button:disabled{opacity:.7;cursor:not-allowed}.beach-button i{margin-right:8px}.scrollable::-webkit-scrollbar{display:none}.user-blue-label{background-color:#2196f31a;padding:3px 8px;border-radius:15px;display:inline-flex;align-items:center;gap:5px;margin-left:8px}.dropdown-filter{padding:8px 12px;border-radius:8px;border:1px solid #ddd;background-color:#fff;font-size:.9rem;color:#333;cursor:pointer}.dropdown-filter:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #fc33}.panel-buttons{background-color:#fff;border-radius:0 0 10px 10px;padding:20px;width:90%;max-width:800px;max-height:80vh;overflow-y:auto;box-sizing:border-box;margin:0 auto;display:flex;justify-content:center}.confirmation-panel{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center}.toggle-optional-fields{display:flex;justify-content:center;margin:15px 0}.toggle-button{background:none;border:none;color:#ff6b00;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:5px;padding:8px 15px;border-radius:20px;transition:all .3s ease}.toggle-button:hover{background-color:#ff6b001a}.toggle-icon{font-size:.8rem}.optional-fields{max-height:0;overflow:hidden;transition:max-height .5s ease;opacity:0}.optional-fields.expanded{max-height:1000px;opacity:1;transition:max-height .5s ease,opacity .3s ease .2s}.form-group.floating-label{position:relative;margin-bottom:20px}.form-group.floating-label label{position:absolute;top:-7px;left:15px;background-color:#fff;padding:0 8px;font-size:.85rem;color:#666;transition:all .2s ease;border-radius:10px;z-index:1}.form-group.floating-label input:focus+label,.form-group.floating-label select:focus+label,.form-group.floating-label textarea:focus+label{color:#ff6b00;font-weight:500}.form-group.floating-label input,.form-group.floating-label select,.form-group.floating-label textarea{padding-top:15px;padding-bottom:15px}.form-group.floating-label input[type=date]{color:#333;height:48px}.form-group.floating-label input:focus,.form-group.floating-label select:focus,.form-group.floating-label textarea:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #fc33}.form-group.floating-label input[type=date]:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 3px #fc33}.form-row .form-group.floating-label{margin-bottom:0}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 15px center;padding-right:45px}select.form-control:focus{background-image:url("data:image/svg+xml;utf8,<svg fill='%23ff6b00' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>")}@-moz-document url-prefix(){select.form-control{text-indent:.01px;text-overflow:"";padding-right:45px}}select::-ms-expand{display:none}@media (max-width: 992px){.trip-detail-exterior-container{width:95%;padding:10px}}@media (max-width: 768px){.trip-detail-exterior-container{width:100%;border-radius:0}.trip-content-wrapper{margin-bottom:50px}.cancel-button{display:none}}.side-menu{max-width:100%;overflow-x:auto;flex-wrap:wrap}.section-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative}