:root{--azul: #4CABE0;--mostaza: #FCC947;--verde: #9DC73e;--crema: #fffBD3;--navy: #171D4D;--navy-light: #1e2761;--white: #FFFFFF;--black: #000000;--gray-50: #f8f9fa;--gray-100: #f0f1f3;--gray-200: #e2e4e8;--gray-300: #c5c9d0;--gray-400: #9aa0ac;--gray-500: #6b7280;--shadow-sm: 0 1px 3px rgba(23,29,77,.1);--shadow-md: 0 4px 12px rgba(23,29,77,.12);--shadow-lg: 0 8px 24px rgba(23,29,77,.15);--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}button,.btn,[onclick]{touch-action:manipulation;-webkit-tap-highlight-color:rgba(76,171,224,.2)}body{font-family:Poppins,sans-serif;background:var(--gray-50);color:var(--navy);min-height:100vh}.app-top{position:sticky;top:0;z-index:100}.header{background:#161b4c;padding:6px 12px;display:flex;align-items:center;justify-content:space-between;box-shadow:none}.header-logo{height:72px;border-radius:6px}.header-right{display:flex;align-items:center;gap:8px}.btn{font-family:Poppins,sans-serif;font-weight:400;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;font-size:14px;padding:8px 16px}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--azul);color:var(--white)}.btn-primary:hover{background:#3a9bd0}.btn-yellow{background:var(--mostaza);color:var(--navy)}.btn-yellow:hover{background:#e8b83d}.btn-green{background:var(--verde);color:var(--white)}.btn-green:hover{background:#8bb535}.btn-navy{background:var(--navy);color:var(--white)}.btn-navy:hover{background:var(--navy-light)}.btn-outline{background:transparent;border:2px solid var(--gray-200);color:var(--navy)}.btn-outline:hover{border-color:var(--azul);color:var(--azul)}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff26;border:none;color:#fff;cursor:pointer;font-size:18px;transition:background .2s}.btn-icon:hover{background:#ffffff40}.nav-bar{background:var(--white);display:flex;align-items:center;padding:0 20px;gap:0;border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-md)}.nav-tab{font-family:Poppins,sans-serif;font-weight:400;font-size:13px;padding:12px 16px;border:none;background:transparent;color:var(--gray-400);border-bottom:3px solid transparent;cursor:pointer;transition:all .2s;border-radius:0}.nav-tab:hover{color:var(--navy);border-bottom-color:var(--gray-300);background:transparent}.nav-tab.active{color:var(--navy);border-bottom-color:var(--azul);background:transparent}.nav-spacer{flex:1}.nav-add-btn{flex-shrink:0}.list-name-bar{background:var(--gray-50);padding:8px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-100)}.list-name-display{font-size:15px;font-weight:400;color:var(--navy);letter-spacing:-.2px}.list-name-display:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--verde);margin-right:8px;vertical-align:middle}.main{padding:20px;max-width:1200px;margin:0 auto}.month-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:16px}.month-title{font-size:24px;font-weight:400;color:var(--navy);min-width:240px;text-align:center}.month-nav-btn{width:40px;height:40px;border:2px solid var(--gray-200);background:var(--white);border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--navy);transition:all .2s}.month-nav-btn:hover{border-color:var(--azul);color:var(--azul)}.calendar-grid{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);background:var(--navy)}.calendar-weekday{padding:10px 4px;text-align:center;font-weight:400;font-size:12px;color:var(--white);text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:80px;padding:6px;border:1px solid var(--gray-100);position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(76,171,224,.15);touch-action:manipulation;transition:background .15s}.calendar-day:hover,.calendar-day.other-month{background:var(--gray-50)}.calendar-day.other-month .day-number{color:var(--gray-300)}.calendar-day.today{background:#eef8fd}.calendar-day.today .day-number{background:var(--azul);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center}.day-number{font-size:13px;font-weight:400;color:var(--navy);margin-bottom:2px}.day-event{font-size:10px;padding:2px 5px;border-radius:4px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400;cursor:pointer}.day-event.color-azul{background:#4cabe033;color:#2a7db0}.day-event.color-mostaza{background:#fcc94740;color:#b08a20}.day-event.color-verde{background:#9dc73e40;color:#6b8a20}.day-event.color-navy{background:#171d4d1f;color:var(--navy)}.day-more{font-size:10px;color:var(--azul);font-weight:400;padding:1px 5px;cursor:pointer}.list-view{display:flex;flex-direction:column;gap:12px}.list-month-group{margin-bottom:8px}.list-month-label{font-size:18px;font-weight:400;color:var(--navy);padding:8px 0;border-bottom:3px solid var(--mostaza);margin-bottom:12px}.list-event-card{background:var(--white);border-radius:var(--radius);padding:16px 20px;margin-bottom:10px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s;border-left:4px solid var(--azul)}@media(hover:hover){.list-event-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}}.list-event-card:active{box-shadow:var(--shadow-md);transform:translate(4px)}.list-event-card.color-mostaza{border-left-color:var(--mostaza)}.list-event-card.color-verde{border-left-color:var(--verde)}.list-event-card.color-navy{border-left-color:var(--navy)}.list-event-date-box{min-width:56px;text-align:center;background:var(--gray-50);border-radius:var(--radius-sm);padding:8px}.list-event-date-box .weekday{font-size:10px;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.03em;line-height:1;margin-bottom:2px}.list-event-date-box .day{font-size:22px;font-weight:400;color:var(--navy);line-height:1}.list-event-date-box .month{font-size:11px;font-weight:400;color:var(--azul);text-transform:uppercase}.list-event-info{flex:1;min-width:0}.list-event-title{font-size:16px;font-weight:400;color:var(--navy);margin-bottom:2px}.list-event-meta{font-size:12px;color:var(--gray-500);display:flex;gap:12px;flex-wrap:wrap}.list-event-meta span{display:inline-flex;align-items:center;gap:4px}.list-event-arrow{color:var(--gray-300);font-size:20px}.event-detail{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);max-width:640px;margin:0 auto;overflow:hidden}.event-detail-header{padding:24px;color:var(--white);position:relative}.event-detail-header.color-azul{background:linear-gradient(135deg,var(--azul),#3a9bd0)}.event-detail-header.color-mostaza{background:linear-gradient(135deg,var(--mostaza),#e8b83d);color:var(--navy)}.event-detail-header.color-verde{background:linear-gradient(135deg,var(--verde),#8bb535)}.event-detail-header.color-navy{background:linear-gradient(135deg,var(--navy),var(--navy-light))}.event-detail-title{font-size:24px;font-weight:400;margin-bottom:4px}.event-detail-date{font-size:14px;font-weight:400;opacity:.9}.event-detail-body{padding:24px}.event-detail-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--gray-100)}.event-detail-row:last-child{border-bottom:none}.event-detail-icon{font-size:20px;min-width:28px;text-align:center;color:var(--azul)}.event-detail-label{font-size:11px;font-weight:400;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.event-detail-value{font-size:15px;font-weight:400;color:var(--navy);margin-top:2px}.event-detail-description{font-size:14px;line-height:1.7;color:var(--gray-500);white-space:pre-wrap;word-break:break-word;margin-top:2px}.event-detail-actions{padding:16px 24px;display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--gray-100)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#171d4d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform .25s}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:400;color:var(--navy)}.modal-close{width:32px;height:32px;border:none;background:var(--gray-100);border-radius:50%;cursor:pointer;font-size:18px;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:background .2s}.modal-close:hover{background:var(--gray-200)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--gray-100);display:flex;gap:8px;justify-content:flex-end}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:400;color:var(--navy);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.form-input,.form-select,.form-textarea{width:100%;font-family:Poppins,sans-serif;font-size:14px;padding:10px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--navy);transition:border-color .2s;background:var(--white)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--azul)}.form-textarea{resize:vertical;min-height:100px}.form-char-count{font-size:11px;color:var(--gray-400);text-align:right;margin-top:4px;font-weight:400}.form-char-count.warning{color:#e74c3c}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.color-options{display:flex;gap:8px}.color-option{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--navy);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--navy)}.color-option.c-azul{background:var(--azul)}.color-option.c-mostaza{background:var(--mostaza)}.color-option.c-verde{background:var(--verde)}.color-option.c-navy{background:var(--navy)}.list-manager{display:flex;flex-direction:column;gap:12px}.list-item{display:flex;align-items:center;gap:12px;background:var(--white);padding:14px 18px;border-radius:var(--radius-sm);border:2px solid var(--gray-200);cursor:pointer;transition:all .2s}.list-item:hover{border-color:var(--azul)}.list-item.active{border-color:var(--azul);background:#eef8fd}.list-item-info{flex:1}.list-item-name{font-weight:400;font-size:15px}.list-item-count{font-size:12px;color:var(--gray-400)}.list-item-actions{display:flex;gap:4px}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-400)}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:16px;font-weight:400;margin-bottom:4px;color:var(--gray-500)}.empty-state-sub{font-size:13px}.toast{position:fixed;bottom:24px;right:24px;background:var(--navy);color:var(--white);padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:400;box-shadow:var(--shadow-lg);z-index:300;transform:translateY(100px);opacity:0;transition:all .3s}.toast.show{transform:translateY(0);opacity:1}.sync-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.sync-dot.online{background:var(--verde)}.sync-dot.offline{background:var(--gray-400)}.sync-dot.syncing{background:var(--mostaza);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.search-view{display:flex;flex-direction:column;gap:16px}.search-bar-container{display:flex;align-items:center;gap:10px;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow-sm);transition:border-color .2s}.search-bar-container:focus-within{border-color:var(--azul)}.search-bar-icon{font-size:18px;flex-shrink:0}.search-bar-input{flex:1;border:none;outline:none;font-family:Poppins,sans-serif;font-size:15px;color:var(--navy);background:transparent;min-width:0}.search-bar-input::placeholder{color:var(--gray-400)}.search-bar-input::-webkit-search-cancel-button{display:none}.search-bar-clear{flex-shrink:0;width:24px;height:24px;border:none;background:var(--gray-200);border-radius:50%;cursor:pointer;font-size:11px;color:var(--gray-500);display:flex;align-items:center;justify-content:center;transition:background .2s}.search-bar-clear:hover{background:var(--gray-300)}.search-results-count{font-size:13px;color:var(--gray-500);padding:0 2px}.placeholder-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px 40px;max-width:480px;margin:0 auto}.placeholder-icon{font-size:56px;margin-bottom:20px}.placeholder-title{font-size:22px;font-weight:400;color:var(--navy);margin-bottom:12px}.placeholder-subtitle{font-size:14px;line-height:1.7;color:var(--gray-500);margin-bottom:32px;max-width:360px}.placeholder-features{display:flex;flex-direction:column;gap:14px;width:100%;max-width:320px;margin-bottom:32px}.placeholder-feature{display:flex;align-items:center;gap:12px;background:var(--gray-50);border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;color:var(--navy);text-align:left}.placeholder-feature-icon{font-size:20px;flex-shrink:0}.placeholder-badge{background:var(--mostaza);color:var(--navy);font-size:12px;font-weight:400;padding:6px 18px;border-radius:20px;letter-spacing:.3px}.hamburger-wrapper,.hamburger-btn{position:relative}.hamburger-admin-badge{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:var(--verde);border:1.5px solid #161b4c;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff}.hamburger-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;border:1px solid var(--gray-200)}.menu-section{padding:12px 16px}.menu-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);margin-bottom:8px}.menu-lang-options{display:flex;gap:6px}.menu-lang-btn{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;padding:5px 14px;border-radius:20px;border:1.5px solid var(--gray-200);background:transparent;color:var(--gray-500);cursor:pointer;transition:all .15s}.menu-lang-btn:hover{border-color:var(--azul);color:var(--azul)}.menu-lang-btn.active{background:var(--azul);border-color:var(--azul);color:var(--white);font-weight:500}.menu-divider{height:1px;background:var(--gray-200);margin:0}.menu-section-actions{padding:8px;display:flex;flex-direction:column;gap:2px}.menu-item{font-family:Poppins,sans-serif;font-size:13px;font-weight:400;display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;background:transparent;color:var(--navy);cursor:pointer;border-radius:var(--radius-sm);text-align:left;width:100%;transition:background .15s}.menu-item:hover{background:var(--gray-100)}.menu-item-icon{width:20px;text-align:center;font-size:15px;flex-shrink:0}@media(max-width:768px){.header{padding:5px 14px}.header-logo{height:58px}.list-name-bar{padding:6px 14px}.list-name-display{font-size:13px}.main{padding:12px}.month-title{font-size:18px;min-width:180px}.calendar-day{min-height:50px;padding:3px}.calendar-weekday{padding:8px 2px;font-size:10px}.day-number{font-size:11px}.day-event{font-size:9px;padding:1px 3px}.list-event-card{padding:12px 14px;gap:10px}.list-event-title{font-size:14px}.event-detail-title{font-size:20px}.form-row{flex-direction:column;gap:0}.btn-sm-hide-text span,.header-right .btn span.desktop-only{display:none}.nav-bar{padding:0 8px}.nav-tab{flex:1;padding:10px 4px;font-size:11px;justify-content:center}.nav-spacer,.nav-add-btn{display:none}}@media(max-width:480px){.header-logo{height:52px}.calendar-day{min-height:40px}.day-event{display:none}.day-dot-row{display:flex;gap:2px;justify-content:center;margin-top:2px}.day-dot{width:5px;height:5px;border-radius:50%}.day-dot.color-azul{background:var(--azul)}.day-dot.color-mostaza{background:var(--mostaza)}.day-dot.color-verde{background:var(--verde)}.day-dot.color-navy{background:var(--navy)}}html{background:#161b4c}