:root{--azul-claro: #A3D5FF;--azul-medio: #7FB8D3;--azul-profundo: #3A6EA5;--blanco-oceano: #F8FDFF;--verde-oceano: #4A9D8E;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(163, 213, 255, .3);--section-bg: rgba(248, 253, 255, .8);--card-shadow: 0 8px 32px rgba(0, 0, 0, .1);--hover-shadow: 0 8px 25px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--azul-profundo);background:var(--blanco-oceano);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--azul-claro);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--azul-medio)}button[data-tooltip],label[data-tooltip],[class*=btn][data-tooltip],[class*=toolbar-btn][data-tooltip],[class*=transit-][data-tooltip],[class*=tag-][data-tooltip]{cursor:pointer}[data-tooltip][data-tip-dir=bottom]:before{bottom:auto;top:100%;margin-bottom:0;margin-top:5px}[data-tooltip][data-tip-dir=right]:before{bottom:50%;left:100%;transform:translate(5px,50%)}.app-sidebar{width:240px;min-width:240px;height:100vh;background:var(--glass-bg, rgba(255, 255, 255, .95));border-right:1px solid var(--glass-border, rgba(163, 213, 255, .3));display:flex;flex-direction:column;transition:width .3s ease,min-width .3s ease;position:relative;z-index:100;backdrop-filter:blur(10px)}.app-sidebar.collapsed{width:60px;min-width:60px}.sidebar-toggle{position:absolute;top:12px;right:-14px;width:28px;height:28px;border-radius:50%;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.7rem;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,background .2s ease;z-index:101}.sidebar-toggle:hover{background:var(--azul-claro, #A3D5FF);transform:scale(1.1)}.sidebar-brand{padding:1.2rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:var(--azul-profundo, #3A6EA5);border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3));white-space:nowrap;overflow:hidden}.collapsed .sidebar-brand{justify-content:center;padding:1.2rem .5rem}.sidebar-brand .fas{font-size:1.4rem;flex-shrink:0}.brand-text{opacity:1;transition:opacity .2s ease}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--azul-profundo, #3A6EA5);font-size:.9rem;cursor:pointer;transition:background .2s ease,color .2s ease;white-space:nowrap;overflow:hidden;border-radius:0}.collapsed .sidebar-nav-item{justify-content:center;padding:.75rem .5rem}.sidebar-nav-item:hover{background:#a3d5ff26}.sidebar-nav-item.active{background:linear-gradient(135deg,var(--azul-profundo, #3A6EA5),var(--azul-medio, #7FB8D3));color:#fff;font-weight:600}.sidebar-nav-item .fas{font-size:1.1rem;flex-shrink:0;width:20px;text-align:center}.sidebar-footer{padding:.75rem 1rem;border-top:1px solid var(--glass-border, rgba(163, 213, 255, .3));display:flex;flex-direction:column;gap:.5rem}.sidebar-footer-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.sidebar-footer-nav .sidebar-nav-item{padding:.6rem 1rem;font-size:.85rem}.collapsed .sidebar-footer-nav .sidebar-nav-item{padding:.6rem .5rem}.version-tag{font-size:.7rem;color:var(--azul-medio, #7FB8D3);opacity:.7;text-align:center}.app-header{height:52px;min-height:52px;background:var(--glass-bg, rgba(255, 255, 255, .95));border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3));backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 1rem;z-index:90}.header-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between}.header-actions-left{display:flex;align-items:center;gap:.4rem}.header-actions-right{display:flex;align-items:center;gap:.5rem}.header-separator{width:1px;height:24px;background:var(--glass-border, rgba(163, 213, 255, .3));margin:0 .4rem}.btn-ocean.btn-sm{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:8px;background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-ocean.btn-sm:hover{background:var(--azul-claro, #A3D5FF);color:#fff;box-shadow:0 2px 8px #3a6ea533}.btn-ocean.btn-sm .fas{font-size:.85rem}.dropdown{position:relative}.dropdown-toggle:after{content:"";display:inline-block;width:0;height:0;margin-left:.3rem;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;padding:.4rem 0;margin-top:.25rem;background:var(--glass-bg, rgba(255, 255, 255, .98));border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:10px;box-shadow:0 8px 32px #0000001f;backdrop-filter:blur(10px);z-index:200}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-item{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--azul-profundo, #3A6EA5);font-size:.85rem;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#a3d5ff26}.dropdown-divider{height:1px;margin:.3rem 0;background:var(--glass-border, rgba(163, 213, 255, .3))}.warning-counter{background:#ffc10726!important;border-color:#ffc10766!important;color:#856404!important}.warning-counter:hover{background:#ffc1074d!important}@media(max-width:768px){.btn-label{display:none}}.drafts-drawer{background:var(--glass-bg, rgba(255, 255, 255, .95));border-top:1px solid var(--glass-border, rgba(163, 213, 255, .3));backdrop-filter:blur(10px);transition:height .3s ease}.drafts-drawer-toggle{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--azul-profundo, #3A6EA5);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease}.drafts-drawer-toggle:hover{background:#a3d5ff1a}.drafts-drawer-title{display:flex;align-items:center;gap:.4rem;flex:1;text-align:left}.drafts-count{background:var(--azul-claro, #A3D5FF);color:var(--azul-profundo, #3A6EA5);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;min-width:22px;text-align:center}.drafts-drawer-content{padding:.75rem 1rem;max-height:200px;overflow-y:auto}.drafts-grid{display:flex;gap:.5rem;flex-wrap:wrap;min-height:80px;align-items:start;align-content:start}.draft-tile{position:relative;width:56px;cursor:grab;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:all .15s ease;background:#fff}.draft-tile:hover{border-color:var(--azul-medio, #7FB8D3);box-shadow:0 2px 8px #0000001f}.draft-tile.selected{border-color:var(--azul-profundo, #3A6EA5);box-shadow:0 0 0 2px #3a6ea540}.draft-tile:active{cursor:grabbing;opacity:.8}.draft-tile img{width:100%;height:52px;object-fit:contain;display:block;image-rendering:pixelated;background:#a3d5ff0d}.draft-tile-overlay{position:absolute;top:0;right:0;display:flex;gap:1px;opacity:0;transition:opacity .15s}.draft-tile:hover .draft-tile-overlay{opacity:1}.draft-tile-action{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffffe6;color:var(--azul-profundo, #3A6EA5);cursor:pointer;font-size:.55rem;transition:all .1s}.draft-tile-action:hover{background:var(--azul-claro, #A3D5FF);color:#fff}.draft-tile-delete:hover{background:#dc3545;color:#fff}.draft-tile-name{display:block;font-size:.55rem;text-align:center;padding:.1rem .2rem;color:var(--azul-profundo, #3A6EA5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fffc}.drafts-empty{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;color:var(--azul-medio, #7FB8D3);opacity:.7;text-align:center}.drafts-empty .fas{font-size:1.5rem;margin-bottom:.4rem}.drafts-empty p{margin:0;font-size:.85rem;font-weight:600}.drafts-empty small{font-size:.75rem}.drafts-actions{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--glass-border, rgba(163, 213, 255, .2));margin-top:.5rem}.new-project-presets{margin-bottom:.6rem}.new-project-prefs-note{display:flex;align-items:center;gap:.4rem;font-size:.68rem;color:var(--azul-medio, #7FB8D3);background:#a3d5ff14;border:1px solid rgba(163,213,255,.2);border-radius:5px;padding:.35rem .6rem;margin-bottom:.85rem;line-height:1.4}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.4rem}.preset-btn{padding:.5rem .75rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:6px;background:#ffffff80;color:var(--azul-profundo, #3A6EA5);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s}.preset-btn:hover{background:#a3d5ff26;border-color:var(--azul-medio, #7FB8D3)}.preset-btn.active{background:#a3d5ff40;border-color:var(--azul-profundo, #3A6EA5);font-weight:600}.new-project-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:1rem}.dialog-field{display:flex;flex-direction:column;gap:.25rem}.dialog-label{font-size:.7rem;font-weight:600;color:var(--azul-profundo, #3A6EA5);text-transform:uppercase;letter-spacing:.03em}.dialog-input{padding:.4rem .5rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:6px;background:#ffffff80;color:var(--azul-profundo, #3A6EA5);font-size:.8rem;width:100%;box-sizing:border-box}.dialog-input:focus{outline:none;border-color:var(--azul-medio, #7FB8D3)}.new-project-preview{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#a3d5ff14;border-radius:6px;margin-bottom:1rem;font-size:.75rem}.preview-label{color:var(--azul-profundo, #3A6EA5);opacity:.7}.preview-value{font-weight:600;color:var(--azul-profundo, #3A6EA5)}.apikey-dialog{max-width:450px;width:90vw}.apikey-desc{font-size:.78rem;color:var(--azul-profundo, #3A6EA5);line-height:1.5;margin-bottom:1rem}.apikey-desc a{color:var(--verde-oceano, #4A9D8E);font-weight:600;text-decoration:none}.apikey-desc a:hover{text-decoration:underline}.apikey-field{margin-bottom:.75rem}.apikey-input-row{display:flex;gap:.35rem}.apikey-input-row .dialog-input{flex:1}.apikey-clear{flex-shrink:0}.apikey-status{display:flex;align-items:center;gap:.4rem;padding:.5rem .65rem;border-radius:6px;font-size:.72rem;margin-bottom:.5rem}.apikey-status .fa-check-circle{color:var(--verde-oceano, #4A9D8E)}.apikey-status .fa-info-circle{color:var(--azul-medio, #7FB8D3)}.prefs-dialog{max-width:520px;width:94vw;max-height:88vh;display:flex;flex-direction:column}.prefs-body{overflow-y:auto;flex:1;padding:.5rem 1rem .75rem;display:flex;flex-direction:column;gap:0}.prefs-section{padding:.9rem 0;border-bottom:1px solid rgba(163,213,255,.15)}.prefs-section:last-child{border-bottom:none}.prefs-section-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--azul-profundo, #3A6EA5);margin:0 0 .2rem}.prefs-section-desc{font-size:.7rem;color:var(--azul-medio, #7FB8D3);margin:0 0 .75rem}.prefs-row{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.prefs-row--toggle{align-items:flex-start}.prefs-row--indent{padding-left:1.2rem;border-left:2px solid rgba(163,213,255,.2);margin-left:.5rem}.prefs-label{flex:1;font-size:.75rem;font-weight:600;color:var(--azul-profundo, #3A6EA5);cursor:default;min-width:120px}.prefs-hint{display:block;font-size:.65rem;color:var(--azul-medio, #7FB8D3);font-weight:400;margin-top:.1rem;line-height:1.3}.prefs-select{padding:.3rem .5rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .35));border-radius:6px;background:#fffc;color:var(--azul-profundo, #3A6EA5);font-size:.74rem;font-family:inherit;cursor:pointer;min-width:90px}.prefs-select:focus{outline:none;border-color:var(--azul-profundo, #3A6EA5)}.prefs-stepper{display:flex;align-items:center;gap:0;border:1px solid var(--glass-border, rgba(163, 213, 255, .35));border-radius:6px;overflow:hidden}.prefs-stepper .stepper-btn{width:26px;height:28px;border:none;background:#a3d5ff1a;color:var(--azul-profundo, #3A6EA5);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .12s;font-family:inherit;line-height:1}.prefs-stepper .stepper-btn:hover:not(:disabled){background:#a3d5ff38}.prefs-stepper .stepper-btn:disabled{opacity:.35;cursor:default}.prefs-stepper .stepper-input{width:44px;height:28px;text-align:center;border:none;border-left:1px solid rgba(163,213,255,.25);border-right:1px solid rgba(163,213,255,.25);background:transparent;color:var(--azul-profundo, #3A6EA5);font-size:.74rem;font-weight:600;font-family:inherit}.prefs-stepper .stepper-input:focus{outline:none;background:#a3d5ff14}.prefs-stepper .stepper-input::-webkit-outer-spin-button,.prefs-stepper .stepper-input::-webkit-inner-spin-button{-webkit-appearance:none}.prefs-stepper .stepper-input[type=number]{-moz-appearance:textfield}.prefs-radio-group{display:flex;flex-direction:column;gap:.35rem;flex:1}.prefs-radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:.4rem}.prefs-radio-option{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem .5rem;border:1px solid rgba(163,213,255,.25);border-radius:6px;cursor:pointer;transition:border-color .12s,background .12s;flex:1;min-width:120px}.prefs-radio-option:has(input:checked){border-color:var(--azul-profundo, #3A6EA5);background:#a3d5ff1a}.prefs-radio-option input[type=radio]{margin-top:2px;accent-color:var(--azul-profundo, #3A6EA5);flex-shrink:0}.prefs-radio-label{display:flex;flex-direction:column;gap:.1rem}.prefs-radio-label strong{font-size:.74rem;color:var(--azul-profundo, #3A6EA5);font-weight:600}.prefs-radio-label small{font-size:.63rem;color:var(--azul-medio, #7FB8D3);line-height:1.3}.prefs-fill-options{display:flex;gap:.4rem;flex-wrap:wrap;flex:1}.prefs-fill-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.3rem .5rem;border:1.5px solid rgba(163,213,255,.25);border-radius:6px;background:transparent;cursor:pointer;font-size:.62rem;color:var(--azul-profundo, #3A6EA5);transition:border-color .12s,background .12s;font-family:inherit;min-width:52px}.prefs-fill-btn:hover{background:#a3d5ff14}.prefs-fill-btn.active{border-color:var(--azul-profundo, #3A6EA5);background:#a3d5ff1f;font-weight:700}.prefs-fill-swatch{display:block;width:22px;height:22px;border-radius:3px;border:1px solid rgba(0,0,0,.12)}.prefs-toggle-info{flex:1;display:flex;flex-direction:column}.prefs-toggle{position:relative;display:flex;align-items:center;gap:.4rem;padding:.22rem .5rem .22rem 2.4rem;border:1.5px solid rgba(163,213,255,.3);border-radius:20px;background:#a3d5ff14;cursor:pointer;font-size:.68rem;font-weight:600;color:#888;transition:all .18s ease;font-family:inherit;flex-shrink:0;min-width:100px}.prefs-toggle--on{background:#4a9d8e1f;border-color:#4a9d8e73;color:var(--verde-oceano, #4A9D8E)}.prefs-toggle-thumb{position:absolute;left:4px;width:18px;height:18px;border-radius:50%;background:#b0c4d0;transition:left .18s ease,background .18s;box-shadow:0 1px 3px #0000002e}.prefs-toggle--on .prefs-toggle-thumb{left:calc(100% - 22px);background:var(--verde-oceano, #4A9D8E)}.prefs-toggle-label{user-select:none}.dialog-footer{padding:.6rem 1rem;border-top:1px solid rgba(163,213,255,.2);background:#a3d5ff0a}.prefs-footer{display:flex;align-items:center;gap:.5rem}.prefs-reset-btn{flex-shrink:0}.prefs-confirm-reset{display:flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:#a71d2a}.prefs-footer-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto}.prefs-saved-badge{display:flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:600;color:var(--verde-oceano, #4A9D8E)}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-content{flex:1;overflow:auto;position:relative}.app-layout.busy{pointer-events:none;opacity:.7}.canvas-destino-container{flex:1;height:100%;overflow:auto;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;background:linear-gradient(45deg,rgba(163,213,255,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(163,213,255,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(163,213,255,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(163,213,255,.04) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;outline:none;cursor:crosshair}.canvas-destino-container:focus{box-shadow:inset 0 0 0 2px #3a6ea526}.canvas-destino{display:block;margin:auto;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 4px 24px #00000014;border-radius:4px}.canvas-drop-error{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#dc3545eb;color:#fff;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 12px #00000040;animation:canvas-error-fade-in .15s ease;z-index:20}@keyframes canvas-error-fade-in{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.canvas-toolbar{display:flex;flex-direction:column;background:var(--glass-bg, rgba(255, 255, 255, .95));border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3));position:relative;z-index:1;flex-shrink:0}.toolbar-main-row{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;padding:.35rem .6rem;min-height:36px;overflow-x:auto;overflow-y:hidden}.toolbar-group{display:flex;align-items:center;gap:.25rem}.toolbar-group+.toolbar-group:before{content:"";width:1px;height:20px;background:var(--glass-border, rgba(163, 213, 255, .3));margin:0 .3rem}.toolbar-label{font-size:.75rem;font-weight:600;color:var(--azul-profundo, #3A6EA5);display:flex;align-items:center;gap:.3rem;padding:.2rem .4rem;background:#a3d5ff1a;border-radius:5px}.toolbar-label .fas{font-size:.7rem;opacity:.7}.tile-size-label{background:#4a9d8e1a;color:var(--verde-oceano, #4A9D8E)}.toolbar-btn{display:inline-flex;align-items:center;gap:.2rem;padding:.2rem .45rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:5px;background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease}.toolbar-btn:hover:not(:disabled){background:var(--azul-claro, #A3D5FF);color:#fff}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn .fas{font-size:.6rem}.toolbar-separator{width:1px;height:16px;background:var(--glass-border, rgba(163, 213, 255, .2));margin:0 .15rem}.toolbar-select-label{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--azul-profundo, #3A6EA5)}.toolbar-select-label .fas{opacity:.7;font-size:.7rem}.toolbar-select{padding:.15rem .35rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:5px;background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);font-size:.7rem;cursor:pointer;outline:none}.toolbar-select:focus{border-color:var(--azul-medio, #7FB8D3);box-shadow:0 0 0 2px #7fb8d333}.toolbar-zoom-group{margin-left:auto}.toolbar-zoom-btn{width:24px;padding:.2rem;justify-content:center}.toolbar-zoom-label{min-width:44px;padding:.2rem .35rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:5px;background:#a3d5ff14;color:var(--azul-profundo, #3A6EA5);font-size:.7rem;font-weight:700;text-align:center;cursor:pointer;transition:background .12s;font-family:inherit}.toolbar-zoom-label:hover{background:#a3d5ff33}.toolbar-flag-bar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;width:100%;padding:.3rem .5rem;background:#fff3cd8c;border-top:1px solid rgba(255,193,7,.3);border-radius:0 0 6px 6px;margin-top:.1rem}.toolbar-flag-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:20px;font-size:.68rem;font-weight:700;letter-spacing:.01em;pointer-events:none}.toolbar-flag-badge--review{background:#ffaa002e;color:#8a5700;border:1px solid rgba(255,170,0,.5)}.toolbar-flag-badge--delete{background:#dc35451f;color:#a71d2a;border:1px solid rgba(220,53,69,.4)}.toolbar-flag-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border:1px solid transparent;border-radius:5px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .13s ease;font-family:inherit}.toolbar-flag-btn--move{background:#4a9d8e1f;color:#2a6b5f;border-color:#4a9d8e59}.toolbar-flag-btn--move:hover{background:#4a9d8e38}.toolbar-flag-btn--delete{background:#dc35451a;color:#a71d2a;border-color:#dc354559}.toolbar-flag-btn--delete:hover{background:#dc354533}.toolbar-flag-btn--confirm{background:#dc3545;color:#fff;border-color:#c82333}.toolbar-flag-btn--confirm:hover{background:#c82333}.toolbar-flag-btn--cancel{background:#6c757d1f;color:#495057;border-color:#6c757d4d}.toolbar-flag-btn--cancel:hover{background:#6c757d38}.toolbar-flag-btn--clear{margin-left:auto;background:#6c757d14;color:#6c757d;border-color:#6c757d40}.toolbar-flag-btn--clear:hover{background:#6c757d29}.toolbar-flag-confirm-text{font-size:.7rem;font-weight:600;color:#a71d2a}.toolbar-resize-bar{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;width:100%;padding:.35rem .6rem;background:#fff3cdb3;border-top:1px solid rgba(255,193,7,.35);font-size:.7rem;border-radius:0 0 6px 6px}.toolbar-resize-bar--processing{background:#a3d5ff33;border-top-color:#3a6ea54d;color:var(--azul-profundo, #3A6EA5);font-weight:600;gap:.5rem}.toolbar-resize-bar--result{background:#d4edda99;border-top-color:#28a7454d;color:#155724}.toolbar-resize-bar--error{background:#f8d7da99;border-top-color:#dc35454d;color:#721c24}.toolbar-resize-bar__icon{color:#856404;flex-shrink:0}.toolbar-resize-bar__text{flex:1;color:#64480a}.toolbar-resize-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border:1px solid transparent;border-radius:5px;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .12s ease;font-family:inherit;white-space:nowrap}.toolbar-resize-btn--primary{background:var(--azul-profundo, #3A6EA5);color:#fff;border-color:#0000001a}.toolbar-resize-btn--primary:hover{background:#2d5a8a}.toolbar-resize-btn--secondary{background:#3a6ea51a;color:var(--azul-profundo, #3A6EA5);border-color:#3a6ea54d}.toolbar-resize-btn--secondary:hover{background:#3a6ea533}.toolbar-resize-btn--cancel{background:#6c757d1a;color:#495057;border-color:#6c757d40;margin-left:auto}.toolbar-resize-btn--cancel:hover{background:#6c757d33}.bgremoval-toggle{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;background:#a3d5ff0f;border-radius:6px;border:1px solid rgba(163,213,255,.15)}.bgremoval-switch{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none}.bgremoval-switch input{display:none}.bgremoval-slider{position:relative;width:30px;height:16px;background:#a3d5ff4d;border-radius:10px;transition:background .2s;flex-shrink:0}.bgremoval-slider:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #00000026}.bgremoval-switch input:checked+.bgremoval-slider{background:var(--verde-oceano, #4A9D8E)}.bgremoval-switch input:checked+.bgremoval-slider:after{transform:translate(14px)}.bgremoval-label{font-size:.72rem;font-weight:600;color:var(--azul-profundo, #3A6EA5);display:flex;align-items:center;gap:.3rem}.bgremoval-method{display:flex;gap:.35rem;position:relative}.method-btn{flex:1;padding:.3rem .4rem;border:1px solid rgba(163,213,255,.3);border-radius:4px;background:#ffffff80;color:var(--azul-profundo, #3A6EA5);font-size:.65rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;transition:all .15s}.method-btn:hover:not(.disabled){background:#a3d5ff26}.method-btn.active{background:var(--azul-profundo, #3A6EA5);color:#fff;border-color:var(--azul-profundo, #3A6EA5)}.method-btn.disabled{opacity:.5;cursor:not-allowed}.lock-icon{font-size:.5rem;margin-left:.15rem}.bgremoval-tooltip{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;padding:.4rem .5rem;background:#3a6ea5f2;color:#fff;font-size:.6rem;border-radius:4px;z-index:5;line-height:1.3}.source-card{padding:.5rem;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .2))}.source-thumb-row{display:flex;gap:.5rem;align-items:flex-start;margin-bottom:.4rem}.source-thumb{width:48px;height:48px;object-fit:contain;border-radius:6px;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));background:#fff;image-rendering:pixelated}.source-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.source-dims{font-size:.7rem;color:var(--azul-medio, #7FB8D3);font-weight:500}.source-tile-count{font-size:.75rem;color:var(--azul-profundo, #3A6EA5);font-weight:600}.source-grid-info{font-weight:400;color:var(--azul-medio, #7FB8D3);font-size:.65rem}.source-tile-config{margin-bottom:.3rem}.source-config-label{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;color:var(--azul-medio, #7FB8D3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.source-config-label .fas{font-size:.6rem}.source-size-options{display:flex;gap:.2rem;flex-wrap:wrap}.source-mode-toggle{display:flex;gap:.2rem;margin-bottom:.35rem}.source-mode-btn{padding:.15rem .55rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:4px;background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s ease}.source-mode-btn.active{background:var(--azul-profundo, #3A6EA5);color:#fff;border-color:var(--azul-profundo, #3A6EA5)}.source-mode-btn:hover:not(.active){background:var(--azul-claro, #A3D5FF);color:#fff}.source-div-inputs{display:flex;align-items:center;gap:.25rem;margin-top:.2rem}.source-div-sep{font-size:.7rem;font-weight:700;color:var(--azul-medio, #7FB8D3)}.source-div-preview{display:block;margin-top:.2rem;font-size:.65rem;color:#4a9d8e;font-weight:600}.source-size-custom{display:flex;gap:.2rem;margin-top:.25rem;align-items:center}.source-size-input{width:54px;padding:.15rem .3rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:4px;background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);font-size:.65rem;font-weight:500;outline:none}.source-size-input:focus{border-color:var(--azul-profundo, #3A6EA5);box-shadow:0 0 0 2px #3a6ea526}.source-size-input::-webkit-outer-spin-button,.source-size-input::-webkit-inner-spin-button{-webkit-appearance:none}.source-size-input[type=number]{-moz-appearance:textfield}.source-size-btn{padding:.15rem .4rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));border-radius:4px;background:var(--blanco-oceano, #F8FDFF);color:var(--azul-profundo, #3A6EA5);font-size:.65rem;font-weight:500;cursor:pointer;transition:all .15s ease}.source-size-btn.active{background:var(--azul-profundo, #3A6EA5);color:#fff;border-color:var(--azul-profundo, #3A6EA5)}.source-size-btn:hover:not(.active):not(:disabled){background:var(--azul-claro, #A3D5FF);color:#fff}.source-size-btn:disabled{opacity:.3;cursor:not-allowed}.source-warnings{display:flex;flex-direction:column;gap:.2rem}.source-warning{display:flex;align-items:flex-start;gap:.3rem;padding:.25rem .4rem;background:#ffc10714;border-radius:4px;font-size:.65rem;color:#856404;line-height:1.3}.source-warning .fas{font-size:.55rem;margin-top:.15rem;flex-shrink:0}.transit-zone{flex:1;display:flex;flex-direction:column;min-height:0}.transit-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .2));border-top:1px solid var(--glass-border, rgba(163, 213, 255, .2));background:#a3d5ff0d;gap:.4rem}.transit-header-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.transit-label{font-size:.7rem;font-weight:700;color:var(--azul-profundo, #3A6EA5);display:flex;align-items:center;gap:.3rem;text-transform:uppercase;letter-spacing:.3px}.transit-label .fas{font-size:.6rem;opacity:.6}.transit-count{font-size:.65rem;font-weight:700;background:var(--azul-claro, #A3D5FF);color:var(--azul-profundo, #3A6EA5);padding:.1rem .4rem;border-radius:8px;min-width:20px;text-align:center}.transit-grid{display:grid;gap:1px;padding:.35rem;overflow-y:auto;flex:1;background:#a3d5ff0f;align-content:start}.transit-tile{cursor:grab;border-radius:3px;overflow:hidden;border:1px solid transparent;transition:all .15s ease;line-height:0;background:#fff}.transit-tile:hover{border-color:var(--azul-medio, #7FB8D3);box-shadow:0 0 0 1px var(--azul-medio, #7FB8D3);z-index:1}.transit-tile:active{cursor:grabbing;opacity:.7;transform:scale(.95)}.transit-tile img{width:100%;height:auto;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.transit-autoplace-btn{display:flex;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.65rem;font-weight:700;border:1px solid rgba(74,157,142,.5);border-radius:6px;background:#4a9d8e1a;color:#4a9d8e;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s;line-height:1}.transit-autoplace-btn:hover{background:#4a9d8e33;border-color:#4a9d8ecc}.transit-autoplace-btn:active{transform:scale(.96)}.transit-autoplace-btn .fas{font-size:.6rem}.transit-feedback{display:flex;align-items:center;gap:.8rem;padding:.3rem .6rem;font-size:.65rem;font-weight:600;animation:transit-feedback-in .15s ease}@keyframes transit-feedback-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.transit-feedback--ok{background:#4a9d8e1a;border-bottom:1px solid rgba(74,157,142,.2);color:#4a9d8e}.transit-feedback--warn{background:#e67e2214;border-bottom:1px solid rgba(230,126,34,.2);color:#e67e22}.transit-feedback span{display:flex;align-items:center;gap:.3rem}.transit-feedback .fas{font-size:.6rem}.sources-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.sources-import{padding:.5rem;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3))}.sources-import-btn{width:100%;justify-content:center;background:linear-gradient(135deg,var(--azul-profundo, #3A6EA5),var(--azul-medio, #7FB8D3))!important;color:#fff!important;border:none!important}.sources-import-btn:hover{opacity:.9}.sources-tabs{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3));background:#a3d5ff0d}.source-tab{display:flex;align-items:center;gap:.3rem;padding:.35rem .5rem;border:none;background:transparent;color:var(--azul-medio, #7FB8D3);font-size:.7rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease;border-bottom:2px solid transparent;min-width:0}.source-tab.active{color:var(--azul-profundo, #3A6EA5);font-weight:700;border-bottom-color:var(--azul-profundo, #3A6EA5);background:#a3d5ff1a}.source-tab:hover:not(.active){background:#a3d5ff14}.source-tab-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.source-tab-close{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:2px;font-size:.55rem;opacity:.5;transition:all .15s;padding:0}.source-tab-close:hover{opacity:1;background:#dc354526;color:#dc3545}.sources-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.sources-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--azul-medio, #7FB8D3);opacity:.6;padding:1.5rem 1rem}.sources-empty .fas{font-size:1.8rem;margin-bottom:.5rem}.sources-empty p{margin:0;font-size:.85rem;font-weight:600}.sources-empty small{font-size:.7rem;margin-top:.2rem}.tags-input-wrapper{position:relative;display:flex;flex-direction:column;gap:.35rem}.tags-preset-palette{display:flex;flex-wrap:wrap;gap:.25rem;padding:.3rem .35rem;background:#a3d5ff0d;border:1px solid rgba(163,213,255,.2);border-radius:6px}.tag-preset-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.12rem .45rem;border-radius:10px;border:1px solid rgba(163,213,255,.4);background:#ffffff0a;color:var(--azul-medio, #7FB8D3);font-size:.65rem;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;position:relative}.tag-preset-chip:hover{background:#a3d5ff2e;border-color:var(--azul-medio, #7FB8D3);color:var(--azul-profundo, #3A6EA5)}.tag-preset-chip.active{background:#a3d5ff40;border-color:var(--azul-profundo, #3A6EA5);color:var(--azul-profundo, #3A6EA5)}.tag-preset-chip.active:before{content:"✓ ";font-size:.55rem}.tag-preset-remove{font-size:.8rem;line-height:1;opacity:.5;cursor:pointer;padding:0 .1rem;transition:opacity .1s,color .1s}.tag-preset-remove:hover{opacity:1;color:#dc3545}.tag-preset-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px dashed rgba(163,213,255,.4);background:transparent;color:var(--azul-medio, #7FB8D3);font-size:.6rem;cursor:pointer;transition:background .12s,border-color .12s;flex-shrink:0}.tag-preset-edit-btn:hover,.tag-preset-edit-btn.active{background:#a3d5ff2e;border-color:var(--azul-medio, #7FB8D3);border-style:solid}.tags-input-container{display:flex;flex-wrap:wrap;gap:.25rem;padding:.35rem;border:1px solid rgba(163,213,255,.3);border-radius:6px;background:#ffffff0f;min-height:32px;align-items:center;transition:border-color .15s}.tags-input-container:focus-within{border-color:var(--azul-medio, #7FB8D3)}.tag-chip{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;border-radius:10px;background:#a3d5ff33;color:var(--azul-profundo, #3A6EA5);font-size:.7rem;font-weight:500;white-space:nowrap}.tag-chip-remove{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:inherit;cursor:pointer;font-size:.85rem;line-height:1;padding:0;opacity:.6;transition:opacity .1s}.tag-chip-remove:hover{opacity:1;color:#dc3545}.tags-input-field{flex:1;min-width:60px;border:none;outline:none;background:transparent;color:var(--azul-profundo, #3A6EA5);font-size:.75rem;padding:.1rem .2rem}.tags-input-field::placeholder{color:#3a6ea566}.tags-suggestions{position:absolute;top:100%;left:0;right:0;margin:0;padding:.25rem;list-style:none;background:#fffffffa;border:1px solid rgba(163,213,255,.3);border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:100;max-height:160px;overflow-y:auto}.tags-suggestion-item{display:flex;flex-direction:column;width:100%;text-align:left;border:none;background:none;padding:.3rem .5rem;border-radius:4px;cursor:pointer;transition:background .1s}.tags-suggestion-item:hover{background:#a3d5ff33}.suggestion-tag{font-size:.7rem;font-weight:600;color:var(--azul-profundo, #3A6EA5)}.suggestion-desc{font-size:.6rem;color:var(--azul-medio, #7FB8D3);margin-top:.05rem}.tags-suggestion-new-preset{border-top:1px solid rgba(163,213,255,.2);margin-top:.15rem;padding-top:.15rem}.tags-save-preset-btn{color:#4a9d8e!important;font-size:.68rem!important;flex-direction:row!important;align-items:center;gap:.35rem}.tags-save-preset-btn .fas{font-size:.6rem;flex-shrink:0}.bgremoval-dialog{max-width:600px;width:90vw}.bgremoval-comparison{display:flex;align-items:stretch;gap:.5rem}.bgremoval-side{flex:1;display:flex;flex-direction:column;gap:.35rem}.bgremoval-side-label{font-size:.65rem;font-weight:600;text-transform:uppercase;color:var(--azul-profundo, #3A6EA5);letter-spacing:.03em;text-align:center}.bgremoval-img-wrap{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px solid rgba(163,213,255,.3);border-radius:8px;overflow:hidden;background:repeating-conic-gradient(rgba(0,0,0,.06) 0% 25%,transparent 0% 50%) 50% / 16px 16px}.bgremoval-img-wrap img{max-width:100%;max-height:220px;image-rendering:pixelated}.bgremoval-img-wrap.result{position:relative}.bgremoval-arrow{display:flex;align-items:center;color:var(--azul-medio, #7FB8D3);font-size:1.2rem;flex-shrink:0}.bgremoval-loading{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;color:var(--azul-profundo, #3A6EA5);font-size:.7rem}.bgremoval-spinner{width:32px;height:32px;border:3px solid rgba(163,213,255,.3);border-top-color:var(--azul-profundo, #3A6EA5);border-radius:50%;animation:bgr-spin .8s linear infinite}@keyframes bgr-spin{to{transform:rotate(360deg)}}.bgremoval-progress-bar{width:120px;height:4px;background:#a3d5ff33;border-radius:2px;overflow:hidden}.bgremoval-progress-fill{height:100%;background:var(--verde-oceano, #4A9D8E);border-radius:2px;transition:width .3s ease}.bgremoval-pct{font-weight:600;font-size:.65rem}.bgremoval-error{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem;color:#dc3545;font-size:.7rem;text-align:center}.bgremoval-error i{font-size:1.2rem}.tile-editor-dialog{max-width:680px;width:96vw}.tile-editor-body{display:flex;gap:1.25rem;align-items:flex-start;max-height:72vh;overflow-y:auto}.te-preview-col{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.45rem;position:sticky;top:0}.te-preview-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-width:160px;min-height:160px;border:1px solid rgba(163,213,255,.3);border-radius:8px;overflow:hidden;background:repeating-conic-gradient(rgba(0,0,0,.06) 0% 25%,transparent 0% 50%) 50% / 14px 14px}.te-preview-canvas{image-rendering:pixelated;display:block}.te-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--azul-medio, #7FB8D3);font-size:1.25rem}.te-preview-label{font-size:.65rem;color:var(--azul-medio, #7FB8D3);font-weight:500;text-align:center}.te-rotation-badge{display:flex;align-items:center;gap:.25rem;background:#a3d5ff26;border:1px solid rgba(163,213,255,.3);border-radius:10px;padding:.15rem .5rem;color:var(--azul-profundo, #3A6EA5);font-weight:700}.te-controls-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:.9rem}.te-section{display:flex;flex-direction:column;gap:.4rem}.te-section-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--azul-profundo, #3A6EA5);display:flex;align-items:center;gap:.35rem;opacity:.8}.te-btn-group{display:flex;flex-wrap:wrap;gap:.3rem}.te-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border:1px solid var(--glass-border, rgba(163, 213, 255, .35));border-radius:5px;background:#ffffff80;color:var(--azul-profundo, #3A6EA5);font-size:.72rem;font-weight:500;cursor:pointer;transition:background .12s,border-color .12s,color .12s;white-space:nowrap}.te-btn:hover{background:#a3d5ff33;border-color:var(--azul-medio, #7FB8D3)}.te-btn--on{background:#3a6ea52e;border-color:var(--azul-profundo, #3A6EA5);color:var(--azul-profundo, #3A6EA5);font-weight:700}.te-color-row{display:flex;flex-wrap:wrap;gap:.35rem}.te-swatch{width:24px;height:24px;border-radius:5px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:.75rem;transition:border-color .12s,transform .1s;background:repeating-conic-gradient(rgba(0,0,0,.12) 0% 25%,transparent 0% 50%) 50% / 8px 8px;box-shadow:0 0 0 1px #a3d5ff4d}.te-swatch:hover{transform:scale(1.15);border-color:var(--azul-medio, #7FB8D3)}.te-swatch--on{border-color:var(--azul-profundo, #3A6EA5);box-shadow:0 0 0 2px var(--azul-profundo, #3A6EA5)}.te-swatch--picker{position:relative;background:linear-gradient(135deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);color:#fff;cursor:pointer}.te-swatch--picker input[type=color]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0;padding:0;border:none}.te-sliders{display:flex;flex-direction:column;gap:.4rem}.te-slider-row{display:flex;align-items:center;gap:.4rem}.te-slider-label{font-size:.7rem;color:var(--azul-profundo, #3A6EA5);width:72px;flex-shrink:0;font-weight:500}.te-range{flex:1;accent-color:var(--azul-profundo, #3A6EA5);cursor:pointer;height:4px}.te-slider-val{font-size:.68rem;color:var(--azul-medio, #7FB8D3);width:34px;text-align:right;flex-shrink:0;font-weight:500;font-variant-numeric:tabular-nums}.te-slider-val--changed{color:var(--azul-profundo, #3A6EA5);font-weight:700}.te-reset-btn{background:none;border:none;color:var(--azul-medio, #7FB8D3);cursor:pointer;font-size:.85rem;padding:0 .1rem;line-height:1;opacity:.7;transition:opacity .12s}.te-reset-btn:hover{opacity:1;color:var(--azul-profundo, #3A6EA5)}.tile-editor-dialog .dialog-actions{display:flex;gap:.5rem;align-items:center}.inspector-panel{display:flex;flex-direction:column;gap:.75rem;padding:.25rem;height:100%;overflow-y:auto}.inspector-preview{display:flex;justify-content:center;align-items:center;padding:.75rem;background:#a3d5ff0d;border-radius:8px;border:1px solid rgba(163,213,255,.15)}.inspector-preview img{max-width:100%;max-height:96px;image-rendering:pixelated;border-radius:4px}.inspector-field>label{font-size:.65rem;font-weight:600;color:var(--azul-profundo, #3A6EA5);text-transform:uppercase;letter-spacing:.05em}.inspector-input{width:100%;padding:.35rem .5rem;border:1px solid rgba(163,213,255,.3);border-radius:6px;background:#ffffff0f;color:var(--azul-profundo, #3A6EA5);font-size:.75rem;transition:border-color .15s;box-sizing:border-box}.inspector-input:focus{outline:none;border-color:var(--azul-medio, #7FB8D3)}.inspector-textarea{resize:vertical;min-height:40px;font-family:inherit}.inspector-info{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;background:#a3d5ff0d;border-radius:6px}.inspector-info-row{display:flex;justify-content:space-between;align-items:center;font-size:.7rem;color:var(--azul-profundo, #3A6EA5)}.inspector-info-label{font-weight:500;opacity:.7}.inspector-warning-badge{color:#e67e22;gap:.3rem;justify-content:start;font-weight:500}.inspector-warning-badge i{font-size:.65rem}.inspector-warnings{display:flex;flex-direction:column;gap:.25rem}.inspector-warning-item{display:flex;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.65rem;color:#e67e22;background:#e67e2214;border-radius:4px;border-left:2px solid #e67e22}.inspector-warning-item i{font-size:.6rem;flex-shrink:0}.inspector-actions{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.inspector-actions .btn{width:100%;justify-content:center}.inspector-tag-filter{display:flex;flex-direction:column;gap:.2rem;padding-top:.5rem;border-top:1px solid rgba(163,213,255,.15);margin-top:auto}.inspector-tag-filter label{font-size:.65rem;font-weight:600;color:var(--azul-profundo, #3A6EA5);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.3rem}.inspector-tag-filter select{width:100%;padding:.3rem .4rem;border:1px solid rgba(163,213,255,.3);border-radius:6px;background:#ffffff0f;color:var(--azul-profundo, #3A6EA5);font-size:.7rem;cursor:pointer}.inspector-tag-filter select:focus{outline:none;border-color:var(--azul-medio, #7FB8D3)}.inspector-resize{display:flex;flex-direction:column;gap:.4rem;padding:.55rem .6rem;background:#a3d5ff0d;border:1px solid rgba(163,213,255,.2);border-radius:8px}.inspector-resize-header{display:flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;color:var(--azul-profundo, #3A6EA5);text-transform:uppercase;letter-spacing:.05em}.inspector-resize-header .fas{font-size:.6rem;color:var(--azul-medio, #7FB8D3)}.inspector-resize-current{font-weight:400;color:var(--azul-medio, #7FB8D3);text-transform:none;letter-spacing:0}.inspector-resize-row{display:flex;align-items:flex-end;gap:.4rem}.inspector-resize-sep{font-size:.8rem;font-weight:700;color:var(--azul-medio, #7FB8D3);padding-bottom:.2rem}.inspector-resize-field{display:flex;flex-direction:column;gap:.15rem;flex:1}.inspector-resize-field>label{font-size:.6rem;font-weight:600;color:var(--azul-medio, #7FB8D3);text-transform:uppercase;letter-spacing:.04em}.inspector-resize-stepper{display:flex;align-items:center;border:1px solid rgba(163,213,255,.3);border-radius:6px;overflow:hidden}.stepper-btn{width:24px;height:26px;border:none;background:#a3d5ff1a;color:var(--azul-profundo, #3A6EA5);font-size:.85rem;font-weight:700;cursor:pointer;transition:background .12s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stepper-btn:hover:not(:disabled){background:var(--azul-claro, #A3D5FF);color:#fff}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-input{flex:1;min-width:0;border:none;text-align:center;background:#ffffff0f;color:var(--azul-profundo, #3A6EA5);font-size:.75rem;font-weight:600;padding:.2rem 0;outline:none}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none}.stepper-input[type=number]{-moz-appearance:textfield}.inspector-resize-preview{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.resize-preview-size{font-size:.68rem;color:#4a9d8e;font-weight:600}.resize-apply-btn{flex-shrink:0}.inspector-resize-error{font-size:.65rem;color:#dc3545;display:flex;align-items:flex-start;gap:.3rem;line-height:1.4}.inspector-resize-error .fas{flex-shrink:0;margin-top:.05rem}.inspector-duplicate-badge{color:#8e44ad}.inspector-duplicate-badge i{font-size:.65rem}.inspector-duplicate-dialog{display:flex;flex-direction:column;gap:.5rem;padding:.6rem .7rem;background:#8e44ad12;border:1px solid rgba(142,68,173,.3);border-radius:8px;animation:inspector-fadein .15s ease}@keyframes inspector-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.inspector-duplicate-dialog-title{font-size:.68rem;color:#8e44ad;font-weight:600;line-height:1.5;display:flex;flex-direction:column;gap:.2rem}.inspector-duplicate-dialog-title i{font-size:.65rem;margin-right:.3rem}.inspector-duplicate-dialog-title span{font-weight:400;color:var(--azul-profundo, #3A6EA5)}.inspector-duplicate-dialog-actions{display:flex;flex-direction:column;gap:.3rem}.inspector-duplicate-dialog-actions .btn{width:100%;justify-content:center}.inspector-duplicate-all-btn{background:#8e44ad1f!important;border-color:#8e44ad59!important;color:#8e44ad!important}.inspector-duplicate-all-btn:hover{background:#8e44ad38!important}.btn-ghost{background:transparent!important;border-color:#a3d5ff40!important;color:var(--azul-medio, #7FB8D3)!important}.btn-ghost:hover{background:#a3d5ff1a!important}.inspector-flag-row{display:flex;gap:.3rem;width:100%}.btn-flag{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.3rem .4rem;border:1.5px solid transparent;border-radius:6px;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit;white-space:nowrap}.btn-flag-review{background:#ffaa0014;color:#8a5700;border-color:#ffaa004d}.btn-flag-review:hover{background:#ffaa002e;border-color:#fa09}.btn-flag-review.active{background:#ffaa0040;border-color:#fa0;color:#6b4000;box-shadow:0 0 0 2px #fa03}.btn-flag-delete{background:#dc354512;color:#a71d2a;border-color:#dc354547}.btn-flag-delete:hover{background:#dc354526;border-color:#dc35458c}.btn-flag-delete.active{background:#dc354533;border-color:#dc3545;color:#7d0d18;box-shadow:0 0 0 2px #dc35452e}.dialog-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog-container{max-width:480px;width:90%;padding:0!important;overflow:hidden;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3))}.dialog-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--azul-profundo, #3A6EA5);display:flex;align-items:center;gap:.5rem}.dialog-close{background:none;border:none;color:var(--azul-medio, #7FB8D3);cursor:pointer;font-size:1rem;padding:.25rem;transition:color .15s}.dialog-close:hover{color:var(--azul-profundo, #3A6EA5)}.dialog-body{padding:1.25rem}.dialog-body p{margin:0 0 .75rem;font-size:.9rem;color:var(--azul-profundo, #3A6EA5);line-height:1.5}.dialog-tiles-preview{display:flex;gap:.5rem;flex-wrap:wrap;padding:.75rem;background:var(--section-bg, rgba(248, 253, 255, .8));border-radius:10px;border:1px solid var(--glass-border, rgba(163, 213, 255, .2))}.dialog-tile-preview{display:flex;flex-direction:column;align-items:center;gap:.2rem}.dialog-tile-preview img{width:40px;height:40px;border-radius:4px;border:1px solid var(--glass-border, rgba(163, 213, 255, .3));image-rendering:pixelated;object-fit:contain;background:#fff}.dialog-tile-placeholder{width:40px;height:40px;border-radius:4px;background:#a3d5ff33;border:1px solid var(--glass-border, rgba(163, 213, 255, .3))}.dialog-tile-preview span{font-size:.65rem;color:var(--azul-medio, #7FB8D3);max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-more{display:flex;align-items:center;font-size:.75rem;color:var(--azul-medio, #7FB8D3);font-weight:600}.dialog-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--glass-border, rgba(163, 213, 255, .3));justify-content:flex-end;flex-wrap:wrap}.dialog-actions .btn-primary{background:linear-gradient(135deg,var(--azul-profundo, #3A6EA5),var(--azul-medio, #7FB8D3));color:#fff;border:none}.dialog-actions .btn-danger{background:transparent;color:#dc3545;border-color:#dc3545}.dialog-actions .btn-danger:hover,.dialog-actions .confirm-danger{background:#dc3545;color:#fff}.dialog-actions .btn-secondary{background:transparent;color:var(--azul-medio, #7FB8D3)}.tileset-composer{display:flex;height:100%;gap:0}.panel{display:flex;flex-direction:column;background:var(--section-bg, rgba(248, 253, 255, .8));overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3));background:var(--glass-bg, rgba(255, 255, 255, .95));min-height:40px}.panel-header h3{margin:0;font-size:.85rem;font-weight:700;color:var(--azul-profundo, #3A6EA5);display:flex;align-items:center;gap:.4rem}.panel-header h3 .fas{font-size:.8rem;opacity:.8}.panel-body{flex:1;overflow-y:auto;padding:.75rem}.panel-body-flush{padding:0}.panel-sources{width:240px;min-width:200px;border-right:1px solid var(--glass-border, rgba(163, 213, 255, .3))}.panel-workplace{flex:1;min-width:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.canvas-controls{display:flex;align-items:center;gap:.5rem}.canvas-info{font-size:.75rem;color:var(--azul-medio, #7FB8D3);font-weight:500;background:#a3d5ff1a;padding:.2rem .6rem;border-radius:6px}.canvas-area{overflow:hidden;display:flex;align-items:flex-start;background:linear-gradient(45deg,rgba(163,213,255,.05) 25%,transparent 25%),linear-gradient(-45deg,rgba(163,213,255,.05) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(163,213,255,.05) 75%),linear-gradient(-45deg,transparent 75%,rgba(163,213,255,.05) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.panel-inspector{width:260px;min-width:220px;border-left:1px solid var(--glass-border, rgba(163, 213, 255, .3))}.panel-placeholder,.canvas-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--azul-medio, #7FB8D3);opacity:.6;padding:2rem 1rem;height:100%}.panel-placeholder .fas,.canvas-placeholder .fas{font-size:2rem;margin-bottom:.75rem}.panel-placeholder p,.canvas-placeholder p{margin:0;font-size:.9rem;font-weight:600}.panel-placeholder small,.canvas-placeholder small{font-size:.75rem;margin-top:.3rem}.inspector-content{display:flex;flex-direction:column;gap:.75rem}.inspector-field{display:flex;flex-direction:column;gap:.2rem}.inspector-field label{font-size:.7rem;font-weight:700;color:var(--azul-medio, #7FB8D3);text-transform:uppercase;letter-spacing:.5px}.inspector-field span,.inspector-field p{font-size:.85rem;color:var(--azul-profundo, #3A6EA5);margin:0}.inspector-tags{display:flex;gap:.3rem;flex-wrap:wrap}.inspector-tag{font-size:.7rem;padding:.15rem .5rem;border-radius:10px;background:#a3d5ff33;color:var(--azul-profundo, #3A6EA5);font-weight:500}.inspector-warning{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:6px;font-size:.8rem;color:#856404;font-weight:500}.inspector-desc{font-size:.8rem!important;line-height:1.4;color:var(--azul-profundo, #3A6EA5);opacity:.85}.inspector-actions{display:flex;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--glass-border, rgba(163, 213, 255, .2))}.inspector-actions .btn-danger{background:transparent;color:#dc3545;border-color:#dc35454d}.inspector-actions .btn-danger:hover{background:#dc3545;color:#fff}@media(max-width:1024px){.panel-sources{width:180px;min-width:160px}.panel-inspector{width:200px;min-width:180px}}@media(max-width:768px){.tileset-composer{flex-direction:column}.panel-sources,.panel-inspector{width:100%;min-width:unset;max-height:200px;border-right:none;border-left:none;border-bottom:1px solid var(--glass-border, rgba(163, 213, 255, .3))}}.about-container{display:flex;align-items:center;justify-content:center;min-height:100%;background:linear-gradient(135deg,#f8fdffb8,#a3d5ff1f);padding:2rem 1rem}.about-content{width:100%;max-width:700px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:3rem 2.5rem;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(10px)}.about-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--glass-border)}.about-header i{font-size:2rem;color:var(--azul-claro)}.about-header h1{margin:0;color:var(--azul-profundo);font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.about-section{margin-bottom:2rem}.about-section h2{color:var(--azul-profundo);font-size:1.1rem;font-weight:700;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.about-section h2:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--azul-claro)}.about-text{color:var(--azul-profundo);font-size:.95rem;line-height:1.6;margin:.5rem 0}.about-description{color:var(--azul-medio);font-size:.9rem;line-height:1.7}.about-features{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.about-features li{display:flex;align-items:center;gap:.75rem;color:var(--azul-profundo);font-size:.95rem;line-height:1.5}.about-features i{color:var(--verde-oceano);font-size:.9rem;min-width:16px}.about-tech{color:var(--azul-profundo);font-size:.95rem;line-height:1.6;padding:1rem;background:#a3d5ff1a;border-radius:8px;border-left:4px solid var(--azul-claro);margin:0}.about-tech strong{color:var(--azul-profundo);font-weight:600}.about-support{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}.support-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid var(--glass-border);border-radius:8px;background:#ffffffb8;color:var(--azul-profundo);font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;cursor:pointer;text-align:center}.support-button:hover{background:#a3d5ff33;border-color:var(--azul-medio);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.support-button.coffee{background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border-color:#6f3410}.support-button.coffee:hover{background:linear-gradient(135deg,#6f3410,#8b4513);border-color:#5c2a0a}.support-button i{font-size:1rem}.about-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--glass-border);text-align:center}.about-footer p{color:var(--azul-medio);font-size:.85rem;margin:.5rem 0;display:flex;align-items:center;justify-content:center;gap:.4rem}.about-footer p i{font-size:.8rem}.about-footer .version{color:var(--azul-claro);font-weight:600;font-size:.88rem}@media(max-width:600px){.about-content{padding:2rem 1.5rem}.about-header h1{font-size:1.5rem}.about-section h2{font-size:1rem}.about-support{flex-direction:column}.support-button{width:100%;justify-content:center}}.ocean-background-container{min-height:100vh;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--azul-claro) 35%,rgba(163,213,255,.8) 70%,var(--bg-primary-20) 100%);position:relative;padding:1rem;overflow-y:auto}.ocean-background-container:before{content:"";position:absolute;inset:0;background-image:url(../resources/bg.jpeg);background-size:140% 100%;background-position:10% center;background-repeat:no-repeat;animation:ocean-waves 20s ease-in-out infinite;z-index:-1}.ocean-background-container:after{content:"";position:absolute;bottom:0;left:0;width:200%;height:100px;background:linear-gradient(to right,transparent,rgba(163,213,255,.3) 25%,rgba(255,255,255,.4) 50%,rgba(163,213,255,.3) 75%,transparent);border-radius:50%;animation:artificial-waves-1 15s ease-in-out infinite;z-index:1}.ocean-background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:2}.ocean-content{position:relative;z-index:10;width:100%}.ocean-content-container{background:#ffffff38;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--border-radius-lg, 20px);padding:2rem;margin:1rem;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;border:1px solid rgba(255,255,255,.3);min-height:calc(100vh - 4rem);position:relative;transition:var(--transition-normal, all .3s ease)}.ocean-content-container:hover{box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a;transform:translateY(-2px)}.ocean-background-container.auth-view .ocean-content-container{max-width:500px;margin:2rem auto;min-height:auto;display:flex;align-items:center;justify-content:center}.ocean-background-container.dashboard-view .ocean-content-container{margin:1rem;min-height:calc(100vh - 4rem)}.ocean-wave-layer-1{position:absolute;bottom:-30px;left:0;width:250%;height:80px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2) 30%,rgba(163,213,255,.4) 50%,rgba(255,255,255,.2) 70%,transparent);border-radius:50%;animation:artificial-waves-2 18s ease-in-out infinite reverse;z-index:1}.ocean-wave-layer-2{position:absolute;bottom:-60px;left:0;width:180%;height:120px;background:linear-gradient(to right,transparent,rgba(var(--color-primary-rgb, 0, 123, 255),.15) 35%,rgba(163,213,255,.25) 50%,rgba(var(--color-primary-rgb, 0, 123, 255),.15) 65%,transparent);border-radius:50%;animation:artificial-waves-3 22s ease-in-out infinite;z-index:1}@keyframes ocean-waves{0%{background-position:10% center;transform:translateY(0)}25%{background-position:5% center;transform:translateY(-2px)}50%{background-position:0% center;transform:translateY(0)}75%{background-position:5% center;transform:translateY(2px)}to{background-position:10% center;transform:translateY(0)}}@keyframes artificial-waves-1{0%{transform:translate(-30%) translateY(0) scaleY(1);opacity:.3}25%{transform:translate(-20%) translateY(-5px) scaleY(1.1);opacity:.5}50%{transform:translate(-10%) translateY(0) scaleY(1.2);opacity:.4}75%{transform:translate(-5%) translateY(3px) scaleY(1.1);opacity:.6}to{transform:translate(0) translateY(0) scaleY(1);opacity:.3}}@keyframes artificial-waves-2{0%{transform:translate(10%) translateY(0) scaleY(.8);opacity:.2}30%{transform:translate(0) translateY(4px) scaleY(.9);opacity:.4}60%{transform:translate(-15%) translateY(0) scaleY(1);opacity:.3}to{transform:translate(-25%) translateY(-2px) scaleY(.8);opacity:.2}}@keyframes artificial-waves-3{0%{transform:translate(-40%) translateY(0) scaleY(1.3);opacity:.15}35%{transform:translate(-25%) translateY(-8px) scaleY(1.5);opacity:.25}70%{transform:translate(-10%) translateY(0) scaleY(1.4);opacity:.2}to{transform:translate(5%) translateY(5px) scaleY(1.3);opacity:.15}}.ocean-background-container.auth-view{align-items:center;justify-content:center;padding:1rem .5rem}.ocean-background-container.dashboard-view{align-items:flex-start;padding:1rem}.ocean-background-container.form-view{align-items:flex-start;padding:2rem 1rem}@media(max-width:768px){.ocean-background-container,.ocean-background-container.auth-view{padding:.5rem}.ocean-wave-layer-1,.ocean-wave-layer-2{height:60px}.ocean-background-container:after{height:80px}}@media(max-width:480px){.ocean-background-container,.ocean-background-container.auth-view{padding:.25rem}.ocean-wave-layer-1,.ocean-wave-layer-2{height:40px}.ocean-background-container:after{height:60px}}.ocean-background-container.reduced-motion{animation:none}.ocean-background-container.reduced-motion:before,.ocean-background-container.reduced-motion:after,.ocean-background-container.reduced-motion .ocean-wave-layer-1,.ocean-background-container.reduced-motion .ocean-wave-layer-2{animation:none}@media(prefers-reduced-motion:reduce){.ocean-background-container:before,.ocean-background-container:after,.ocean-wave-layer-1,.ocean-wave-layer-2{animation:none}}:root{--azul-claro: #A3D5FF;--azul-medio: #7FB8D3;--azul-profundo: #3A6EA5;--blanco-oceano: #F8FDFF;--verde-oceano: #4A9D8E;--lavanda: #D3BFFF;--azul-profundo-rgb: 58, 110, 165;--color-primary-rgb: 0, 123, 255;--color-primary: #007bff;--color-secondary: #6c757d;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-surface: #ffffff;--color-text: #212529;--color-text-secondary: #6c757d;--fondo-claro: #f8f9fa;--ocean-primary: #3A6EA5;--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(163, 213, 255, .3);--section-bg: rgba(248, 253, 255, .8);--card-shadow: 0 8px 32px rgba(0, 0, 0, .1);--hover-shadow: 0 8px 25px rgba(0, 0, 0, .15);--bg-white-95: rgba(255, 255, 255, .95);--bg-primary-5: rgba(163, 213, 255, .05);--bg-primary-10: rgba(163, 213, 255, .1);--bg-primary-20: rgba(163, 213, 255, .2);--bg-primary-30: rgba(163, 213, 255, .3);--bg-success-10: rgba(40, 167, 69, .1);--bg-danger-10: rgba(220, 53, 69, .1);--border-primary-20: rgba(163, 213, 255, .2);--border-primary-30: rgba(163, 213, 255, .3);--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 50px;--shadow-sm: 0 2px 8px rgba(163, 213, 255, .1);--shadow-lg: 0 8px 25px rgba(163, 213, 255, .2);--transition-normal: all .3s ease}.ocean-container{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;padding:2rem;box-shadow:var(--card-shadow);transition:all .3s ease}.ocean-container.centered{max-width:800px;margin:0 auto}.ocean-container.small{max-width:500px;padding:1.5rem;border-radius:16px}.ocean-container:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.ocean-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--glass-border)}.ocean-header h2{color:var(--azul-profundo);font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.ocean-header .header-gradient{background:linear-gradient(135deg,var(--azul-profundo),var(--verde-oceano));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ocean-section{margin-bottom:2rem;padding:1.5rem;background:var(--section-bg);border-radius:15px;border-left:4px solid var(--azul-claro)}.ocean-section.collapsible{cursor:pointer}@media(min-width:1200px){.ocean-container.centered{max-width:1400px}.ocean-content-container,.dashboard-container,.ocean-container-dashboard{max-width:1400px;width:100%}}.ocean-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:var(--azul-profundo);font-weight:600}.ocean-section-title h3{margin:0;display:flex;align-items:center;gap:.5rem}.ocean-card{background:#ffffffb3;border-radius:12px;padding:1.5rem;border:1px solid var(--glass-border);transition:all .3s ease}.ocean-card.hover-effect:hover{transform:translateY(-1px);box-shadow:0 4px 15px #a3d5ff33}.ocean-card.accent-left{border-left:4px solid var(--azul-claro)}.card-ocean{background:var(--glass-bg);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--card-shadow);transition:all .3s ease;overflow:hidden}.card-ocean:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.card-header-ocean{background:#a3d5ff1a;border-bottom:1px solid var(--glass-border);padding:1.25rem 1.5rem;color:var(--azul-profundo);font-weight:600}.ocean-glass-container{background:#ffffffbf;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000014;transition:all .3s ease}.ocean-glass-container:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-2px)}.badge-ocean{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,var(--azul-claro),var(--azul-medio));color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.3px;box-shadow:0 2px 8px #3a6ea533}.alert-ocean{background:#a3d5ff1a;border:1px solid rgba(163,213,255,.3);border-left:4px solid var(--azul-claro);border-radius:10px;padding:1rem 1.25rem;color:var(--azul-profundo);font-weight:500}.text-ocean-primary{color:var(--azul-profundo)}.text-ocean-secondary{color:var(--azul-medio)}.text-ocean-accent{color:var(--verde-oceano)}.bg-ocean-section{background:var(--section-bg);border-radius:12px}.bg-ocean-light{background:#a3d5ff14;border-radius:12px}.list-group-item-ocean{background:#ffffffb3;backdrop-filter:blur(5px);border:1px solid rgba(163,213,255,.15);border-radius:10px;padding:1rem 1.25rem;margin-bottom:.5rem;transition:all .3s ease}.list-group-item-ocean:hover{background:#a3d5ff1a;transform:translate(4px);border-color:#a3d5ff4d}.spinner-ocean{color:var(--azul-claro);border-color:#a3d5ff33;border-top-color:var(--azul-claro)}.ocean-text-center{text-align:center}.ocean-text-left{text-align:left}.ocean-text-right{text-align:right}.ocean-rounded-sm{border-radius:8px}.ocean-rounded{border-radius:10px}.ocean-rounded-md{border-radius:12px}.ocean-rounded-lg{border-radius:15px}.ocean-rounded-xl{border-radius:16px}.ocean-rounded-2xl{border-radius:20px}.smart-assignment-panel{background:#fffffff2;backdrop-filter:blur(20px);border-radius:20px;padding:2rem;margin:1rem auto;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(163,213,255,.3)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(163,213,255,.3)}.panel-header h2{color:var(--azul-profundo);font-weight:600;font-size:1.8rem;display:flex;align-items:center;gap:.75rem;margin:0;background:linear-gradient(135deg,var(--azul-profundo),var(--verde-oceano));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.panel-actions{display:flex;gap:1rem}.section{background:#fffc;backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(163,213,255,.2);box-shadow:0 4px 15px #00000014}.section.main-section{background:#ffffffe6;border:2px solid rgba(163,213,255,.4)}.section h3{color:var(--azul-profundo);font-weight:600;font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.empty-state{text-align:center;padding:3rem 2rem;color:#6c757d;background:#fff9;border-radius:12px;border:2px dashed rgba(163,213,255,.3)}.empty-state p{font-size:1.1rem;margin-bottom:.5rem}.error-message{background:#dc35451a;color:#721c24;padding:1rem;border-radius:10px;border:1px solid rgba(220,53,69,.3);margin-bottom:1.5rem;text-align:center;font-weight:500}.tasks-grid,.suggestions-grid,.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1rem}.task-card{background:#ffffffe6;border-radius:12px;padding:1.5rem;border:1px solid rgba(163,213,255,.3);box-shadow:0 4px 12px #00000014;transition:all .3s ease;position:relative}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a3d5ff26;border-color:#a3d5ff80}.task-card-incomplete{border-color:#ffc107;background:#ffc1070d}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.task-header h4{color:var(--azul-profundo);font-weight:600;font-size:1.2rem;margin:0;flex:1;display:flex;align-items:center}.priority-badge{color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;white-space:nowrap}.task-info{margin-bottom:1.5rem}.task-description{color:#6c757d;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.task-meta{display:flex;flex-direction:column;gap:.5rem}.time-info,.deadline-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--azul-profundo)}.range-info{font-size:.8rem;color:#6c757d;margin-left:.5rem}.task-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-auto-assign{background:linear-gradient(135deg,var(--azul-claro),#2980b9);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3498db4d}.btn-auto-assign:hover{transform:translateY(-1px);box-shadow:0 6px 20px #3498db66;background:linear-gradient(135deg,#2980b9,var(--azul-claro))}.btn-auto-assign:disabled{opacity:.6;cursor:not-allowed;transform:none}.suggestion-card{background:#fffffff2;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,193,7,.3);box-shadow:0 4px 12px #ffc1071a;transition:all .3s ease}.suggestion-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffc10733;border-color:#ffc10780}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.suggestion-header h4{color:var(--azul-profundo);font-weight:600;margin:0;flex:1}.confidence-score{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600}.suggestion-details{margin-bottom:1.5rem}.time-slot,.reason,.temporal-space{margin-bottom:.75rem;font-size:.9rem;color:#495057;line-height:1.4}.suggestion-actions{display:flex;justify-content:flex-end}.btn-accept{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.btn-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.slot-card{background:#ffffffe6;border-radius:12px;padding:1.5rem;border:1px solid rgba(163,213,255,.3);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.slot-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a3d5ff26;border-color:#a3d5ff80}.slot-card.mode-trabajo{border-left:4px solid #007bff}.slot-card.mode-descanso{border-left:4px solid #28a745}.slot-card.mode-ejercicio{border-left:4px solid #fd7e14}.slot-date,.slot-time,.slot-duration,.slot-name,.slot-mode,.slot-description{margin-bottom:.75rem;font-size:.9rem;color:#495057;display:flex;align-items:center;gap:.5rem}.slot-tags,.slot-tags-free{margin-bottom:.75rem;font-size:.85rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background:#a3d5ff33;color:var(--azul-profundo);padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;border:1px solid rgba(163,213,255,.3)}.slot-tags-free{color:#28a745;font-weight:500}.mode-trabajo{color:#007bff;font-weight:600}.mode-descanso{color:#28a745;font-weight:600}.mode-ejercicio{color:#fd7e14;font-weight:600}.date-filter-section{background:#fff9;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(163,213,255,.2)}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.filter-header h4{color:var(--azul-profundo);font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.filter-toggle{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--azul-profundo);cursor:pointer}.filter-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.date-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-top:1rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-input-group label{font-weight:500;color:var(--azul-profundo);font-size:.9rem}.date-input-group input[type=date]{padding:.6rem;border:1px solid rgba(163,213,255,.4);border-radius:8px;background:#fffc;color:var(--azul-profundo);font-size:.9rem}.date-input-group input[type=date]:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 3px #a3d5ff33}.btn-filter,.btn-reset{padding:.6rem 1.2rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-filter{background:linear-gradient(135deg,var(--azul-claro),#2980b9);color:#fff}.btn-filter:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3498db4d}.btn-reset{background:#6c757d1a;color:#6c757d;border:1px solid rgba(108,117,125,.3)}.btn-reset:hover{background:#6c757d33;transform:translateY(-1px)}.filter-info{background:#a3d5ff1a;padding:1rem;border-radius:8px;border:1px solid rgba(163,213,255,.2);margin-top:1rem}.filter-info p{margin:0;color:var(--azul-profundo);font-weight:500}.loading-overlay{display:flex;justify-content:center;align-items:center;padding:3rem;background:#fffc;border-radius:12px;border:2px dashed rgba(163,213,255,.3)}.spinner{text-align:center;color:var(--azul-profundo)}.spinner-circle{width:40px;height:40px;border:3px solid rgba(163,213,255,.3);border-top:3px solid var(--azul-claro);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.spinner p{margin:0;font-weight:500}.warning-message{background:#ffc1071a!important;color:#856404!important;padding:1rem!important;border-radius:8px!important;margin-top:1rem!important;border:1px solid rgba(255,193,7,.3)!important;font-size:.9rem!important;line-height:1.4!important}.token-guard-loading{display:flex;justify-content:center;align-items:center;height:100px;flex-direction:column;gap:1rem;background:#fffc;backdrop-filter:blur(10px);border-radius:12px;padding:2rem;margin:1rem;border:1px solid rgba(163,213,255,.3);box-shadow:0 4px 15px #00000014}.token-guard-loading p{color:var(--azul-profundo);font-weight:500;margin:0;font-size:.95rem}.token-guard-redirect{display:flex;justify-content:center;align-items:center;height:100px;flex-direction:column;gap:1rem;background:#ffffffe6;backdrop-filter:blur(15px);border-radius:12px;padding:2rem;margin:1rem;border:2px solid rgba(163,213,255,.4);box-shadow:0 6px 20px #a3d5ff26}.token-guard-redirect p{color:#6c757d;font-weight:500;margin:0;font-size:.95rem;text-align:center}.token-guard-loading .spinner-circle,.token-guard-redirect .spinner-circle{width:32px;height:32px;border:3px solid rgba(163,213,255,.3);border-top:3px solid var(--azul-claro);border-radius:50%;animation:spin 1s linear infinite}.session-expired-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.session-expired-modal{background:#fffffffa;backdrop-filter:blur(20px);border-radius:20px;padding:0;max-width:450px;width:90%;max-height:90vh;box-shadow:0 20px 60px #00000026;border:2px solid rgba(220,53,69,.3);animation:slideIn .4s ease-out;overflow:hidden}.session-expired-header{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:2rem;text-align:center;border-bottom:none}.session-expired-header .warning-icon{font-size:3rem;margin-bottom:1rem;display:block;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,255,255,.3))}.session-expired-header h3{margin:0;font-size:1.8rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.2)}.session-expired-body{padding:2rem;text-align:center;background:#ffffffe6}.session-expired-body p{color:var(--azul-profundo);font-size:1.1rem;line-height:1.6;margin-bottom:1rem;font-weight:500}.session-expired-body p:first-child{font-weight:600;color:#dc3545}.session-expired-body p:last-child{font-size:1rem;color:#6c757d;margin-bottom:0}.session-expired-footer{padding:2rem;background:#fffffff2;border-top:1px solid rgba(163,213,255,.2);text-align:center}.btn-redirect{background:linear-gradient(135deg,var(--azul-claro),#2980b9);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #3498db4d;min-width:200px;justify-content:center}.btn-redirect:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3498db66;background:linear-gradient(135deg,#2980b9,var(--azul-claro))}.btn-redirect:active{transform:translateY(0);box-shadow:0 4px 15px #3498db4d}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ocean-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ocean-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.ocean-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.ocean-flex-center{display:flex;justify-content:center;align-items:center;gap:1rem}.ocean-flex-between{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ocean-flex-end{display:flex;justify-content:flex-end;gap:1rem}.ocean-spacing-sm{margin-bottom:1rem}.ocean-spacing-md{margin-bottom:1.5rem}.ocean-spacing-lg{margin-bottom:2rem}.ocean-spacing-xl{margin-bottom:2.5rem}.ocean-padding-sm{padding:1rem}.ocean-padding-md{padding:1.5rem}.ocean-padding-lg{padding:2rem}.ocean-border-top{border-top:2px solid var(--glass-border);padding-top:1.5rem;margin-top:2rem}.ocean-border-bottom{border-bottom:2px solid var(--glass-border);padding-bottom:1rem;margin-bottom:2rem}.tasks-list{display:flex;flex-direction:column;gap:1rem}.task-card{transition:all .3s ease;border-left:4px solid var(--azul-claro)}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.task-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.task-info{flex:1}.task-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.task-title{margin:0;color:var(--azul-profundo);font-weight:600;font-size:1.25rem}.task-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:.875rem}.meta-item svg{width:14px;height:14px}.meta-item.proposed-date{color:var(--azul-profundo);font-weight:500}.meta-item.tiempo-estimado{color:var(--verde-oceano);font-weight:500}.meta-item.recurrence{color:#6f42c1;font-weight:500}.completion-badge{position:relative}.completion-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.completion-circle.small{width:40px;height:40px}.completion-text{font-size:.75rem;font-weight:700;color:var(--azul-profundo);background:#ffffffe6;border-radius:50%;padding:.25rem;min-width:2rem;text-align:center}.task-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-complete-group{display:flex;gap:.25rem}.ai-actions{display:flex;gap:.25rem;align-items:center}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-ai:hover{background:linear-gradient(135deg,#764ba2,#667eea);color:#fff}.btn-ai.optimize{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-ai.analyze{background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-ai.suggest{background:linear-gradient(135deg,#43e97b,#38f9d7)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:8px;background:#fffffff2;color:#333;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 2px 4px #0000001a;position:relative}.btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.btn-icon:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.btn-icon.btn-small{width:2rem;height:2rem;font-size:.875rem}.btn-icon.btn-large{width:3rem;height:3rem;font-size:1.25rem}.btn-icon.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-icon.btn-success:hover{background:linear-gradient(135deg,#20c997,#28a745)}.btn-icon.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.btn-icon.btn-danger:hover{background:linear-gradient(135deg,#c82333,#dc3545)}.btn-icon.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.btn-icon.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#007bff)}.btn-icon.btn-outline{background:transparent;border:2px solid #dee2e6;color:#6c757d}.btn-icon.btn-outline:hover{background:#6c757d1a;border-color:#6c757d;color:#495057}.btn-icon.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-icon.btn-ai:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.btn-icon.btn-ai.optimize{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-icon.btn-ai.optimize:hover{background:linear-gradient(135deg,#f5576c,#f093fb)}.btn-icon.btn-ai.analyze{background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-icon.btn-ai.analyze:hover{background:linear-gradient(135deg,#00f2fe,#4facfe)}.btn-icon.btn-ai.suggest{background:linear-gradient(135deg,#43e97b,#38f9d7)}.btn-icon.btn-ai.suggest:hover{background:linear-gradient(135deg,#38f9d7,#43e97b)}.btn-icon.loading{pointer-events:none;opacity:.6}.btn-icon.loading svg{animation:spin 1s linear infinite}.analysis-dropdown{position:relative}.analysis-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;min-width:200px;padding:.5rem 0}.analysis-menu button{width:100%;text-align:left;padding:.5rem 1rem;border:none;background:none;color:#333;cursor:pointer;display:flex;align-items:center;gap:.5rem}.analysis-menu button:hover{background:#f8f9fa}.dashboard-filters{background:#fffffff2;backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.search-container{margin-bottom:1rem}.subtasks-preview{margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.btn-toggle{background:none;border:none;color:var(--azul-profundo);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;padding:.5rem 0}.btn-toggle:hover{color:var(--azul-claro)}.subtasks-expanded{margin-top:1rem;padding-left:1rem;border-left:2px solid #e9ecef}.subtasks-container{display:flex;flex-direction:column;gap:.75rem}.subtasks-container.level-1{padding-left:1rem}.subtasks-container.level-2{padding-left:2rem}.subtask-item{background:#ffffffb3;border-radius:8px;padding:1rem;border-left:3px solid var(--azul-claro)}.subtask-header{display:flex;gap:.5rem;align-items:flex-start}.expand-btn{background:none;border:none;color:var(--azul-profundo);cursor:pointer;padding:.25rem;margin-top:.25rem}.subtask-content{flex:1}.subtask-title-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.subtask-title-row h4{margin:0;font-size:1rem;color:var(--azul-profundo)}.subtask-actions{display:flex;gap:.25rem}.subtask-completion-badge{display:flex;align-items:center}.subtask-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.8rem}.nested-subtasks{margin-top:1rem;padding-left:1rem;border-left:2px solid #e9ecef}.priority-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.priority-badge.priority-1{background:#dc3545;color:#fff}.priority-badge.priority-2{background:#fd7e14;color:#fff}.priority-badge.priority-3{background:#ffc107;color:#212529}.priority-badge.priority-4{background:#28a745;color:#fff}.priority-badge.priority-5{background:#6c757d;color:#fff}.spinner{animation:spin 1s linear infinite}.empty-icon{opacity:.3}.task-form-container,.task-generator-container{max-width:800px;margin:0 auto;padding:0}.generator-icon{color:var(--azul-claro);font-size:1.5rem}.section-title{cursor:pointer}.expand-icon{transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--azul-profundo)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid rgba(163,213,255,.3);border-radius:10px;background:#ffffffe6;transition:all .3s ease;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 .2rem #a3d5ff40;background:#fff}.prompt-section{margin-bottom:2rem}.prompt-textarea{min-height:120px;resize:vertical}.prompt-counter{text-align:right;font-size:.875rem;color:#6c757d;margin-top:.5rem}.voice-feature-hint{background:#a3d5ff1a;padding:1rem;border-radius:10px;border-left:4px solid var(--azul-claro);margin-top:1rem}.preference-section{margin-bottom:1.5rem}.modelo-info{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;color:#6c757d}.robot-icon{color:var(--azul-claro)}.examples-section{margin-bottom:2rem}.examples-section h3{display:flex;align-items:center;gap:.5rem;color:var(--azul-profundo);margin-bottom:1rem}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem}.example-btn{padding:.75rem 1rem;border:1px solid rgba(163,213,255,.5);background:#f8fdffcc;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.9rem;color:var(--azul-profundo)}.example-btn:hover{background:#a3d5ff33;border-color:var(--azul-claro);transform:translateY(-1px)}.generated-task-section{margin-top:2rem}.generation-success{text-align:center;padding:2rem;background:#4caf501a;border-radius:15px;border:2px solid rgba(76,175,80,.3);margin-bottom:2rem}.success-icon{font-size:3rem;color:#4caf50;margin-bottom:1rem}.task-preview{background:#fffffff2;border-radius:15px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(163,213,255,.3)}.task-preview-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.task-preview-header h4{margin:0;color:var(--azul-profundo);flex:1;display:flex;align-items:center;gap:.5rem}.task-type-badge,.priority-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.task-type-badge{background:var(--azul-claro);color:#fff}.guide-steps ol,.subtasks-preview ul,.lists-preview ul{padding-left:1.5rem}.guide-steps li,.subtasks-preview li{margin-bottom:.5rem;line-height:1.5}.tags-preview{margin-top:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--azul-claro);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500}.alert-timeout{background:#ffc1071a;border-left:4px solid #ffc107;color:#856404}.alert-network,.alert-error{background:#dc35451a;border-left:4px solid #dc3545;color:#721c24}.alert-suggestions{margin-top:1rem;font-size:.9rem}.alert-suggestions ul{margin:.5rem 0 0 1rem;padding:0}.generate-btn{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.regenerate-btn{position:relative}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;transition:all .3s ease}.btn-ai:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-1px)}.generation-progress{text-align:center;margin-top:2rem}.generation-progress p{margin:.5rem 0;color:var(--azul-profundo);font-weight:500}.progress-info{margin-top:2rem;padding:1rem;background:#a3d5ff1a;border-radius:10px}.progress-timing,.progress-tips{margin:.5rem 0;font-size:.9rem;color:#666}.context-info{background:#a3d5ff1a;padding:1rem;border-radius:10px;border-left:4px solid var(--azul-claro);margin-bottom:2rem}.context-info h4{margin:0 0 .5rem;color:var(--azul-profundo);display:flex;align-items:center;gap:.5rem}.generation-metadata{background:#f8f9facc;padding:1rem;border-radius:10px;margin-top:1rem;font-size:.9rem}.metadata-grid{display:grid;gap:.5rem}.metadata-item{display:flex;align-items:center;gap:.5rem}.metadata-icon{color:var(--azul-claro)}.warning-text{color:#f57c00;font-weight:500}.btn-ocean{backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;transition:all .3s ease;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;opacity:1!important;visibility:visible!important;padding:.75rem 1rem;border-radius:10px}.btn-ocean:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;text-decoration:none}.btn-ocean.btn-primary{background:linear-gradient(135deg,#007bff,#2980b9)!important;color:#fff!important;border-color:transparent!important}.btn-ocean.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268)!important;color:#fff!important;border-color:transparent!important}.btn-ocean.btn-success{background:linear-gradient(135deg,#28a745,#218838)!important;color:#fff!important;border-color:transparent!important}.btn-ocean.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800)!important;color:#fff!important;border-color:transparent!important}.btn-ocean.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;border-color:transparent!important}.btn-ocean.btn-info{background:linear-gradient(135deg,#17a2b8,#138496)!important;color:#fff!important;border-color:transparent!important}.btn-ocean.btn-outline-primary{background:transparent;border-color:#007bff!important;color:#007bff}.btn-ocean.btn-outline-primary:hover{background:linear-gradient(135deg,#007bff,#2980b9);color:#fff}.btn-ocean.btn-outline-secondary{background:transparent;border-color:#6c757d!important;color:#6c757d}.btn-ocean.btn-outline-secondary:hover{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-ocean.btn-sm{padding:.5rem .75rem;font-size:.875rem;border-radius:8px}.btn-ocean.btn-lg{padding:1rem 1.5rem;font-size:1.125rem;border-radius:12px}.btn-ocean:disabled,.btn-ocean.disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ocean:disabled:hover,.btn-ocean.disabled:hover{transform:none;box-shadow:none}.btn-ocean.btn-close{padding:.5rem;background:transparent;border:none!important;font-size:1.25rem;color:#6c757d;min-width:auto}.btn-ocean.btn-close:hover{color:#000;background:#0000001a}.btn-ocean.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-ocean.btn-ai:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.btn-ocean.btn-ai.optimize{background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-ocean.btn-ai.analyze{background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-ocean.btn-ai.suggest{background:linear-gradient(135deg,#43e97b,#38f9d7)}.btn-unified{backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;transition:all .3s ease;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;opacity:1!important;visibility:visible!important;padding:.75rem 1rem;border-radius:10px}.btn-unified:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;text-decoration:none}.btn-unified.btn-primary{background:linear-gradient(135deg,#007bff,#2980b9);color:#fff}.btn-unified.btn-outline-secondary{background:transparent;border:2px solid #6c757d!important;color:#6c757d}.btn-unified.btn-outline-secondary:hover{background:#6c757d;color:#fff}.btn-unified:disabled,.btn-unified.disabled{opacity:.6;cursor:not-allowed;transform:none}.card-unified{background:var(--bg-white-95);backdrop-filter:blur(10px);border:1px solid var(--border-primary-30);border-radius:var(--border-radius-xl);transition:var(--transition-normal);padding:1rem}.card-unified:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.alert-unified{padding:.75rem 1rem;border-radius:var(--border-radius-lg);border:1px solid transparent;position:relative;margin-bottom:1rem}.alert-unified.alert-success{background-color:var(--bg-success-10);border-color:#28a7454d;color:#155724}.alert-unified.alert-danger{background-color:var(--bg-danger-10);border-color:#dc35454d;color:#721c24}.centered-welcome{text-align:center;width:100%}.dashboard-header .centered-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center}.dashboard-header .centered-welcome .dashboard-title{margin-bottom:.5rem}.dashboard-header .centered-welcome .dashboard-subtitle{color:var(--color-secondary);margin:0;font-size:1.1rem}.profile-navigation{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(52,152,219,.2);display:flex;justify-content:flex-end}.profile-navigation .back-button{margin:0;min-width:180px;padding:.75rem 1.5rem;font-weight:600;display:flex;align-items:center;gap:.5rem;justify-content:center;transition:all .3s ease}.profile-navigation .back-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3498db4d}.ocean-alert{backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);position:relative;padding:1rem 1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.ocean-alert .btn-close{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .3s ease;margin-left:auto}.ocean-alert .btn-close:hover{background:#fff3;transform:scale(1.1)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(163,213,255,.3);border-top:3px solid var(--azul-claro);border-radius:50%;animation:spin 1s linear infinite}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:4px;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:9999;margin-bottom:5px}[data-tooltip]:hover:before{opacity:1}.recording-controls{display:flex;gap:1rem;justify-content:center;align-items:center;margin:2rem 0;flex-wrap:wrap}.recording-info{text-align:center;margin:1.5rem 0;color:#6c757d}.recording-time{font-size:1.5rem;font-weight:600;color:var(--azul-profundo);margin-bottom:.5rem}.recording-status{font-size:.9rem;color:#6c757d}.recording-status.recording{color:var(--color-danger);animation:pulse 1.5s infinite}.audio-preview{background:#f8fdffcc;border-radius:12px;padding:1.5rem;border:1px solid rgba(163,213,255,.2);margin:1.5rem 0}.audio-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.audio-player{flex:1;min-width:200px}.audio-player audio{width:100%;height:40px;border-radius:8px;background:#a3d5ff1a}.audio-player audio::-webkit-media-controls-panel{background:#a3d5ff1a;border-radius:8px}.permission-error{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:12px;padding:1.5rem;text-align:center;margin:1.5rem 0}.permission-error h3{color:var(--color-danger);margin-bottom:1rem}.permission-error p{color:#6c757d;margin-bottom:1.5rem}.loading-spinner{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem;color:#6c757d}.spinner{width:24px;height:24px;border:2px solid rgba(163,213,255,.2);border-top:2px solid var(--azul-claro);border-radius:50%;animation:spin 1s linear infinite}.record-btn{min-width:120px;position:relative;overflow:hidden}.record-btn.recording{animation:recording-pulse 2s infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 #28a745b3}50%{box-shadow:0 0 0 10px #28a74500}}.stop-btn{min-width:100px}.clear-btn{min-width:80px}.permission-guard-loading{display:flex;justify-content:center;align-items:center;height:200px;flex-direction:column;gap:10px}.permission-guard-error,.permission-guard-unavailable{display:flex;justify-content:center;align-items:center;height:200px;flex-direction:column;gap:10px;padding:20px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.permission-guard-denied{display:flex;justify-content:center;align-items:center;height:200px;flex-direction:column;gap:10px;padding:20px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.permission-guard-denied h3,.permission-guard-error h3,.permission-guard-unavailable h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.permission-guard-denied p,.permission-guard-error p,.permission-guard-unavailable p{margin:0 0 .5rem;text-align:center}.permission-guard-denied small{color:#6c757d;text-align:center;display:block;margin-top:.5rem}.ocean-empty-state{text-align:center;padding:2rem;color:var(--azul-profundo);opacity:.7}.ocean-empty-state-icon{font-size:3rem;margin-bottom:1rem}.ocean-empty-fallback{display:flex;justify-content:center;align-items:center;height:400px;flex-direction:column;gap:20px;color:#666;text-align:center;padding:40px}.ocean-empty-fallback-icon{font-size:64px}.ocean-empty-fallback h2{margin:0;font-size:1.5rem;font-weight:600}.ocean-empty-fallback p{margin:0;line-height:1.5}.ocean-empty-fallback-subtitle{font-size:.9em;color:#999}.ocean-user-bio{font-size:.8rem;font-style:italic;margin-top:.25rem}.ocean-icon-spacing{margin-right:.25rem}.ocean-empty-icon{font-size:4rem;color:#dee2e6}.ocean-text-error{color:#dc3545;margin-left:.5rem}.ocean-schedule-container{background:var(--color-surface);border-radius:16px;padding:1.5rem;margin-bottom:2rem;backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.1)}.ocean-schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.ocean-date-navigation{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.ocean-current-date{text-align:center;padding:0 1rem}.ocean-current-date h2{margin:0;color:var(--color-text);font-weight:600;background:linear-gradient(135deg,var(--azul-profundo),var(--azul-claro));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ocean-date-string{color:var(--color-text-secondary);font-size:.9rem;margin-top:.25rem;display:block}.ocean-schedule-filters{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.ocean-filters-container{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.ocean-filter-icon{color:var(--azul-profundo);margin-right:.5rem}.ocean-filter-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text);font-size:.9rem;user-select:none}.ocean-filter-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--azul-profundo)}.ocean-task-legend{background:#ffffff0d;border-radius:12px;padding:1rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.ocean-legend-title{color:var(--color-text);font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.ocean-legend-items{display:flex;gap:1.5rem;flex-wrap:wrap}.ocean-legend-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.85rem}.ocean-legend-icon{font-size:1rem}.ocean-loading-message{text-align:center;padding:2rem;color:var(--azul-profundo);display:flex;align-items:center;justify-content:center;gap:.75rem;font-weight:500}.ocean-error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);border-radius:8px;padding:1rem;margin-bottom:1rem;color:#dc3545;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ocean-no-tasks-message{text-align:center;padding:3rem 2rem;color:var(--color-text-secondary)}.ocean-no-tasks-icon{font-size:3rem;color:var(--azul-profundo);opacity:.6;margin-bottom:1rem}.ocean-temporal-space{padding:.5rem;border-radius:8px;margin-bottom:.25rem;border-left:3px solid;font-size:.8rem;opacity:.9}.ocean-temporal-space-name{font-weight:600;display:block;margin-bottom:.25rem}.ocean-temporal-space-tags{color:inherit;opacity:.8;font-size:.75rem}.ocean-routine-modal{position:fixed;inset:0;background:#000c;backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:ocean-modal-overlay-appear .3s ease-out}.ocean-routine-content{background:var(--color-surface);border-radius:20px;max-width:800px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;animation:ocean-modal-appear .3s ease-out}.ocean-routine-header{background:linear-gradient(135deg,var(--azul-profundo) 0%,var(--azul-claro) 100%);color:#fff;padding:1.5rem;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;align-items:center}.ocean-routine-header h2{margin:0;font-size:1.4rem;display:flex;align-items:center;gap:.75rem;font-weight:600}.ocean-routine-body{padding:1.5rem;overflow-y:auto;flex:1;background:var(--color-surface)}.ocean-routine-section{margin-bottom:2rem;padding:1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;backdrop-filter:blur(10px)}.ocean-routine-section h3{margin:0 0 1rem;color:var(--color-text);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.ocean-form-group{margin-bottom:1.25rem}.ocean-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text);font-size:.9rem}.ocean-form-group input,.ocean-form-group textarea,.ocean-form-group select{width:100%;padding:.75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;box-sizing:border-box;background:#ffffff1a;color:var(--color-text);backdrop-filter:blur(10px);transition:all .3s ease}.ocean-form-group input:focus,.ocean-form-group textarea:focus,.ocean-form-group select:focus{outline:none;border-color:var(--azul-profundo);box-shadow:0 0 0 3px rgba(var(--azul-profundo-rgb),.1);background:#ffffff26}.ocean-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ocean-checkbox-group{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer;user-select:none}.ocean-checkbox-group input[type=checkbox]{width:auto;margin:0;transform:scale(1.2);accent-color:var(--azul-profundo)}.ocean-color-input{width:60px!important;height:40px!important;padding:0!important;border-radius:8px!important;cursor:pointer;border:2px solid rgba(255,255,255,.2)!important}.ocean-etiquetas-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.ocean-etiqueta{display:inline-block;background:var(--ocean-primary);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px}.ocean-etiqueta-chip{background:rgba(var(--azul-profundo-rgb),.1);color:var(--azul-profundo);padding:.375rem .75rem;border-radius:20px;font-size:.8rem;display:flex;align-items:center;gap:.375rem;cursor:pointer;transition:all .3s ease;border:1px solid rgba(var(--azul-profundo-rgb),.2)}.ocean-etiqueta-chip:hover{background:rgba(var(--azul-profundo-rgb),.15);border-color:var(--azul-profundo);transform:translateY(-1px)}.ocean-etiqueta-chip button{background:transparent;border:none;color:inherit;font-size:12px;cursor:pointer;padding:2px;border-radius:50%;margin-left:4px}.ocean-etiqueta-chip.selected button:hover{background:#fff3}.ocean-routine-color-row{display:flex;gap:1rem;align-items:end}.ocean-color-input{width:60px;height:40px;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:2px}.ocean-etiqueta-chip:hover{background:rgba(var(--azul-profundo-rgb),.15);transform:translateY(-1px)}.ocean-etiqueta-chip.selected{background:var(--azul-profundo);color:#fff;border-color:var(--azul-profundo)}.ocean-etiqueta-chip button{background:none;border:none;color:inherit;cursor:pointer;font-size:1rem;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.ocean-etiqueta-chip button:hover{background:#fff3}.ocean-routine-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;gap:.75rem;justify-content:flex-end;backdrop-filter:blur(10px)}.ocean-routine-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary)}.ocean-routine-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top:3px solid var(--azul-profundo);border-radius:50%;animation:ocean-spin 1s linear infinite;margin-bottom:1rem}@keyframes ocean-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ocean-routine-error{text-align:center;padding:1.5rem;color:#dc3545;background:#dc35451a;border-radius:8px;margin:.75rem 0;border:1px solid rgba(220,53,69,.2)}.ocean-horario-grupo{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:.75rem}.ocean-dias-semana-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.ocean-dia-checkbox{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;background:#ffffff0d;color:var(--color-text);user-select:none}.ocean-dia-checkbox:hover{background:#ffffff1a;transform:translateY(-1px)}.ocean-dia-checkbox.selected{background:var(--azul-profundo);color:#fff;border-color:var(--azul-profundo)}.ocean-dia-checkbox input{width:auto;margin:0;accent-color:white}.ocean-diagnostics-container{max-width:1400px;margin:0 auto;padding:1.5rem;background:var(--fondo-claro);min-height:100vh}.ocean-diagnostics-header{background:linear-gradient(135deg,var(--azul-profundo),var(--azul-claro));color:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.ocean-diagnostics-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ocean-diagnostics-title{display:flex;align-items:center;gap:.75rem}.ocean-diagnostics-title h1{margin:0;font-size:1.75rem;font-weight:600}.ocean-header-icon{font-size:1.5rem;opacity:.9}.ocean-diagnostics-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ocean-last-check{font-size:.875rem;opacity:.8}.ocean-retry-info{background:#ffffff1a;border-radius:8px;padding:.75rem;font-size:.875rem;text-align:center;margin-top:1rem}.ocean-diagnostics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.ocean-service-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.ocean-service-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.ocean-service-header{padding:1.25rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between}.ocean-service-info{display:flex;align-items:center;gap:.75rem}.ocean-service-icon{font-size:1.25rem;padding:.5rem;border-radius:8px;color:#fff}.ocean-service-icon.users{background:#3b82f6}.ocean-service-icon.tasks{background:#10b981}.ocean-service-icon.transcription{background:#f59e0b}.ocean-service-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.ocean-service-url{font-size:.75rem;color:#6b7280;font-family:monospace;background:#f9fafb;padding:.25rem .5rem;border-radius:4px;margin-top:.25rem;display:block}.ocean-service-details{padding:1.25rem}.ocean-status-icon{font-size:1rem}.ocean-status-icon.healthy{color:#10b981}.ocean-status-icon.error{color:#ef4444}.ocean-status-icon.checking{color:#f59e0b;animation:spin 1s linear infinite}.ocean-status-icon.unknown{color:#6b7280}.ocean-error-message{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;border-left:4px solid #dc2626;margin-bottom:1rem}.ocean-info-message{background:#fefbeb;color:#d97706;padding:.75rem;border-radius:8px;border-left:4px solid #f59e0b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.ocean-error-message-small{font-size:.875rem;color:#dc2626;background:#fef2f2;padding:.5rem;border-radius:6px;margin-top:.5rem}.ocean-detail-section{margin-bottom:1.5rem}.ocean-detail-section h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.ocean-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.ocean-detail-item{background:#f9fafb;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb}.ocean-detail-item strong{color:#374151;font-weight:600}.ocean-detail-item .ocean-detail-value{color:#6b7280;font-family:monospace;font-size:.875rem}.ocean-error-detail{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem;margin-top:.5rem}.ocean-spinning,.ocean-spinner,.spinner{animation:spin 1s linear infinite}.ocean-modal-trigger{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.ocean-modal-trigger button{background:var(--azul-profundo);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.ocean-modal-trigger button:hover{background:var(--azul-claro);transform:translateY(-1px)}.ocean-modal-content.large{max-width:90vw;width:1200px;max-height:90vh;overflow-y:auto}.ocean-highlight{background:#fef3c7;color:#92400e;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-family:monospace}.ocean-model-info{background:#f3f4f6;padding:.5rem;border-radius:6px;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.ocean-test-buttons{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.ocean-result-content{background:#f9fafb;padding:.75rem;border-radius:8px;margin-top:.75rem;border:1px solid #e5e7eb}.ocean-error-result{color:#dc2626;background:#fef2f2;padding:.5rem;border-radius:6px;border-left:4px solid #dc2626}.ocean-success-result{color:#059669;background:#ecfdf5;padding:.5rem;border-radius:6px;border-left:4px solid #059669}.ocean-llm-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.ocean-service-icon.llm{background:#8b5cf6}.ocean-service-card.llm-management{border-left:4px solid #8b5cf6}.text-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ocean-container-dashboard{max-width:1400px;margin:0 auto;padding:1.5rem;background:var(--fondo-claro);min-height:100vh}.ocean-header-gradient{background:linear-gradient(135deg,var(--azul-profundo),var(--azul-claro));color:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.ocean-header-gradient-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ocean-header-gradient-title{display:flex;align-items:center;gap:.75rem}.ocean-header-gradient-title h1,.ocean-header-gradient-title h2{margin:0;font-size:1.75rem;font-weight:600}.ocean-header-gradient-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.ocean-grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem}.ocean-grid-responsive.small{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.ocean-grid-responsive.large{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem}.ocean-card-universal{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease}.ocean-card-universal:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.ocean-card-universal-header{padding:1.25rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;justify-content:space-between}.ocean-card-universal-body{padding:1.25rem}.ocean-card-universal-footer{padding:1rem 1.25rem;background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.ocean-section-universal{margin-bottom:1.5rem}.ocean-section-universal h3,.ocean-section-universal h4{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.ocean-loading-universal{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#6b7280}.ocean-loading-universal .ocean-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:var(--azul-profundo);border-radius:50%;animation:spin 1s linear infinite}.ocean-info-universal{background:#fefbeb;color:#d97706;padding:.75rem;border-radius:8px;border-left:4px solid #f59e0b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.ocean-error-universal{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;border-left:4px solid #dc2626;margin-bottom:1rem}.ocean-success-universal{background:#ecfdf5;color:#059669;padding:.75rem;border-radius:8px;border-left:4px solid #059669;margin-bottom:1rem}.ocean-icon-container{font-size:1.25rem;padding:.5rem;border-radius:8px;color:#fff;display:inline-flex;align-items:center;justify-content:center}.ocean-icon-container.primary{background:#3b82f6}.ocean-icon-container.success{background:#10b981}.ocean-icon-container.warning{background:#f59e0b}.ocean-icon-container.danger{background:#ef4444}.ocean-icon-container.info{background:#06b6d4}.ocean-icon-container.purple{background:#8b5cf6}.ocean-actions-universal{display:flex;align-items:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}@media(max-width:768px){.ocean-container{padding:1rem;border-radius:12px}.ocean-container-dashboard,.ocean-diagnostics-container{padding:1rem}.ocean-grid-2,.ocean-grid-3,.ocean-grid-responsive,.ocean-diagnostics-grid{grid-template-columns:1fr;gap:1rem}.ocean-flex-between,.ocean-flex-end{flex-direction:column;align-items:stretch}.ocean-header-gradient,.ocean-diagnostics-header{padding:1.5rem}.ocean-header-gradient-content,.ocean-diagnostics-header-content{flex-direction:column;align-items:flex-start}.ocean-current-date h2{font-size:1.25rem}.ocean-schedule-header{padding:1rem;flex-direction:column;gap:1rem}.ocean-section,.ocean-card-universal-header,.ocean-card-universal-body,.ocean-service-details{padding:1rem}.ocean-detail-grid{grid-template-columns:1fr}.ocean-filters-container{flex-direction:column;gap:.75rem}.ocean-legend-items{justify-content:center;gap:1rem}.ocean-legend-item{font-size:.8rem}.ocean-schedule-container{padding:1rem;margin:.5rem}.ocean-temporal-space{font-size:.8rem;padding:.75rem}.ocean-routine-modal{padding:10px}.ocean-routine-content{margin:0;width:100%;max-height:95vh}.ocean-routine-header{padding:1rem}.ocean-routine-header h2{font-size:1.2rem}.ocean-form-group{margin-bottom:1rem}.ocean-checkbox-group{gap:.75rem}.ocean-routine-color-row{flex-direction:column;gap:.75rem}.ocean-routine-footer{padding:1rem;flex-direction:column}.ocean-dias-semana-container{grid-template-columns:repeat(2,1fr);gap:.5rem}.ocean-dia-checkbox{padding:.375rem .5rem;font-size:.8rem}}.task-completed{background:#1987541a!important;border-left:4px solid #198754!important}.task-overdue{background:#dc35451a!important;border-left:4px solid #dc3545!important}.task-in-progress{background:#ffc1071a!important;border-left:4px solid #ffc107!important}.task-pending{background:#0d6efd1a!important;border-left:4px solid #0d6efd!important}.task-type-rutina{border-right:4px solid var(--verde-oceano)!important}.task-type-subtarea{border-right:4px solid var(--azul-medio)!important}.task-type-tarea_con_subtareas{border-right:4px solid var(--azul-profundo)!important}.schedule-current-time{background:#ffc10733!important}.schedule-time-slot:hover{background:#a3d5ff1a!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}.ocean-tabs-container{background:#fffffff2;backdrop-filter:blur(10px);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(163,213,255,.3)}.ocean-tabs-header{display:flex;gap:.5rem;border-bottom:2px solid rgba(163,213,255,.3);margin-bottom:2rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--azul-claro) transparent}.ocean-tabs-header::-webkit-scrollbar{height:4px}.ocean-tabs-header::-webkit-scrollbar-thumb{background:var(--azul-claro);border-radius:10px}.ocean-tab-button{background:transparent;border:none;padding:1rem 1.5rem;color:var(--azul-profundo);font-weight:500;font-size:1rem;cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border-bottom:3px solid transparent;white-space:nowrap}.ocean-tab-button:hover{background:#a3d5ff1a;border-bottom-color:#a3d5ff80}.ocean-tab-button.active{color:var(--azul-profundo);font-weight:600;border-bottom-color:var(--azul-profundo);background:#a3d5ff26}.ocean-tab-button .tab-icon{font-size:1.2rem}.ocean-tab-content{animation:fadeIn .3s ease-in-out}.ocean-bio-container{background:#fffc;border-radius:12px;padding:1.5rem;border:1px solid rgba(163,213,255,.3)}.ocean-bio-label{color:var(--azul-profundo);font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;font-size:1.1rem}.ocean-bio-textarea{width:100%;min-height:150px;padding:1rem;border:2px solid rgba(163,213,255,.3);border-radius:12px;font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#ffffffe6}.ocean-bio-textarea:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 3px #a3d5ff33}.ocean-bio-counter{text-align:right;color:#6c757d;font-size:.875rem;margin-top:.5rem}.ocean-tags-container{background:#fffc;border-radius:12px;padding:1rem;border:2px solid rgba(163,213,255,.3);transition:all .3s ease}.ocean-tags-container:focus-within{border-color:var(--azul-claro);box-shadow:0 0 0 3px #a3d5ff33}.ocean-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.ocean-tag{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--azul-claro),var(--azul-medio));color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #3a6ea533;transition:all .2s ease}.ocean-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3a6ea54d}.ocean-tag-remove{background:transparent;border:none;color:#fff;cursor:pointer;padding:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ocean-tag-remove:hover{background:#ffffff4d}.ocean-tags-input{border:none;outline:none;font-size:1rem;padding:.5rem;min-width:200px;background:transparent;color:var(--azul-profundo)}.ocean-tags-input::placeholder{color:#6c757d;opacity:.6}.ocean-json-editor{background:#fffc;border-radius:12px;padding:1.5rem;border:1px solid rgba(163,213,255,.3)}.ocean-json-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(163,213,255,.2)}.ocean-json-mode-toggle{display:flex;gap:.5rem;background:#a3d5ff1a;padding:.25rem;border-radius:8px}.ocean-json-mode-button{background:transparent;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;color:var(--azul-profundo);font-weight:500;transition:all .2s ease}.ocean-json-mode-button.active{background:#fff;box-shadow:0 2px 6px #0000001a}.ocean-json-textarea{width:100%;min-height:200px;padding:1rem;border:2px solid rgba(163,213,255,.3);border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;resize:vertical;background:#f8fdff80}.ocean-json-textarea:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 3px #a3d5ff33}.ocean-json-preview{background:#f8fdff80;border:2px solid rgba(163,213,255,.3);border-radius:8px;padding:1rem;max-height:400px;overflow-y:auto}.ocean-json-key{color:var(--azul-profundo);font-weight:600}.ocean-json-value{color:var(--verde-oceano)}.ocean-json-error{background:#dc35451a;border:2px solid rgba(220,53,69,.3);color:#721c24;padding:1rem;border-radius:8px;margin-top:1rem;font-size:.875rem}.ocean-memory-list{display:flex;flex-direction:column;gap:1rem}.ocean-memory-item{background:#ffffffe6;border-radius:12px;padding:1.5rem;border-left:4px solid var(--azul-claro);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.ocean-memory-item:hover{transform:translate(4px);box-shadow:0 6px 20px #a3d5ff26;border-left-color:var(--azul-profundo)}.ocean-memory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ocean-memory-title{color:var(--azul-profundo);font-weight:600;font-size:1.1rem;margin:0}.ocean-memory-actions{display:flex;gap:.5rem}.ocean-memory-action-btn{background:transparent;border:none;color:var(--azul-medio);cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease;font-size:1rem}.ocean-memory-action-btn:hover{background:#a3d5ff33;color:var(--azul-profundo)}.ocean-memory-content{color:#495057;line-height:1.6;margin-bottom:1rem;padding:.75rem;background:#f8fdff80;border-radius:8px}.ocean-memory-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:#6c757d;padding-top:1rem;border-top:1px solid rgba(163,213,255,.2)}.ocean-memory-meta-item{display:flex;align-items:center;gap:.25rem}.ocean-memory-expired{opacity:.6;border-left-color:#dc3545}.ocean-memory-expired .ocean-memory-title{text-decoration:line-through}.ocean-credentials-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.ocean-credential-card{background:#ffffffe6;border-radius:12px;padding:1.5rem;border:2px solid rgba(163,213,255,.3);box-shadow:0 4px 12px #00000014;transition:all .3s ease}.ocean-credential-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a3d5ff26}.ocean-credential-card.has-key{border-color:var(--verde-oceano);background:#4a9d8e0d}.ocean-credential-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ocean-credential-provider{display:flex;align-items:center;gap:.75rem;color:var(--azul-profundo);font-weight:600;font-size:1.1rem}.ocean-credential-badge{background:linear-gradient(135deg,var(--verde-oceano),var(--azul-claro));color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.ocean-credential-input-group{position:relative;margin-bottom:1rem}.ocean-credential-input{width:100%;padding:.75rem 3rem .75rem 1rem;border:2px solid rgba(163,213,255,.3);border-radius:8px;font-size:.875rem;font-family:Courier New,monospace;background:#ffffffe6;transition:all .3s ease}.ocean-credential-input:focus{outline:none;border-color:var(--azul-claro);box-shadow:0 0 0 3px #a3d5ff33}.ocean-credential-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--azul-medio);cursor:pointer;padding:.25rem;font-size:1.1rem;transition:all .2s ease}.ocean-credential-toggle:hover{color:var(--azul-profundo)}.ocean-credential-actions{display:flex;gap:.75rem}.ocean-credential-info{background:#a3d5ff1a;border-left:3px solid var(--azul-claro);padding:.75rem;border-radius:6px;font-size:.875rem;color:#495057;margin-top:1rem}.ocean-sync-container{background:#fffffff2;border-radius:12px;padding:1.5rem;border:2px solid rgba(163,213,255,.3)}.ocean-sync-status{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fdff80;border-radius:8px;margin-bottom:1.5rem}.ocean-sync-status-info{display:flex;align-items:center;gap:1rem}.ocean-sync-indicator{width:12px;height:12px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.ocean-sync-indicator.synced{background:#198754}.ocean-sync-indicator.syncing{background:#ffc107}.ocean-sync-indicator.error{background:#dc3545}.ocean-sync-indicator.never{background:#6c757d}.ocean-sync-timestamp{color:#6c757d;font-size:.875rem}.ocean-sync-actions{display:flex;gap:.75rem}.ocean-conflict-alert{background:#ffc1071a;border:2px solid rgba(255,193,7,.5);border-radius:8px;padding:1rem;margin-bottom:1rem}.ocean-conflict-resolution{display:flex;gap:1rem;margin-top:.75rem}@media(max-width:768px){.ocean-tabs-header{flex-wrap:wrap}.ocean-tab-button{padding:.75rem 1rem;font-size:.9rem}.ocean-credentials-container{grid-template-columns:1fr}.ocean-sync-status{flex-direction:column;gap:1rem}.ocean-json-toolbar{flex-direction:column;gap:.75rem}}.form-control-ocean,.form-control.form-control-ocean,.form-select.form-control-ocean{background:#ffffffd9;border:1.5px solid var(--azul-claro);border-radius:.75rem;color:var(--azul-profundo);padding:.625rem 1rem;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;font-size:.95rem}.form-control-ocean::placeholder{color:var(--azul-medio);opacity:.7}.form-control-ocean:focus,.form-control.form-control-ocean:focus,.form-select.form-control-ocean:focus{background:#fffffff2;border-color:var(--azul-profundo);box-shadow:0 0 0 .2rem #3a6ea533;outline:none}.form-control-ocean:disabled{background:#a3d5ff26;opacity:.65;cursor:not-allowed}.card-light-ocean,.card.card-light-ocean{background:#f8fdffe6;border:1px solid rgba(163,213,255,.4);border-radius:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .3s ease,box-shadow .3s ease}.card-light-ocean:hover,.card.card-light-ocean:hover{border-color:var(--azul-medio);box-shadow:0 4px 15px #3a6ea51f}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary-5) 0%,var(--bg-primary-10) 100%);padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.dashboard-content{width:100%;max-width:1200px;margin:0 auto}.dashboard-main-card{background:#fffffff2;border-radius:var(--border-radius-xl);box-shadow:0 10px 30px #0000001a;padding:2.5rem;margin-bottom:2rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-primary-20)}.dashboard-title{display:flex;align-items:center;gap:1rem}.dashboard-title h1{color:var(--color-primary);margin:0;font-size:2.5rem;font-weight:700}.dashboard-title .header-icon{font-size:2rem;color:var(--azul-claro)}.dashboard-subtitle{color:var(--color-secondary);font-size:1.1rem;margin:.5rem 0 0;font-weight:400}.dashboard-nav-btn{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;gap:.5rem}.dashboard-nav-btn:hover{background:var(--azul-claro);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.user-info-section{background:var(--bg-primary-10);border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:2rem;border-left:4px solid var(--azul-claro)}.server-datetime{font-weight:600;color:var(--color-primary);margin-bottom:1rem}.user-roles{display:flex;gap:.75rem;flex-wrap:wrap}.role-badge{padding:.5rem 1rem;border-radius:var(--border-radius-full);font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.role-badge.admin-role{background:linear-gradient(135deg,gold,#ffed4e);color:#8b5a00}.role-badge.moderator-role{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.role-badge.user-role{background:linear-gradient(135deg,var(--bg-primary-20),var(--bg-primary-30));color:var(--color-primary)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.action-card{background:#fff;border:2px solid var(--border-primary-20);border-radius:var(--border-radius-lg);padding:2rem;cursor:pointer;transition:var(--transition-normal);text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1rem}.action-card:hover{border-color:var(--azul-claro);transform:translateY(-4px);box-shadow:0 8px 25px #a3d5ff4d}.action-card.admin-card{border-color:gold;background:linear-gradient(135deg,#fff9e6,#fff)}.action-card.admin-card:hover{border-color:#ffed4e;box-shadow:0 8px 25px #ffd7004d}.action-icon{font-size:2.5rem;color:var(--azul-claro);margin-bottom:.5rem}.action-card.admin-card .action-icon{color:gold}.action-card h3{margin:0;font-size:1.3rem;color:var(--color-primary);font-weight:600}.action-card p{margin:0;color:var(--color-secondary);font-size:.95rem;line-height:1.5}.action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(163,213,255,.1),transparent);transition:left .5s ease}.action-card:hover:before{left:100%}.info-card{background:#fff;border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 4px 15px #00000014;border:1px solid var(--border-primary-20);transition:var(--transition-normal)}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.info-card-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,var(--azul-claro),var(--color-primary));border-radius:var(--border-radius-lg);margin-bottom:1.5rem}.info-card-icon svg{font-size:1.5rem;color:#fff}.info-card h3{margin:0 0 1rem;color:var(--color-primary);font-size:1.2rem;font-weight:600}.info-card p{margin:0;color:var(--color-secondary);line-height:1.6;font-size:.95rem}.info-card ul{margin:1rem 0 0;padding-left:1.5rem;color:var(--color-secondary)}.info-card li{margin-bottom:.5rem;line-height:1.5}.dashboard-section{margin:3rem 0}.section-title{color:var(--color-primary);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}@media(max-width:1024px){.dashboard-main-card{padding:2rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media(max-width:768px){.dashboard-container{padding:1rem .5rem}.dashboard-main-card{padding:1.5rem;margin-bottom:1rem}.dashboard-title h1{font-size:2rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.action-card,.info-card{padding:1.5rem}.user-roles{justify-content:center}}@media(max-width:480px){.dashboard-title h1{font-size:1.7rem}.action-card h3{font-size:1.1rem}.action-icon{font-size:2rem}.role-badge{font-size:.8rem;padding:.4rem .8rem}}.role-badge.enhanced{font-size:.85rem;padding:.4rem .8rem;border-radius:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block;text-align:center;transition:all .3s ease}.role-badge.admin-role{background:linear-gradient(135deg,#f6c6c2,#f2b8b3);color:#6b2119;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 6px #6b21191f}.role-badge.moderator-role{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #f39c1226}.role-badge.user-role{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 6px #3498db26}.role-badge.enhanced:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.role-badge.admin-role:hover{box-shadow:0 4px 12px #6b211940}.role-badge.moderator-role:hover{box-shadow:0 4px 12px #f39c124d}.role-badge.user-role:hover{box-shadow:0 4px 12px #3498db4d}.admin-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#f6c6c2,#f2b8b3);color:#6b2119;padding:.35rem .9rem;border-radius:14px;font-size:.78rem;font-weight:700;letter-spacing:.8px;box-shadow:0 2px 6px #6b21191f;animation:badge-glow-pastel 3s infinite alternate}@media(max-width:768px){.role-badge.enhanced{font-size:.75rem;padding:.3rem .6rem}.admin-badge{font-size:.7rem;padding:.2rem .6rem}}@media(max-width:480px){.role-badge.enhanced{font-size:.7rem;padding:.25rem .5rem}}.btn-ocean{border-radius:10px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.btn-ocean:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-ocean.btn-primary{background:linear-gradient(135deg,var(--azul-claro),#2980b9);color:#fff}.btn-ocean.btn-success{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-ocean.btn-warning{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.btn-ocean.btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.modo-badge .badge.habilitadora{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid rgba(21,87,36,.2)}.modo-badge .badge.bloqueadora{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid rgba(114,28,36,.2)}.dashboard-main-card--transparent{background:#ffffff2e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px #00000014}.dashboard-main-card--transparent .card,.dashboard-main-card--transparent .card-ocean,.ocean-content-container .card-ocean,.ocean-content-container .card,.layout-main .container-fluid .card-ocean,.layout-main .card-ocean,.container-fluid .card-ocean{background:transparent!important;box-shadow:none!important;border:none!important}.dashboard-main-card--transparent .card-header,.dashboard-main-card--transparent .card-header-ocean,.ocean-content-container .card-header-ocean{background:transparent!important;border-bottom:none!important;padding:0!important}.dashboard-main-card--transparent .btn,.ocean-content-container .btn{border-radius:10px!important;font-weight:600!important;backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#ffffff0f,#ffffff05)!important;color:var(--color-primary)!important;box-shadow:0 6px 18px #00000014!important}.dashboard-main-card--transparent .btn.btn-primary,.ocean-content-container .btn.btn-primary{background:linear-gradient(135deg,var(--azul-claro),#2980b9)!important;color:#fff!important}.dashboard-main-card--transparent .btn.btn-outline-light,.ocean-content-container .btn.btn-outline-light{background:transparent!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important}.dashboard-main-card--transparent .btn-sm,.ocean-content-container .btn-sm{padding:.25rem .45rem!important;font-size:.82rem!important}.modal-overlay,.modal-backdrop,.ocean-modal-overlay{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0009!important;z-index:99999!important;padding:1rem!important}.modal,.modal-content,.ocean-modal-content{margin:0!important;position:relative!important;display:flex!important;flex-direction:column!important;max-height:95vh!important;overflow:auto!important;box-sizing:border-box!important}.modal-overlay>.modal,.modal-overlay .modal,.ocean-modal-overlay>.modal,.ocean-modal-overlay .modal{align-self:center!important;margin:0!important;inset:auto!important}.modal .modal-header,.modal .modal-body,.modal .modal-footer,.ocean-modal-content .modal-header,.ocean-modal-content .modal-body,.ocean-modal-content .modal-footer{background:transparent!important;border:none!important;padding:1rem!important}.modal{width:100%!important;max-width:960px!important;border-radius:12px!important}@media(min-width:768px){.modal{width:auto!important;max-width:900px!important}}.modal-content.large,.modal.large,.ocean-modal-content.large{max-width:1100px!important;width:95%!important}@media(max-width:576px){.modal-content.large,.modal.large{width:100%!important;margin:0 .5rem!important}}@keyframes badge-glow-pastel{0%{box-shadow:0 2px 6px #6b21190f}to{box-shadow:0 6px 14px #6b21191f}}@keyframes badge-glow{0%{box-shadow:0 2px 6px #e74c3c2e}to{box-shadow:0 6px 12px #e74c3c52}}@keyframes pulse-general{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(52,152,219,.3))}50%{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(52,152,219,.6))}}@keyframes pulse-voice{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(231,76,60,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(231,76,60,.6))}}@keyframes pulse-tasks{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(39,174,96,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(39,174,96,.6))}}@keyframes pulse-calendar{0%,to{transform:scale(1);filter:drop-shadow(0 0 5px rgba(52,152,219,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(52,152,219,.6))}}@keyframes pulse-moderator{0%,to{transform:scale(1);box-shadow:0 4px 8px #f39c124d}50%{transform:scale(1.05);box-shadow:0 6px 12px #f39c1280}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-flow{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes rotate-cogs{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shake-gentle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.animate-pulse-general{animation:pulse-general 2s infinite}.animate-pulse-voice{animation:pulse-voice 2s infinite}.animate-pulse-tasks{animation:pulse-tasks 2s infinite}.animate-pulse-calendar{animation:pulse-calendar 2s infinite}.animate-pulse-moderator{animation:pulse-moderator 2s infinite}.animate-gradient-shift{animation:gradient-shift 3s ease infinite}.animate-rotate-cogs{animation:rotate-cogs 3s linear infinite}.animate-float{animation:float-gentle 3s ease-in-out infinite}.animate-badge-glow{animation:badge-glow-pastel 3s infinite alternate}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes field-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes error-bounce-in{0%{opacity:0;transform:scale(.3) translateY(-20px)}50%{transform:scale(1.05) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes error-shimmer{0%{left:-100%}to{left:100%}}@keyframes success-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes success-shimmer{0%{left:-100%}to{left:100%}}.animate-auth-fade-in{animation:auth-fade-in .6s cubic-bezier(.4,0,.2,1)}.animate-field-appear{animation:field-appear .3s ease-out}