:root{--calendar-primary:#f3f3f3;--calendar-secondary:#000;--calendar-text:#000;--calendar-text-light:#666;--calendar-border:#e5e5e5;--calendar-white:#fff;--calendar-hover:#f9f9f9;--calendar-shadow:#0000000d;--calendar-shadow-md:#0000001a;--calendar-shadow-lg:#00000026;--calendar-success:#10b981;--calendar-error:#ef4444;--calendar-warning:#f59e0b;--calendar-info:#3b82f6;--transition:.3s cubic-bezier(.4, 0, .2, 1)}.calendar-container{background:var(--calendar-primary);min-height:100vh;padding-left:0;display:flex;overflow-x:hidden}.calendars-sidebar{background:var(--calendar-white);width:200px;box-shadow:0 2px 12px var(--calendar-shadow);border-radius:12px;flex-shrink:0;max-width:100%;max-height:calc(100vh - 40px);margin:20px 8px 20px 20px;padding:12px;position:sticky;top:20px;overflow-y:auto}.calendar-page .calendars-sidebar{margin-top:152px}.calendars-header{border-bottom:2px solid var(--calendar-border);flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:10px;display:flex}.calendars-header h3{color:var(--calendar-text);letter-spacing:-.3px;justify-content:center;align-items:center;gap:0;margin:0;font-size:14px;font-weight:700;display:flex}.calendars-header h3:before{content:none}.add-calendar-btn{background:var(--calendar-secondary);width:100%;color:var(--calendar-white);cursor:pointer;transition:all var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:600;display:flex}.add-calendar-btn:hover{box-shadow:0 2px 8px var(--calendar-shadow-md);background:#1a1a1a;transform:translateY(-1px)}.add-calendar-btn svg{width:14px;height:14px}.calendars-list{flex-wrap:wrap;place-content:flex-start center;gap:8px;display:flex}.calendar-loading{text-align:center;color:var(--calendar-text-light);padding:30px 20px}.calendar-loading .loader{border:2px solid var(--calendar-border);border-top-color:var(--calendar-secondary);border-radius:50%;width:24px;height:24px;margin:0 auto 10px;animation:1s linear infinite spin}.calendar-loading p{margin:0;font-size:12px}.calendar-item{background:var(--calendar-hover);border:1px solid var(--calendar-border);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition);border-radius:999px;align-items:center;gap:10px;max-width:100%;min-height:32px;padding:6px 10px;display:inline-flex}.calendar-item:hover{background:var(--calendar-primary);border-color:var(--calendar-secondary)}.calendar-item.active{box-shadow:0 4px 12px var(--calendar-shadow-md);border-color:#000}.calendar-item.active .calendar-name{color:var(--calendar-white);font-weight:600}.calendar-color{width:9px;height:9px;box-shadow:0 1px 4px var(--calendar-shadow);border-radius:50%;flex-shrink:0}.calendar-name{min-width:0;color:var(--calendar-text);text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:auto;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.calendar-page .main-content{flex:auto;min-width:0;max-width:1600px;padding:32px 24px 32px 16px;margin-left:0!important}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.calendar-page .page-header{margin-left:-228px;padding-left:20px}.calendar-react-shell{background:var(--calendar-primary);width:100%;min-height:100dvh;padding-left:0}.calendar-react-shell .page-header{margin-left:0;padding-left:0}.calendar-route-main{background:var(--calendar-primary);min-height:100dvh;padding:0}.calendar-route-main .calendar-page{background:var(--calendar-primary);width:100%;min-height:100%}.header-left{flex:1}.page-title{letter-spacing:-.8px;color:var(--calendar-text);align-items:center;gap:12px;margin:0 0 8px;font-size:32px;font-weight:700;display:flex}.page-title svg{color:var(--calendar-secondary)}.page-subtitle{color:var(--calendar-text-light);margin:0;font-size:16px}.header-right{align-items:center;gap:12px;display:flex}.btn{cursor:pointer;transition:all var(--transition);letter-spacing:-.2px;border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:12px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:var(--calendar-secondary);color:var(--calendar-white);box-shadow:0 4px 12px var(--calendar-shadow-md)}.btn-primary:hover{box-shadow:0 6px 20px var(--calendar-shadow-lg);background:#1a1a1a;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--calendar-white);color:var(--calendar-text);border:1.5px solid var(--calendar-border)}.btn-secondary:hover{background:var(--calendar-hover);border-color:#ccc}.btn-danger{color:var(--calendar-white);background:#b42318;box-shadow:0 4px 12px #b4231840}.btn-danger:hover{background:#912018;transform:translateY(-2px);box-shadow:0 6px 20px #91201852}.btn-large{padding:16px 32px;font-size:16px}.alert{animation:slideIn .4s var(--transition);border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;font-size:14px;font-weight:500;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{color:#15803d;background:#f0fdf4;border:1.5px solid #86efac}.alert-error{color:#b91c1c;background:#fef2f2;border:1.5px solid #fca5a5}.alert svg{flex-shrink:0}.connection-status{background:var(--calendar-white);text-align:center;box-shadow:0 2px 12px var(--calendar-shadow);border-radius:16px;padding:60px 40px}.connection-status .loader{border:4px solid var(--calendar-border);border-top-color:var(--calendar-secondary);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connection-status p{color:var(--calendar-text-light);margin:0;font-size:16px}.empty-state{background:var(--calendar-white);text-align:center;box-shadow:0 2px 12px var(--calendar-shadow);border-radius:16px;padding:80px 60px}.empty-icon{opacity:.3;margin-bottom:24px}.empty-icon svg{color:var(--calendar-secondary)}.empty-state h2{color:var(--calendar-text);letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:700}.empty-state>p{color:var(--calendar-text-light);max-width:600px;margin:0 auto 24px;font-size:16px}.feature-list{max-width:500px;margin:0 auto 32px;padding:0;list-style:none}.feature-list li{color:var(--calendar-text);text-align:left;align-items:center;gap:12px;padding:12px;font-size:15px;display:flex}.feature-list svg{color:var(--calendar-success);flex-shrink:0}.admin-controls{background:var(--calendar-white);box-shadow:0 2px 8px var(--calendar-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.view-selector{background:var(--calendar-primary);border-radius:10px;gap:8px;padding:4px;display:flex}.view-btn{color:var(--calendar-text-light);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600}.view-btn.active{background:var(--calendar-white);color:var(--calendar-text);box-shadow:0 2px 6px var(--calendar-shadow)}.view-btn:hover:not(.active){color:var(--calendar-text)}.user-selector{align-items:center;gap:12px;display:flex}.user-selector label{color:var(--calendar-text);white-space:nowrap;font-size:14px;font-weight:600}.form-select{border:1.5px solid var(--calendar-border);color:var(--calendar-text);background:var(--calendar-white);cursor:pointer;transition:all var(--transition);border-radius:8px;min-width:200px;padding:10px 16px;font-family:inherit;font-size:14px}.form-select:hover{border-color:#ccc}.form-select:focus{border-color:var(--calendar-secondary);outline:none;box-shadow:0 0 0 4px #0000000d}.calendar-nav{background:var(--calendar-white);box-shadow:0 2px 8px var(--calendar-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex}.calendar-view-selector{flex-shrink:0}.current-month{color:var(--calendar-text);letter-spacing:-.5px;text-align:center;flex:1;margin:0;font-size:24px;font-weight:700}.nav-btn{background:var(--calendar-primary);width:40px;height:40px;color:var(--calendar-text);cursor:pointer;transition:all var(--transition);border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.nav-btn:hover{background:var(--calendar-secondary);color:var(--calendar-white);transform:scale(1.05)}.nav-btn:active{transform:scale(.95)}.calendar-grid{background:var(--calendar-white);box-shadow:0 2px 12px var(--calendar-shadow);border-radius:16px;margin-bottom:32px;padding:24px}.calendar-header{border-bottom:2px solid var(--calendar-border);grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px;padding-bottom:16px;display:grid}.day-name{text-align:center;color:var(--calendar-text-light);text-transform:uppercase;letter-spacing:.5px;padding:8px;font-size:13px;font-weight:700}.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-grid.week-view .calendar-days{grid-template-rows:minmax(200px,auto)}.calendar-day{aspect-ratio:1;background:var(--calendar-hover);cursor:pointer;transition:all var(--transition);border:2px solid #0000;border-radius:12px;flex-direction:column;padding:12px;display:flex;position:relative}.calendar-grid.week-view .calendar-day{aspect-ratio:auto;min-height:200px}.calendar-day:hover{background:var(--calendar-primary);border-color:var(--calendar-border);box-shadow:0 4px 12px var(--calendar-shadow);transform:translateY(-2px)}.calendar-day.other-month{opacity:.3}.calendar-day.today{background:var(--calendar-secondary);color:var(--calendar-white);border-color:var(--calendar-secondary)}.calendar-day.today .day-number{color:var(--calendar-white)}.day-number{color:var(--calendar-text);margin-bottom:4px;font-size:16px;font-weight:600}.day-events{color:var(--calendar-text-light);flex-direction:column;gap:4px;margin-top:auto;font-size:11px;display:flex}.event-preview{transition:all var(--transition);cursor:pointer;background:#0000000d;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-size:10px;font-weight:500;display:flex}.event-preview:hover{background:#0000001a;transform:translate(2px)}.calendar-day.today .event-preview{background:#fff3}.calendar-day.today .event-preview:hover{background:#ffffff4d}.event-preview span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.event-dot{background:var(--calendar-info);border-radius:50%;flex-shrink:0;width:6px;height:6px}.calendar-day.today .event-dot{background:var(--calendar-white)}.event-preview.more-events{opacity:.7;justify-content:center;font-style:italic}.event-preview.more-events:hover{opacity:1}.calendar-day.today .day-events{color:#ffffffe6}.events-section{background:var(--calendar-white);box-shadow:0 2px 12px var(--calendar-shadow);border-radius:16px;padding:28px}.section-title{color:var(--calendar-text);letter-spacing:-.3px;align-items:center;gap:10px;margin:0 0 20px;font-size:20px;font-weight:700;display:flex}.section-title:before{content:"";background:var(--calendar-secondary);border-radius:2px;width:4px;height:24px}.events-list{flex-direction:column;gap:12px;display:flex}.events-list .loader{border:3px solid var(--calendar-border);border-top-color:var(--calendar-secondary);border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}.event-item{background:var(--calendar-hover);border:1.5px solid var(--calendar-border);transition:all var(--transition);cursor:pointer;border-radius:12px;padding:20px}.event-item:hover{background:var(--calendar-white);border-color:var(--calendar-secondary);box-shadow:0 4px 12px var(--calendar-shadow);transform:translate(4px)}.event-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.event-title{color:var(--calendar-text);letter-spacing:-.2px;margin:0;font-size:16px;font-weight:600}.event-time{color:var(--calendar-text-light);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.event-time svg{width:14px;height:14px}.event-description{color:var(--calendar-text-light);margin:0;font-size:14px;line-height:1.5}.event-actions{align-items:center;gap:8px;display:flex}.event-actions .icon-btn{width:32px;height:32px}.event-actions .icon-btn svg{width:16px;height:16px}.event-meta{border-top:1px solid var(--calendar-border);color:var(--calendar-text-light);align-items:center;gap:16px;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.event-creator{align-items:center;gap:6px;display:flex}.creator-avatar{background:var(--calendar-secondary);width:24px;height:24px;color:var(--calendar-white);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.empty-events{text-align:center;color:var(--calendar-text-light);padding:40px 20px}.empty-events svg{opacity:.2;margin-bottom:16px}.empty-events p{margin:0;font-size:15px}.modal{-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:1000;width:100%;height:100%;transition:background .2s var(--transition), backdrop-filter .2s var(--transition);background:0 0;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.modal.show{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex}.modal-content{background:var(--calendar-white);opacity:0;width:100%;max-width:600px;transition:opacity .3s var(--transition), transform .3s var(--transition);border-radius:20px;transform:translateY(30px)scale(.95);box-shadow:0 20px 60px #0000004d}.modal.show .modal-content{opacity:1;transform:translateY(0)scale(1)}.modal-header{border-bottom:2px solid var(--calendar-border);justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.modal-title-wrapper{flex:1;align-items:center;gap:16px;display:flex}.event-color-badge{width:32px;height:32px;box-shadow:0 2px 8px var(--calendar-shadow-md);border-radius:50%;flex-shrink:0}.modal-header h2{color:var(--calendar-text);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.modal-header-actions{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--calendar-hover);width:36px;height:36px;color:var(--calendar-text);cursor:pointer;transition:all var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.icon-btn:hover{background:var(--calendar-secondary);color:var(--calendar-white);transform:translateY(-2px)}.icon-btn.delete-btn:hover{background:var(--calendar-error);color:var(--calendar-white)}.modal-close{background:var(--calendar-hover);width:36px;height:36px;color:var(--calendar-text);cursor:pointer;transition:all var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--calendar-secondary);color:var(--calendar-white);transform:rotate(90deg)}.modal-body{max-height:calc(90vh - 200px);padding:32px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--calendar-hover);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--calendar-border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--calendar-text-light)}.event-view-content{flex-direction:column;gap:24px;display:flex}.event-view-actions{border-top:2px solid var(--calendar-border);justify-content:flex-end;margin-top:24px;padding-top:20px;display:flex}.event-detail-section{flex-direction:column;gap:8px;display:flex}.event-detail-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.event-detail-label{color:var(--calendar-text-light);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.event-detail-label svg{width:16px;height:16px;color:var(--calendar-secondary)}.event-detail-value{color:var(--calendar-text);background:var(--calendar-hover);border-radius:8px;padding:12px 16px;font-size:16px;line-height:1.6}.event-detail-value:empty:before{content:"No especificado";color:var(--calendar-text-light);opacity:.6;font-style:italic}.form-group{margin-bottom:24px}.form-group label{color:var(--calendar-text);letter-spacing:-.2px;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.form-group label svg{width:16px;height:16px;color:var(--calendar-text-light)}.form-input{border:1.5px solid var(--calendar-border);background:var(--calendar-white);width:100%;color:var(--calendar-text);transition:all var(--transition);border-radius:10px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px}.form-input::placeholder{color:#aaa}.form-input:hover{border-color:#ccc}.form-input:focus{border-color:var(--calendar-secondary);box-shadow:0 0 0 4px #0000000d}textarea.form-input{resize:vertical;min-height:100px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.checkbox-group{margin-bottom:20px}.checkbox-label{cursor:pointer;background:var(--calendar-hover);transition:all var(--transition);border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex;font-weight:500!important}.checkbox-label:hover{background:var(--calendar-primary)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{border:2px solid var(--calendar-border);background:var(--calendar-white);width:20px;height:20px;transition:all var(--transition);border-radius:6px;position:relative}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--calendar-secondary);border-color:var(--calendar-secondary)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.color-picker{flex-wrap:wrap;gap:12px;display:flex}.color-option{cursor:pointer;position:relative}.color-option input[type=radio]{opacity:0;position:absolute}.color-circle{width:36px;height:36px;transition:all var(--transition);border:2px solid #0000;border-radius:50%;display:block}.color-option input[type=radio]:checked+.color-circle{border-color:var(--calendar-secondary);box-shadow:0 0 0 2px var(--calendar-white), 0 0 0 4px var(--calendar-secondary);transform:scale(1.1)}.color-option:hover .color-circle{transform:scale(1.1)}.form-actions{border-top:2px solid var(--calendar-border);justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.btn-delete-event{margin-right:auto}.calendar-targets-help{color:var(--calendar-text-light);margin:0 0 10px;font-size:13px}.calendar-targets-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.calendar-target-btn{border:1.5px solid var(--calendar-border);background:var(--calendar-white);color:var(--calendar-text);cursor:pointer;transition:all var(--transition);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.calendar-target-btn:hover{background:var(--calendar-hover);border-color:#b8b8b8}.calendar-target-btn.active{color:#fff;background:#111;border-color:#111}.calendar-target-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px}.calendar-target-text{text-align:left;line-height:1.2}@media (max-width:1200px){.calendars-sidebar{width:140px;margin:20px 6px 20px 20px}.calendar-page .calendars-sidebar{margin-top:136px}.calendar-page .main-content{min-width:0;padding:24px 20px}.calendar-page .page-header{margin-left:-166px;padding-left:20px}}@media (max-width:768px){.calendar-container{flex-direction:column;padding-left:0;overflow-x:hidden}.calendars-sidebar{border-radius:12px;width:100%;height:auto;margin:20px;position:relative;top:0}.calendar-page .main-content{width:100%;min-width:0}.calendar-page .page-header{margin-left:0;padding-left:0}.page-header{flex-direction:column;align-items:flex-start}.header-right{flex-wrap:wrap;width:100%}.header-right .btn{flex:1;justify-content:center;min-width:140px}.admin-controls{flex-direction:column;align-items:stretch}.view-selector{width:100%}.view-btn{flex:1}.user-selector{flex-direction:column;align-items:stretch;width:100%}.calendar-grid{padding:16px}.calendar-header{gap:4px}.day-name{padding:6px 4px;font-size:11px}.calendar-days{gap:4px}.calendar-day{border-radius:8px;padding:6px}.calendar-grid.week-view .calendar-day{min-height:88px}.day-number{font-size:13px}.day-events{display:none}.events-section{padding:20px}.event-item{padding:16px}.event-header{flex-direction:column;gap:8px}.modal-content{border-radius:16px;max-width:100%}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}.event-detail-row{grid-template-columns:1fr}.modal-title-wrapper h2{font-size:18px}.event-color-badge{width:24px;height:24px}.modal-header-actions .icon-btn,.modal-header-actions .modal-close{width:32px;height:32px}.modal-header-actions svg{width:16px;height:16px}.empty-state{padding:60px 30px}}
.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.page-header h1{color:var(--text-primary);letter-spacing:-.8px;margin-bottom:8px;font-size:32px;font-weight:700}.page-header h1 i{color:var(--text-secondary);margin-right:10px}.subtitle{color:var(--text-secondary);font-size:16px}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.folder-card{box-shadow:0 2px 8px var(--shadow-light);transition:all var(--transition-speed) var(--transition-smooth);background:#fff;border-radius:16px;overflow:hidden}.folder-card:hover{box-shadow:0 8px 24px var(--shadow-medium);transform:translateY(-4px)}.folder-header{background:var(--primary-color);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.company-logo{object-fit:contain;border:1px solid var(--border-color);background:#fff;border-radius:12px;width:60px;height:60px;padding:8px}.company-logo-placeholder{background:var(--secondary-color);border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.company-logo-placeholder i{color:#fff;font-size:24px}.folder-actions{gap:6px;display:flex}.folder-actions .btn-icon{border:1px solid var(--border-color);color:#1f2937;background:#fff;width:34px;height:34px;box-shadow:0 1px 4px #00000014}.folder-actions .btn-icon i{font-size:14px}.folder-actions .btn-icon:hover{color:#fff;background:#111827;border-color:#111827;transform:translateY(-1px)}.folder-actions .btn-icon.btn-danger{color:#b42318}.folder-actions .btn-icon.btn-danger:hover{color:#fff;background:#b42318;border-color:#b42318}.btn-icon{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--text-primary);background:#0000000d}.btn-icon.btn-danger:hover{color:#f56565;background:#f565651a}.folder-body{cursor:pointer;padding:20px}.folder-body h3{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px;font-size:18px;font-weight:600}.company-name{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.folder-description{color:var(--text-secondary);margin-top:8px;font-size:13px;line-height:1.5}.folder-footer{background:var(--primary-color);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.file-count{color:var(--text-secondary);font-size:13px;font-weight:600}.file-count i{margin-right:6px}.folder-password{background:var(--secondary-color);color:#fff;letter-spacing:1px;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.folder-password i{margin-right:6px}.empty-state{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:80px 20px}.empty-state i{opacity:.2;margin-bottom:20px;font-size:64px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:20px;font-weight:600}.empty-state p{color:var(--text-secondary);font-size:15px}.gallery-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:40px 20px;display:none;position:fixed;top:0;left:0;overflow-y:auto}.gallery-modal.active{display:flex}.gallery-modal .modal-content{width:100%;max-width:600px;animation:slideUp .3s var(--transition-smooth);background:#fff;border-radius:16px;margin:auto;overflow:hidden;box-shadow:0 20px 60px #0000004d}.gallery-modal .modal-content.modal-large{max-width:1200px}.gallery-modal .modal-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.gallery-modal .modal-header h2{color:var(--text-primary);letter-spacing:-.5px;flex:1;margin:0;font-size:20px;font-weight:700}.gallery-modal .modal-header-actions{align-items:center;gap:12px;display:flex}.total-downloads-badge{background:var(--primary-color);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.total-downloads-badge svg{width:16px;height:16px;stroke:var(--text-secondary)}.total-downloads-badge span{color:var(--text-primary)}.gallery-modal .modal-header-actions .btn-icon{color:#fff;background:#000}.gallery-modal .modal-header-actions .btn-icon:hover{color:#000;background:#fff;border:1px solid #000;transform:scale(1.05)}.gallery-modal .modal-header-actions .btn-icon svg{width:20px;height:20px}.gallery-modal .modal-header .close{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-speed) var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;display:flex}.gallery-modal .modal-header .close:hover{color:var(--text-primary);background:#0000000d}.gallery-modal .modal-body{max-height:60vh;padding:32px;overflow-y:auto}.gallery-modal .modal-content form{flex-direction:column;display:flex}.gallery-modal .modal-content form .modal-body{flex:1;overflow-y:auto}.gallery-modal .modal-footer{border-top:1px solid var(--border-color);background:var(--primary-color);justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}#passwordDisplay .password-box{background:var(--primary-color);border:2px solid var(--secondary-color);text-align:center;border-radius:12px;padding:20px;box-shadow:0 4px 12px #0000001a}#passwordDisplay .password-value{letter-spacing:6px;color:var(--secondary-color);margin-bottom:12px;font-family:Monaco,Courier New,monospace;font-size:36px;font-weight:700}#passwordDisplay .password-hint{color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}#passwordDisplay .password-hint svg{stroke:#f59e0b;width:16px;height:16px}.form-group label i{color:var(--text-secondary);margin-right:6px}.form-group input[type=text],.form-group input[type=file],.form-group textarea{border:1.5px solid var(--border-color);border-radius:var(--border-radius);width:100%;color:var(--text-primary);transition:all var(--transition-speed) var(--transition-smooth);background:#fff;padding:14px 16px;font-family:inherit;font-size:15px}.form-group input[type=text]:hover,.form-group textarea:hover{border-color:#ccc}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--secondary-color);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #0000000d}.form-group textarea{resize:vertical;font-family:inherit}.form-group small{color:var(--text-secondary);margin-top:6px;font-size:13px;display:block}.logo-preview{text-align:center;margin-top:16px}.logo-preview img{border:1px solid var(--border-color);max-width:200px;max-height:200px;box-shadow:0 2px 8px var(--shadow-light);border-radius:12px}.files-toolbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.files-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.file-item{aspect-ratio:1;cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);background:var(--primary-color);border:1px solid var(--border-color);border-radius:12px;position:relative;overflow:hidden}.file-item:hover{box-shadow:0 8px 24px var(--shadow-medium);transform:translateY(-4px)}.file-item img,.file-item video{object-fit:cover;width:100%;height:100%}.file-item .file-checkbox{cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:12px;left:12px}.file-item .file-checkbox:hover{background:#fff;border-color:#000;transform:scale(1.1)}.file-item .file-checkbox input{display:none}.file-item .file-checkbox.checked{background:#000;border-color:#000}.file-item .file-checkbox svg{stroke:#fff;width:16px;height:16px;display:none}.file-item .file-checkbox.checked svg{display:block}.file-item.selected{opacity:.8;transform:scale(.95)}.file-item .file-download-badge{color:#fff;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 8px #0003}.file-item .file-download-badge svg{stroke:#fff;width:12px;height:12px}.file-item .file-actions{opacity:0;transition:opacity var(--transition-speed) var(--transition-smooth);gap:6px;display:flex;position:absolute;top:8px;right:8px}.file-item:hover .file-actions{opacity:1}.file-action-btn{color:#111827;cursor:pointer;width:36px;height:36px;transition:all var(--transition-speed) var(--transition-smooth);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 2px 8px #00000026}.file-action-btn:hover{color:#fff;background:#111827;transform:scale(1.1)}.file-action-btn i{font-size:14px}.file-action-btn.file-action-btn-danger{color:#b42318}.file-action-btn.file-action-btn-danger:hover{color:#fff;background:#b42318}.file-item .play-icon{width:48px;height:48px;color:var(--secondary-color);background:#fffffff2;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000026}.upload-progress{margin:20px 0}.progress-bar{background:var(--border-color);border-radius:10px;width:100%;height:6px;margin-bottom:12px;overflow:hidden}.progress-fill{background:var(--secondary-color);height:100%;transition:width .3s var(--transition-smooth);border-radius:10px}#uploadStatus{text-align:center;color:var(--text-secondary);font-size:14px;font-weight:500}.files-selection-toolbar{-webkit-backdrop-filter:blur(20px);z-index:1001;opacity:0;pointer-events:none;background:#000000f2;border-radius:24px;align-items:center;gap:16px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 12px 40px #0000004d}.files-selection-toolbar.active{opacity:1;pointer-events:all;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideUpFilesToolbar;transform:translate(-50%)translateY(0)}@keyframes slideUpFilesToolbar{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.files-selection-toolbar-info{color:#fff;font-size:15px;font-weight:500}.files-selection-toolbar-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.files-selection-toolbar-btn:hover{background:#e5e5e5;transform:scale(1.05)}.files-selection-toolbar-btn svg{width:18px;height:18px}.files-selection-toolbar-btn-secondary{color:#fff;background:0 0;border:1.5px solid #ffffff4d}.files-selection-toolbar-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.files-selection-toolbar-btn-danger{color:#fff;background:#f56565}.files-selection-toolbar-btn-danger:hover{background:#e53e3e}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-smooth);border:none;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--secondary-color);color:#fff;box-shadow:0 4px 12px #00000026}.btn-primary:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 20px #0003}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);border:1.5px solid var(--border-color);background:0 0}.btn-secondary:hover{border-color:var(--secondary-color);color:var(--text-primary)}.btn-danger{color:#fff;background:#f56565}.btn-danger:hover{background:#e53e3e}@media (max-width:768px){.folders-grid{grid-template-columns:1fr;gap:16px}.page-header{flex-direction:column;gap:16px}.page-header .btn-primary{justify-content:center;width:100%}.gallery-modal{padding:20px 10px}.gallery-modal .modal-content{border-radius:16px;width:100%;max-width:100%}.gallery-modal .modal-header{padding:20px}.gallery-modal .modal-header h2{font-size:18px}.gallery-modal .modal-body{max-height:50vh;padding:20px}.gallery-modal .modal-footer{flex-direction:column-reverse;gap:8px;padding:16px 20px}.gallery-modal .modal-footer .btn{justify-content:center;width:100%;margin:0}.ew-gallery-overlay{padding:20px 10px}.ew-gallery-dialog{border-radius:16px;width:100%;max-width:100%}.ew-gallery-header{padding:20px}.ew-gallery-header h2{font-size:18px}.ew-gallery-body{max-height:50vh;padding:20px}.ew-gallery-footer{flex-direction:column-reverse;gap:8px;padding:16px 20px}.ew-gallery-footer .btn{justify-content:center;width:100%;margin:0}.files-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.folder-header,.folder-body{padding:16px}.folder-footer{padding:12px 16px}}.confirm-modal{-webkit-backdrop-filter:blur(10px);z-index:10000;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.ew-gallery-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:12000;background:#00000080;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.ew-gallery-dialog{background:#fff;border-radius:16px;width:100%;max-width:600px;margin:auto;overflow:hidden;box-shadow:0 20px 60px #0000004d}.ew-gallery-dialog.ew-gallery-dialog-large{max-width:1200px}.ew-gallery-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.ew-gallery-header h2{color:var(--text-primary);letter-spacing:-.5px;flex:1;margin:0;font-size:20px;font-weight:700}.ew-gallery-header-actions{align-items:center;gap:12px;display:flex}.ew-gallery-upload-btn{color:#fff;cursor:pointer;height:40px;transition:all var(--transition-speed) var(--transition-smooth);background:#111827;border:none;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.ew-gallery-upload-btn i{font-size:14px}.ew-gallery-upload-btn:hover:not(:disabled){background:#000;transform:translateY(-1px)}.ew-gallery-upload-btn:disabled{opacity:.65;cursor:not-allowed}.ew-gallery-close{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-speed) var(--transition-smooth);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:0;font-size:24px;display:flex}.ew-gallery-close:hover{color:var(--text-primary);background:#0000000d}.ew-gallery-body{max-height:60vh;padding:32px;overflow-y:auto}.ew-gallery-dialog form{flex-direction:column;display:flex}.ew-gallery-dialog form .ew-gallery-body{flex:1;overflow-y:auto}.ew-gallery-footer{border-top:1px solid var(--border-color);background:var(--primary-color);justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.confirm-modal.active{opacity:1;display:flex}.confirm-modal-content{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:400px;padding:40px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(.9);box-shadow:0 20px 60px #0000004d}.confirm-modal.active .confirm-modal-content{transform:scale(1)}.confirm-modal-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.confirm-modal-icon svg{color:#ef4444;stroke-width:2px;width:32px;height:32px}.confirm-modal h3{color:#000;margin:0 0 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:22px;font-weight:600}.confirm-modal p{color:#666;margin:0 0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}.confirm-modal-buttons{gap:12px;display:flex}.confirm-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;padding:14px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.confirm-modal-btn-cancel{color:#000;background:#f5f5f5}.confirm-modal-btn-cancel:hover{background:#e5e5e5}.confirm-modal-btn-confirm{color:#fff;background:#ef4444}.confirm-modal-btn-confirm:hover{background:#dc2626}.confirm-modal-large{max-width:520px}.confirm-modal-icon-danger{background:#fef2f2}.confirm-modal-icon-danger svg{color:#dc2626}.confirm-modal p strong{color:#dc2626;font-weight:700}.confirm-input-group{text-align:left;margin:24px 0}.confirm-input-group label{color:#000;margin-bottom:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;display:block}.confirm-folder-name-display{color:#dc2626;text-align:center;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-family:Monaco,Courier New,monospace;font-size:15px;font-weight:600}.confirm-input{box-sizing:border-box;border:2px solid #e5e5e5;border-radius:10px;width:100%;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;transition:all .2s;text-align:center!important}.confirm-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a;text-align:center!important}.confirm-input.error{border-color:#dc2626;text-align:center!important}.confirm-input.error:focus{box-shadow:0 0 0 3px #dc26261a;text-align:center!important}.confirm-input.success{border-color:#10b981;text-align:center!important}.confirm-input-hint{color:#666;margin-top:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;display:block}.confirm-modal-btn-danger{color:#fff;background:#dc2626}.confirm-modal-btn-danger:hover:not(:disabled){background:#b91c1c}.confirm-modal-btn-danger:disabled{color:#999;cursor:not-allowed;opacity:.6;background:#e5e5e5}.upload-drop-zone{border:2px dashed var(--border-color);text-align:center;cursor:pointer;background:#fafafa;border-radius:16px;padding:60px 40px;transition:all .3s}.upload-drop-zone.dragover{border-color:var(--primary-color);background:#3b82f60d;transform:scale(1.02)}.upload-icon{background:#000;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.upload-icon svg{color:#fff;stroke-width:2px;width:40px;height:40px}.upload-drop-zone h3{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:600}.upload-drop-zone p{color:var(--text-secondary);margin:0 0 20px;font-size:16px}.upload-drop-zone small{color:var(--text-secondary);margin-top:16px;font-size:13px;display:block}.btn-select-files{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:12px;padding:14px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;transition:all .2s}.btn-select-files:hover{color:#000;background:#fff;border:1px solid #000;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.selected-files-list{max-height:200px;margin-top:24px;overflow-y:auto}.selected-file-item{border:1px solid var(--border-color);background:#fff;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.selected-file-icon{background:#3b82f61a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.selected-file-icon svg{width:20px;height:20px;color:var(--primary-color)}.selected-file-info{flex:1;min-width:0}.selected-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.selected-file-size{color:var(--text-secondary);margin-top:2px;font-size:12px}.selected-file-remove{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.selected-file-remove:hover{color:#f56565;background:#f565651a}.upload-progress-modal{-webkit-backdrop-filter:blur(10px);z-index:10001;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.upload-progress-modal.active{opacity:1;display:flex}.upload-progress-content{text-align:center;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:400px;min-width:400px;min-height:380px;padding:48px;display:flex;box-shadow:0 20px 60px #0000004d}.progress-circle-container{width:160px;height:160px;margin:0 auto 32px;position:relative}.progress-circle{transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:#f0f0f0;stroke-width:8px}.progress-circle-fill{fill:none;stroke:#000;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .3s}.progress-text{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:32px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-label{color:var(--text-primary);height:28px;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:18px;font-weight:600}.progress-sublabel{color:var(--text-secondary);height:22px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}
.kanban-main-content{height:100dvh;min-height:100vh;overflow:hidden;padding:0!important}.kanban-page{background:radial-gradient(circle at 8% 10%,#fffffff2 0%,#f1f5f9d9 36%,#0000 58%),radial-gradient(circle at 92% 90%,#e5ecf4eb 0%,#0000 46%),linear-gradient(160deg,#eef2f7 0%,#f7f9fc 44%,#eef3f8 100%);flex-direction:column;min-width:0;height:100%;min-height:100%;display:flex;overflow:hidden}.kanban-header{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(130%);background:linear-gradient(#ffffffe6 0%,#f8fafcd1 100%);border-bottom:1px solid #0f172a17;flex-shrink:0;padding:16px 24px;position:sticky;top:0;box-shadow:0 10px 30px #0f172a14,inset 0 1px #ffffffa6}.kanban-header-content{background:linear-gradient(135deg,#ffffffbd 0%,#f8fafca6 100%);border:1px solid #ffffffbf;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;max-width:100%;padding:8px 10px;display:flex}.kanban-header-left{flex:0 auto;align-items:center;gap:16px;display:flex}.kanban-header-middle{flex:auto;justify-content:center;min-width:0;display:flex}.board-icon{background:linear-gradient(140deg,#0f172a 0%,#111827 45%,#334155 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000001a}.board-icon svg{color:#fff;filter:drop-shadow(0 1px 2px #0000004d)}.board-info{flex:0 auto;align-items:center;min-width:0;display:flex}.kanban-search{background:linear-gradient(145deg,#fffffff5 0%,#f1f5f9e0 100%);border:1px solid #94a3b861;border-radius:12px;align-items:center;width:100%;min-width:320px;max-width:520px;margin-left:0;display:flex;position:relative;box-shadow:0 8px 20px #0f172a14}.kanban-search:focus-within{border-color:#1e40af66;box-shadow:0 10px 24px #1e40af24}.kanban-search-icon{color:#64748b;flex-shrink:0;width:16px;height:16px;margin-left:12px}.kanban-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:10px 34px 10px 10px;font-size:13px;font-weight:500}.kanban-search-input::placeholder{color:#94a3b8}.kanban-search-clear{color:#475569;cursor:pointer;background:#94a3b838;border:none;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:flex;position:absolute;right:8px}.kanban-search-clear:hover{background:#94a3b857}.board-title-static{color:#0f172a;letter-spacing:-.8px;background:0 0;border-radius:10px;margin:0;padding:6px 12px;font-size:22px;font-weight:700;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1)}.kanban-header-right{align-items:center;gap:10px;display:flex}.btn-header{cursor:pointer;letter-spacing:-.2px;border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-header:active{transform:scale(.96)}.btn-header svg{flex-shrink:0}.board-menu-wrapper{position:relative}.btn-header.btn-board-switch{color:#0f172a;background:linear-gradient(145deg,#fffffff7 0%,#f1f5f9eb 100%);border:1px solid #94a3b857;justify-content:space-between;gap:10px;min-width:240px;padding:11px 14px;box-shadow:0 10px 20px #0f172a1c}.btn-header.btn-board-switch:hover{border-color:#0f172a57;transform:translateY(-1px);box-shadow:0 14px 24px #0f172a24}.btn-header.btn-board-switch svg{color:#475569;transition:transform .2s}.btn-header.btn-board-switch.open svg{transform:rotate(180deg)}.btn-header.btn-board-switch span{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:320px;overflow:hidden}.board-menu-list{z-index:60;background:linear-gradient(160deg,#fffffffa 0%,#f7fafcf2 100%);border:1px solid #94a3b857;border-radius:14px;width:min(340px,100vw - 32px);max-height:340px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 20px 38px #0f172a2e}.board-menu-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;transition:all .18s;display:flex}.board-menu-item:hover{background:#f1f5f9c2;border-color:#94a3b85c}.board-menu-item.active{background:#e2e8f0a3;border-color:#0f172a38}.board-menu-item-title{color:#0f172a;font-size:14px;font-weight:700}.board-menu-item-meta{color:#64748b;font-size:12px}.board-menu-empty{color:#64748b;background:#f1f5f9b8;border-radius:10px;padding:12px;font-size:13px}.kanban-container{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:thin;flex:1;padding:22px 24px 28px;position:relative;overflow:auto hidden}.kanban-container:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff8f 0%,#fff3 100%);border:1px solid #94a3b838;border-radius:26px;position:absolute;inset:12px;box-shadow:inset 0 18px 40px #94a3b829}.kanban-board{gap:18px;width:max-content;min-width:100%;height:100%;padding:6px 6px 20px;display:flex;overflow:auto hidden}.kanban-board::-webkit-scrollbar{height:8px}.kanban-board::-webkit-scrollbar-track{background:#f5f5f7;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:4px}.kanban-board::-webkit-scrollbar-thumb:hover{background:#b4b4b9}.kanban-column{-webkit-backdrop-filter:blur(12px)saturate(125%);background:linear-gradient(175deg,#fffffff0 0%,#fafbfdeb 100%);border:1px solid #94a3b84d;border-radius:20px;flex-direction:column;flex-shrink:0;width:340px;min-width:340px;max-height:calc(100vh - 220px);transition:transform .24s cubic-bezier(.4,0,.2,1),box-shadow .24s cubic-bezier(.4,0,.2,1);animation:.36s cubic-bezier(.22,1,.36,1) both kanbanColumnIn;display:flex;box-shadow:0 18px 40px #0f172a1a}.column-header{border-bottom:1px solid #94a3b833;justify-content:space-between;align-items:center;padding:16px 16px 14px;display:flex}.column-title-wrapper{align-items:center;gap:12px;display:flex}.column-color{border-radius:2px;flex-shrink:0;width:4px;height:24px}.column-title{color:#111827;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.column-actions{opacity:.68;align-items:center;gap:4px;transition:opacity .2s;display:flex}.kanban-column:hover .column-actions{opacity:1}.column-actions .status-badge{color:#fff;background:#111827;border:none;border-radius:999px;justify-content:center;align-self:center;align-items:center;min-width:22px;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 6px 14px #0f172a33}.column-actions .btn-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.column-actions .btn-icon:hover{background:#f5f5f7}.column-actions .btn-icon svg{color:#86868b;width:18px;height:18px}.column-content{flex-direction:column;flex:1;gap:10px;padding:12px 12px 6px;display:flex;overflow-y:auto}.column-content::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track{background:0 0}.column-content::-webkit-scrollbar-thumb{background:#e5e5ea;border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover{background:#d2d2d7}.column-pagination-status{color:#334155;text-align:center;background:#e2e8f0b3;border:1px solid #94a3b847;border-radius:10px;margin-top:4px;padding:8px 10px;font-size:12px;font-weight:600}.column-pagination-status.muted{color:#64748b;background:#f1f5f9d1}.add-column-button{flex-shrink:0;justify-content:center;align-items:center;width:70px;min-height:100%;display:flex}.btn-add-column{cursor:pointer;background:linear-gradient(145deg,#ffffffd1 0%,#f1f5f9d1 100%);border:1px solid #64748b40;border-radius:19px;justify-content:center;align-items:center;width:62px;height:62px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-add-column:hover{background:linear-gradient(145deg,#fffffffa 0%,#f8fafce6 100%);border-color:#0f172a59;transform:translateY(-2px)scale(1.03);box-shadow:0 14px 26px #64748b38}.btn-add-column:active{transform:scale(.98)}.btn-add-column svg{color:#86868b;width:24px;height:24px;transition:color .2s}.btn-add-column:hover svg{color:#000}.add-task-btn{color:#475569;cursor:pointer;background:linear-gradient(145deg,#ffffffe6 0%,#f8fafcb8 100%);border:1px dashed #64748b59;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin:8px 12px 12px;padding:11px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-task-btn:hover{color:#0f172a;background:#fff;border-color:#0f172a57;transform:translateY(-1px)}.add-task-btn svg{width:16px;height:16px}.kanban-card{cursor:pointer;background:linear-gradient(160deg,#fffffff5 0%,#f9fbfdeb 100%);border:1px solid #94a3b83d;border-radius:14px;flex-shrink:0;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.22,1,.36,1) both kanbanCardIn;position:relative;overflow:hidden}.kanban-card.dragging,.kanban-card.drag-origin-hidden{opacity:0;cursor:grabbing;box-shadow:none}.kanban-card.drag-origin-hidden{overflow:hidden;border-width:0!important;height:0!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.kanban-card.drag-origin-hidden .card-content,.kanban-card.drag-origin-hidden .card-priority{display:none}.column-content .kanban-card{transition:transform .2s,opacity .2s,height .15s,padding .15s,margin .15s,border-width .15s}.card-priority{border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.card-priority.priority-high{background:#ff3b30}.card-priority.priority-medium{background:#ff9500}.card-priority.priority-low{background:#34c759}.card-content{box-sizing:border-box;width:100%;padding-left:8px}.card-title{color:#0f172a;letter-spacing:-.2px;word-wrap:break-word;overflow-wrap:break-word;margin:0 0 12px;font-size:15px;font-weight:650;line-height:1.4}.card-footer{flex-wrap:wrap;gap:8px;width:100%;margin-top:12px;display:flex}.card-assigned,.card-subtasks,.card-due-date{color:#475569;white-space:nowrap;background:#f1f5f9eb;border:1px solid #94a3b83d;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex}.card-assigned svg,.card-subtasks svg,.card-due-date svg{width:14px;height:14px}.card-due-date.overdue{color:#ff3b30;background:#ffebeb}.kanban-card.completed{opacity:.76;background:linear-gradient(160deg,#f1f5f9cc 0%,#f8fafcbd 100%)}.kanban-card.completed .card-title{color:#86868b;text-decoration:line-through}.kanban-card.completed:hover{opacity:.85}.completion-badge{z-index:1;background:linear-gradient(135deg,#34c759 0%,#30d158 100%);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #34c7594d}.completion-badge svg{color:#fff;width:14px;height:14px}.kanban-empty-state{text-align:center;background:#ffffff9e;border:1px dashed #94a3b84d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:42px;display:flex}@keyframes kanbanColumnIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes kanbanCardIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.kanban-column,.kanban-card{animation:none}}.kanban-empty-state svg{color:#d2d2d7;margin-bottom:24px}.kanban-empty-state h3{color:#1d1d1f;margin:0 0 8px;font-size:20px;font-weight:700}.kanban-empty-state p{color:#86868b;margin:0 0 24px;font-size:14px}.task-detail-panel{-webkit-backdrop-filter:blur(34px)saturate(135%);z-index:9999;background:linear-gradient(165deg,#fffffffa 0%,#f7f8fafa 100%);border-left:1px solid #00000014;flex-direction:column;width:520px;height:100vh;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-560px;overflow-y:auto;box-shadow:-14px 0 42px #00000026}.task-detail-panel.show{right:0}.task-detail-panel::-webkit-scrollbar{width:4px}.task-detail-panel::-webkit-scrollbar-track{background:0 0}.task-detail-panel::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.task-detail-header{z-index:1600;-webkit-backdrop-filter:blur(16px)saturate(130%);background:#ffffffbf;border-bottom:1px solid #00000014;justify-content:space-between;align-items:flex-start;padding:28px 26px 20px;display:flex;position:sticky;top:0}.task-detail-heading{flex-direction:column;gap:6px;display:flex}.task-detail-header h3{color:#111;letter-spacing:-.8px;margin:0;font-size:26px;font-weight:700;line-height:1.15}.task-detail-subtitle{color:#6b7280;letter-spacing:.1px;margin:0;font-size:13px;font-weight:500}.task-detail-header h3.task-title-editable{outline:none}.task-title-wrapper{align-items:center;gap:12px;display:flex}.completion-tick{color:#d1d1d6;cursor:pointer;border-radius:6px;width:28px;min-width:28px;height:28px;min-height:28px;padding:4px;transition:all .2s}.completion-tick:hover{color:#a1a1a6;background:#0000000d}.completion-tick.completed{color:#34c759}.completion-tick.completed:hover{color:#30d158}.task-title-text{cursor:text;border-radius:8px;outline:none;flex:1;margin:-8px -12px;padding:8px 12px;transition:all .2s}.task-title-text:hover{background:#00000008}.task-title-text:focus{background:#0000000d;box-shadow:0 0 0 3px #0000000d}.task-detail-actions{align-items:center;gap:10px;display:flex}.btn-icon{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 10px 20px #00000014}.btn-icon:active{transform:scale(.95)}.btn-icon svg{color:#111827}.btn-icon:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-icon-calendar{background:#f2f7ff;border-color:#1d4ed833}.btn-icon-calendar svg{color:#1d4ed8}.btn-icon-calendar:hover{background:#dbeafe}.btn-icon-danger{background:#fff5f5;border-color:#ff3b3038}.btn-icon-danger:hover{background:#ff3b30}.btn-icon-danger:hover svg{color:#fff}.btn-icon-danger svg{color:#ff3b30}.task-detail-body{background:radial-gradient(circle at 0 0,#00000008 0%,#0000 45%),radial-gradient(circle at 100% 100%,#0000000a 0%,#0000 42%);flex:1;padding:22px}.task-detail-loading{color:#6b7280;justify-content:center;align-items:center;min-height:300px;font-size:14px;font-weight:600;display:flex}.task-detail-form .form-group{background:#ffffffd1;border:1px solid #0000000f;border-radius:14px;margin-bottom:14px;padding:16px;box-shadow:0 6px 14px #0000000a}.task-detail-form .form-group label{text-transform:uppercase;letter-spacing:.6px;color:#111827a6;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.task-detail-form input[type=text],.task-detail-form textarea,.task-detail-form select,.task-detail-form input[type=date]{color:#111827;box-sizing:border-box;background:#f9fafbd9;border:1px solid #1118271f;border-radius:11px;width:100%;padding:13px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1)}.task-detail-form input[type=text]:focus,.task-detail-form textarea:focus,.task-detail-form select:focus,.task-detail-form input[type=date]:focus{background:#fff;border-color:#11182747;outline:none;box-shadow:0 0 0 3px #1118270f,0 6px 16px #00000014}.task-detail-form textarea{resize:vertical;min-height:120px;line-height:1.6}.add-subtask-form{align-items:stretch;gap:8px;margin-top:12px;display:flex}.task-detail-form .add-subtask-form input[type=text]{flex:1;box-sizing:border-box!important;width:auto!important;height:auto!important;min-height:auto!important;padding:12px 14px!important;font-size:14px!important}.empty-subtasks-message{color:#9ca3af;margin:0;font-size:13px;font-weight:500}.task-detail-meta-line{color:#6b7280;letter-spacing:.1px;background:#fff9;border:1px dashed #6b72805c;border-radius:10px;margin:4px 0 0;padding:12px 14px;font-size:12px;line-height:1.6}.task-detail-submit-row{margin-top:8px;padding:0}.task-detail-submit-row .btn-primary{letter-spacing:.2px;border-radius:12px;width:100%;height:46px;font-size:14px}.btn-add-subtask{cursor:pointer;background:#000;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #00000026}.btn-add-subtask:hover{background:#1a1a1a;transform:scale(1.05);box-shadow:0 4px 12px #00000040}.btn-add-subtask:active{transform:scale(.95)}.btn-add-subtask svg{color:#fff}.subtask-item{background:0 0;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.subtask-item:hover{background:#00000005;border-color:#0000001a;transform:translate(2px)}.subtask-check-container{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:21px;display:flex;position:relative}.form-group label.subtask-check-container{opacity:1;text-transform:none;letter-spacing:0;justify-content:center;align-items:center;width:20px;height:21px;margin:0;display:flex}.subtask-checkbox{opacity:0;cursor:pointer;width:20px;height:20px;position:absolute}.subtask-checkmark{background:#fff;border:1.5px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.subtask-checkmark svg{opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(0)}.subtask-check-container:hover .subtask-checkmark{border-color:#52c41a}.subtask-checkbox:checked~.subtask-checkmark{background:#f6ffed;border-color:#52c41a}.subtask-checkbox:checked~.subtask-checkmark svg{opacity:1;transform:scale(1)}.subtask-text{cursor:pointer;color:#1d1d1f;-webkit-user-select:none;user-select:none;letter-spacing:-.2px;flex:1;font-size:14px;font-weight:400;line-height:1.5;transition:all .25s cubic-bezier(.4,0,.2,1)}.subtask-title-input{width:100%;min-width:0;font:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;background:0 0;border:0;outline:none;margin:0;padding:0;display:block}.task-detail-form textarea.subtask-title-input,.task-detail-form textarea.subtask-title-input:hover,.task-detail-form textarea.subtask-title-input:focus{resize:none;width:100%;height:auto;min-height:0;color:inherit;box-shadow:none;font:inherit;box-sizing:border-box;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;line-height:1.5;overflow:hidden}.subtask-item.completed .subtask-text{color:#1d1d1f66;-webkit-text-decoration:line-through #1d1d1f40;text-decoration:line-through #1d1d1f40;text-decoration-thickness:1px}.subtask-item.completed{background:#52c41a05;border-color:#52c41a1a}.subtask-item.completed:hover{background:#52c41a0a}.subtask-item.completed .subtask-checkmark{background:#f6ffed;border-color:#52c41a}.subtask-item.completed .subtask-checkmark svg{opacity:1;transform:scale(1)}.subtask-delete-btn{color:#86868b;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.subtask-item:hover .subtask-delete-btn{opacity:1}.subtask-delete-btn:hover{color:#ff3b30;background:#ff3b301a;transform:scale(1.1)}.subtask-delete-btn:active{transform:scale(.95)}#detail-assigned-users{flex-direction:column;gap:16px;display:flex}.user-search-wrapper{width:100%;position:relative}.user-search-input-wrapper{position:relative}.user-search-input-wrapper .search-icon{color:#0006;pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.user-search-input{color:#000;box-sizing:border-box;background:#00000008;border:1px solid #0000;border-radius:10px;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);padding:12px 16px 12px 44px!important}.user-search-input:focus{background:#ffffffe6;border-color:#0003;outline:none;box-shadow:0 0 0 3px #0000000d,0 2px 8px #00000014}.user-search-input::placeholder{color:#0006}.user-search-results{z-index:100;background:#fff;border-radius:12px;max-height:280px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #0000000a,0 8px 24px #0000001f}.user-search-result{cursor:pointer;border-bottom:1px solid #0000000a;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.user-search-result:last-child{border-bottom:none}.user-search-result:hover{background:#00000008}.user-search-result:active{background:#0000000f}.assigned-users-list{z-index:30;flex-wrap:wrap;gap:10px;display:flex;position:relative;overflow:visible}.no-users-assigned{color:#0006;margin:0;font-size:14px;font-style:italic}.user-pill{z-index:1;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:1.5px solid #00000014;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px 8px 8px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:visible;box-shadow:0 2px 4px #0000000a,inset 0 0 0 1px #ffffff80}.user-pill.menu-open{z-index:120}.user-pill:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#0000000d 50%,#0000 100%);height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.user-pill:hover{background:linear-gradient(135deg,#fff 0%,#f0f1f3 100%);border-color:#0000001f;transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f,inset 0 0 0 1px #fffc}.user-pill:hover:before{opacity:1}.user-avatar{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#000 0%,#1a1a1a 50%,#2d2d2d 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0003,0 1px 2px #00000026,inset 0 0 0 2px #ffffff1a}.user-pill:hover .user-avatar{transform:scale(1.05)rotate(-2deg);box-shadow:0 3px 10px #00000040,0 2px 4px #0003,inset 0 0 0 2px #ffffff26}.user-info-compact{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-pill .user-name{color:#1d1d1f;letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.user-column{color:#1d1d1f;cursor:pointer;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#0000000a 0%,#0000000f 100%);border:1px solid #00000014;border-radius:7px;align-items:center;gap:5px;max-width:fit-content;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.user-column:before{content:"";opacity:.4;background:currentColor;width:3px;height:100%;transition:all .2s;position:absolute;top:0;left:0}.user-column:hover{color:#000;background:linear-gradient(135deg,#00000014 0%,#0000001a 100%);transform:translate(2px);box-shadow:0 2px 6px #00000014,inset 0 0 0 1px #0000000d}.user-column:hover:before{opacity:.6;width:4px}.user-column:active{transform:translate(1px)scale(.97)}.user-column svg{opacity:.7;flex-shrink:0;transition:opacity .2s}.user-column[type=button]{cursor:pointer;border:1px solid #00000014;font-family:inherit}.user-column:hover svg{opacity:1}.user-pill .remove-user-btn{cursor:pointer;background:#0000000d;border:1px solid #00000014;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.user-pill .remove-user-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ff3b30 0%,#ff2d1f 100%);transition:opacity .2s;position:absolute;inset:0}.user-pill .remove-user-btn:hover{border-color:#0000;transform:scale(1.1)rotate(90deg);box-shadow:0 2px 8px #ff3b304d,0 0 0 2px #ff3b301a}.user-pill .remove-user-btn:hover:before{opacity:1}.user-pill .remove-user-btn:active{transform:scale(1)rotate(90deg)}.user-pill .remove-user-btn svg{color:#00000080;z-index:1;transition:all .2s;position:relative}.user-pill .remove-user-btn:hover svg{color:#fff;transform:scale(1.1)}.assignee-column-dropdown{z-index:999;background:#fff;border:1px solid #0f172a24;border-radius:12px;min-width:230px;max-width:min(320px,85vw);max-height:240px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 2px 8px #0f172a14,0 16px 30px #0f172a29}.assignee-column-empty{color:#64748b;padding:6px 4px;font-size:13px;font-weight:500}.assignee-column-list{flex-direction:column;gap:4px;display:flex}.assignee-column-item{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:0;border-radius:8px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;line-height:1.2;transition:background-color .12s,color .12s}.assignee-column-item:hover{background:#e2e8f0}.assignee-column-item.active{color:#fff;background:#0f172a}.column-selector-dropdown{-webkit-backdrop-filter:blur(20px);z-index:10000;background:#fffffffa;border-radius:14px;min-width:220px;max-height:340px;padding:8px;animation:.25s cubic-bezier(.4,0,.2,1) dropdownSlideIn;position:fixed;overflow:hidden;box-shadow:0 0 0 1px #0000000f,0 12px 32px #0000002e,0 4px 12px #0000001f}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.column-selector-dropdown:before{content:"Mover a columna";color:#86868b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #0000000f;margin:0 -8px 6px;padding:8px 12px 6px;font-size:11px;font-weight:700;display:block}.column-selector-dropdown>div{max-height:280px;overflow-y:auto}.column-selector-dropdown::-webkit-scrollbar{width:6px}.column-selector-dropdown::-webkit-scrollbar-track{background:0 0;margin:8px 0}.column-selector-dropdown::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.column-selector-dropdown::-webkit-scrollbar-thumb:hover{background:#00000040}.column-option{cursor:pointer;color:#1d1d1f;letter-spacing:-.1px;border-radius:8px;align-items:center;gap:10px;margin-bottom:3px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.column-option:last-child{margin-bottom:0}.column-option:before{content:"";background:currentColor;border-radius:0 2px 2px 0;width:3px;height:0;transition:height .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.column-option:hover{background:linear-gradient(135deg,#0000000d 0%,#00000012 100%);padding-left:16px;transform:translate(4px)}.column-option:hover:before{height:60%}.column-option:active{transform:translate(2px)scale(.98)}.column-option.active{color:#000;background:linear-gradient(135deg,#00000014 0%,#0000001a 100%);font-weight:700}.column-option.active:after{content:"✓";color:#000;margin-left:auto;font-size:14px;font-weight:900}.column-option svg{color:currentColor;opacity:.7;flex-shrink:0;width:14px;height:14px;transition:opacity .15s}.column-option:hover svg{opacity:1}.column-option .column-name{text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;overflow:hidden}.user-info{flex:1;min-width:0}.user-info .user-name{color:#000;margin-bottom:2px;font-size:15px;font-weight:600}.user-info .user-email{color:#00000080;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.column-content.drag-over{background:#00000005;border-radius:12px;box-shadow:inset 0 0 0 2px #0000001a}.drop-position-indicator{pointer-events:none;height:16px;margin:2px 0 6px;position:relative}.drop-position-indicator:before{content:"";background:linear-gradient(90deg,#0f172a 0%,#334155 50%,#0f172a 100%);border-radius:999px;height:3px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%);box-shadow:0 0 0 3px #0f172a1f}.kanban-modal{z-index:12000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.kanban-modal.active{display:flex}.kanban-modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:0;background:#0003;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.kanban-modal-content{z-index:1;background:#fffffffa;border-radius:20px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;animation:.25s cubic-bezier(.4,0,.2,1) modalFadeIn;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 20px 60px #00000026,0 5px 15px #00000014}.kanban-modal-content.kanban-modal-large{max-width:680px}.kanban-modal-header{background:0 0;border-bottom:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:32px 32px 24px;display:flex}.kanban-modal-header h2{color:#000;letter-spacing:-.8px;margin:0;font-size:28px;font-weight:700;line-height:1.2}.kanban-modal-close{cursor:pointer;background:#0000000f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.kanban-modal-close:hover{background:#0000001a;transform:scale(1.1)}.kanban-modal-close:active{transform:scale(.95)}.kanban-modal-close svg{color:#000;width:18px;height:18px}.kanban-modal-body{flex:1;padding:0 32px 32px;overflow-y:auto}.kanban-modal-body::-webkit-scrollbar{width:4px}.kanban-modal-body::-webkit-scrollbar-track{background:0 0}.kanban-modal-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.kanban-modal-body::-webkit-scrollbar-thumb:hover{background:#00000026}.kanban-modal-footer{background:0 0;border-top:none;flex-shrink:0;justify-content:flex-end;gap:12px;padding:24px 32px 32px;display:flex}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#000;letter-spacing:-.2px;text-transform:uppercase;opacity:.6;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input[type=text],.form-group input[type=email],.form-group input[type=date],.form-group input[type=color],.form-group select,.form-group textarea{color:#000;box-sizing:border-box;background:#00000008;border:1px solid #0000;border-radius:10px;width:100%;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffffe6;border-color:#0003;outline:none;box-shadow:0 0 0 3px #0000000d,0 2px 8px #00000014}.form-group input[type=text]:hover:not(:focus),.form-group input[type=email]:hover:not(:focus),.form-group input[type=date]:hover:not(:focus),.form-group select:hover:not(:focus),.form-group textarea:hover:not(:focus){background:#0000000d;border-color:#00000014}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.form-group input[type=color]{cursor:pointer;height:48px;padding:4px}.form-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:8px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%231d1d1f' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:44px}.btn{cursor:pointer;letter-spacing:-.3px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:100px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{color:#fff;background:#000;box-shadow:0 2px 8px #00000026}.btn-primary:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.btn-primary:active{transform:scale(.96);box-shadow:0 1px 4px #0003}.btn-secondary{color:#000;background:#0000000f;border:none}.btn-secondary:hover{background:#0000001a}.btn-secondary:active{background:#00000026}.btn-danger{color:#fff;background:#ff3b30;box-shadow:0 2px 8px #ff3b3040}.btn-danger:hover{background:#ff2d1f;transform:translateY(-1px);box-shadow:0 4px 12px #ff3b3059}.btn-danger:active{transform:scale(.96);box-shadow:0 1px 4px #ff3b304d}.btn-small{min-width:80px;padding:8px 16px;font-size:14px}.kanban-modal-footer .btn{min-width:110px;height:44px}.boards-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.board-card{background:#f5f5f7;border:1px solid #e5e5ea;border-radius:12px;padding:20px;transition:all .2s}.board-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.board-card h4{color:#1d1d1f;margin:0 0 8px;font-size:16px;font-weight:700}.board-card p{color:#86868b;margin:0 0 16px;font-size:13px;line-height:1.5}.board-card-actions{gap:8px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kanban-modal-content.kanban-modal-column{max-width:520px;animation:.35s cubic-bezier(.4,0,.2,1) modalSlideUp}.kanban-modal-content.kanban-modal-confirm{max-width:460px}.kanban-confirm-body{padding-bottom:8px}.kanban-confirm-message{color:#1d1d1f;margin:0;font-size:15px;line-height:1.5}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.94)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.kanban-modal-header-content{flex:1}.kanban-modal-subtitle{color:#86868b;letter-spacing:0;margin:6px 0 0;font-size:14px;font-weight:400;animation:.4s cubic-bezier(.4,0,.2,1) .1s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.column-preview-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:16px;margin-bottom:28px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s cubic-bezier(.4,0,.2,1) .15s both fadeInUp;box-shadow:0 0 0 1px #0000000f,0 8px 24px #00000014}.column-preview-header{border-bottom:1px solid #0000000f;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.column-preview-color{background:#3498db;border-radius:2px;width:4px;height:32px;transition:background-color .3s;box-shadow:0 2px 8px #3498db4d}.column-preview-title{color:#1d1d1f;letter-spacing:-.3px;flex:1;font-size:17px;font-weight:700;transition:color .3s}.column-preview-body{flex-direction:column;gap:10px;display:flex}.preview-task-card{background:#fff;border-radius:10px;height:60px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000000a,0 2px 6px #0000000f}.preview-task-card:before{content:"";background:linear-gradient(90deg,#00000014 0%,#00000008 100%);border-radius:4px;width:60%;height:12px;position:absolute;top:12px;left:12px}.preview-task-card:after{content:"";background:linear-gradient(90deg,#0000000d 0%,#00000005 100%);border-radius:4px;width:40%;height:10px;position:absolute;top:32px;left:12px}.kanban-modal-column .form-group{animation:.4s cubic-bezier(.4,0,.2,1) both fadeInUp}.kanban-modal-column .form-group:nth-child(2){animation-delay:.2s}.kanban-modal-column .form-group:nth-child(3){animation-delay:.25s}.kanban-modal-column .form-group label{color:#1d1d1f;letter-spacing:-.1px;text-transform:none;opacity:.85;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.kanban-modal-column .form-group label svg{opacity:.6;width:16px;height:16px}.input-hint{color:#86868b;margin-top:8px;font-size:12px;line-height:1.4}.color-picker-wrapper{flex-direction:column;gap:16px;display:flex}.color-picker-wrapper input[type=color]{cursor:pointer;background:#00000008;border:2px solid #00000014;border-radius:12px;height:56px;padding:6px;transition:all .2s}.color-picker-wrapper input[type=color]:hover{background:#0000000d;border-color:#00000026;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.color-picker-wrapper input[type=color]:focus{border-color:#000;outline:none;box-shadow:0 0 0 4px #0000000f}.color-picker-wrapper input[type=color]::-webkit-color-swatch-wrapper{border-radius:8px;padding:0}.color-picker-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:8px;box-shadow:inset 0 0 0 1px #0000001a}.color-presets{grid-template-columns:repeat(8,1fr);gap:10px;display:grid}.color-preset{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:10px;width:100%;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 0 1px #00000014,0 2px 6px #00000014}.color-preset:hover{z-index:1;transform:scale(1.15)translateY(-2px);box-shadow:0 0 0 2px #00000026,0 6px 16px #00000026}.color-preset:active{transform:scale(1.05)}.color-preset[data-color=\#3498db]{background:#3498db}.color-preset[data-color=\#2ecc71]{background:#2ecc71}.color-preset[data-color=\#e74c3c]{background:#e74c3c}.color-preset[data-color=\#f39c12]{background:#f39c12}.color-preset[data-color=\#9b59b6]{background:#9b59b6}.color-preset[data-color=\#1abc9c]{background:#1abc9c}.color-preset[data-color=\#34495e]{background:#34495e}.color-preset[data-color=\#e91e63]{background:#e91e63}.color-preset.selected{border-color:#000;box-shadow:0 0 0 3px #0000001a,0 4px 12px #00000026}.color-preset.selected:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.color-preset.selected:before{content:"✓";color:#000;z-index:1;font-size:11px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kanban-modal-column .kanban-modal-footer{animation:.4s cubic-bezier(.4,0,.2,1) .3s both fadeInUp}.kanban-modal-column .kanban-modal-footer .btn{border-radius:12px;align-items:center;gap:8px;height:48px;padding:0 28px;font-size:15px;font-weight:600;display:flex}.kanban-modal-column .kanban-modal-footer .btn svg{flex-shrink:0;width:16px;height:16px}.kanban-modal-column input[type=text]{border-radius:12px;padding:16px 18px;font-size:17px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.kanban-modal-column input[type=text]:focus{background:#fff;transform:translateY(-1px);box-shadow:0 0 0 3px #0000000f,0 4px 16px #00000014}@media (max-width:1024px){.btn-header.btn-board-switch{min-width:210px}}@media (max-width:768px){.kanban-main-content{height:calc(100dvh - env(safe-area-inset-bottom));min-height:calc(100vh - env(safe-area-inset-bottom))}.kanban-header{padding:12px 14px}.kanban-header-content{border-radius:14px;flex-direction:column;align-items:stretch;gap:16px;padding:8px}.kanban-header-left{flex-wrap:wrap;width:100%}.kanban-header-middle{justify-content:stretch;width:100%}.kanban-search{min-width:0;max-width:none;margin-top:0}.kanban-header-right{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.board-icon{border-radius:12px;width:48px;height:48px}.board-icon svg{width:28px;height:28px}.btn-header.btn-board-switch{width:100%;min-width:0;max-width:none}.board-menu-wrapper{width:100%}.kanban-container{padding:12px}.kanban-container:before{border-radius:16px;inset:8px}.kanban-column{width:292px;min-width:292px}.task-detail-panel{border-left:none;width:100%;right:-100%}.task-detail-header{padding:22px 18px 16px}.task-detail-header h3{font-size:22px}.task-detail-subtitle{font-size:12px}.task-detail-body{padding:14px}.task-detail-form .form-group{margin-bottom:12px;padding:14px}.kanban-modal-content.kanban-modal-column{max-width:92%;margin:0 auto}.color-presets{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width:480px){.board-icon{width:44px;height:44px}.board-icon svg{width:24px;height:24px}.board-selector{padding:6px 36px 6px 10px;font-size:16px}.kanban-board{gap:12px}.kanban-column{width:min(87vw,280px);min-width:min(87vw,280px)}.task-detail-header{gap:10px}.task-detail-actions{gap:8px}.calendar-action-hint{width:208px}.calendar-selector-popover{width:min(300px,100vw - 28px);right:-6px}.btn-icon{width:34px;height:34px}}.cc-references-list{flex-direction:column;gap:8px;display:flex}.no-references{color:#86868b;font-size:14px;font-style:italic}.cc-reference-pill{background:#f5f5f7;border-left:3px solid #3b82f6;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.cc-reference-pill:hover{background:#e8e8ed;transform:translate(2px)}.pill-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.pill-content{cursor:pointer;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pill-name{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pill-type{color:#86868b;font-size:12px}.pill-remove{cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.cc-reference-pill:hover .pill-remove{opacity:1}.pill-remove:hover{background:#ef44441a}.pill-remove svg{stroke:#ef4444}.add-cc-reference-form{position:relative}#cc-reference-search{background:#fff;border:1.5px solid #d2d2d7;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}#cc-reference-search:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.cc-reference-results{z-index:1000;background:#fff;border:1px solid #e5e5ea;border-radius:10px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a}.cc-search-result{cursor:pointer;border-bottom:1px solid #f5f5f7;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.cc-search-result:last-child{border-bottom:none}.cc-search-result:hover{background:#f5f5f7}.result-icon{background:#3b82f61a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.result-info{flex:1;min-width:0}.result-name{color:#1d1d1f;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.result-type{color:#86868b;margin-top:2px;font-size:12px}.no-results{text-align:center;color:#86868b;padding:20px;font-size:14px}@media (max-width:768px){.cc-reference-pill{padding:8px 10px}.pill-icon{width:28px;height:28px;font-size:18px}.pill-name{font-size:13px}.pill-type{font-size:11px}}.column-header[draggable=true]{cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1)}.column-header[draggable=true]:active{cursor:grabbing!important}.kanban-column.dragging-column{opacity:.5;transform:scale(.98);box-shadow:0 8px 24px #00000026}.kanban-column.drag-over-column{border:2px solid #007aff80;box-shadow:0 0 0 4px #007aff1a}.kanban-column.drop-indicator-before{position:relative}.kanban-column.drop-indicator-before:before{content:"";z-index:100;background:linear-gradient(#0000 0%,#007affcc 10%,#007aff 50%,#007affcc 90%,#0000 100%);border-radius:2px;width:4px;animation:1.5s ease-in-out infinite pulseGlow;position:absolute;top:0;bottom:0;left:-14px;box-shadow:0 0 12px #007aff99,0 0 24px #007aff4d}.kanban-column.drop-indicator-after{position:relative}.kanban-column.drop-indicator-after:after{content:"";z-index:100;background:linear-gradient(#0000 0%,#007affcc 10%,#007aff 50%,#007affcc 90%,#0000 100%);border-radius:2px;width:4px;animation:1.5s ease-in-out infinite pulseGlow;position:absolute;top:0;bottom:0;right:-14px;box-shadow:0 0 12px #007aff99,0 0 24px #007aff4d}@keyframes pulseGlow{0%,to{opacity:.8;transform:scaleY(.98)}50%{opacity:1;transform:scaleY(1)}}:root{--kanban-bg:#f3f6fb;--kanban-surface:#fff;--kanban-surface-soft:#f8fafc;--kanban-border:#d9e2ec;--kanban-border-strong:#c8d3e1;--kanban-text:#0f172a;--kanban-muted:#52627a;--kanban-shadow-sm:0 6px 16px #0f172a0f;--kanban-shadow-md:0 14px 34px #0f172a1a}.kanban-page{background:radial-gradient(circle at 0% 0%, #e3eaf373 0%, transparent 38%), radial-gradient(circle at 100% 100%, #d8e2ee6b 0%, transparent 36%), linear-gradient(170deg, #eef2f8 0%, var(--kanban-bg) 48%, #edf2f7 100%)}.kanban-header{border-bottom:1px solid var(--kanban-border);background:#ffffffe0;box-shadow:0 8px 20px #0f172a0f}.kanban-header-content{background:#ffffffd1;border:1px solid #c8d3e1b3;border-radius:14px;box-shadow:inset 0 1px #ffffffe6}.board-icon{background:linear-gradient(145deg,#0f172a 0%,#1f2937 100%);border-radius:12px;width:46px;height:46px;box-shadow:0 8px 18px #0f172a33}.board-icon:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a3d}.board-title-static{color:var(--kanban-text);font-size:20px;font-weight:700}.btn-header.btn-board-switch{background:var(--kanban-surface);border:1px solid var(--kanban-border-strong);box-shadow:var(--kanban-shadow-sm)}.btn-header.btn-board-switch:hover{border-color:#9fb2c8;box-shadow:0 10px 22px #0f172a1a}.board-menu-list{border-color:var(--kanban-border-strong);background:var(--kanban-surface);box-shadow:0 24px 40px #0f172a29}.kanban-container{padding:18px 22px 24px}.kanban-container:before{content:none}.kanban-board{align-items:stretch;gap:16px;width:100%;min-width:100%;padding:4px 4px 18px}.kanban-column{border:1px solid var(--kanban-border);width:auto;min-width:300px;box-shadow:var(--kanban-shadow-md);background:linear-gradient(#fff 0%,#fbfdff 100%);border-radius:16px;flex:320px}.kanban-column:hover{transform:translateY(-1px);box-shadow:0 18px 38px #0f172a21}.column-header{border-bottom:1px solid #e3ebf4;padding:14px 14px 12px}.column-title{letter-spacing:-.1px;color:#10233f;font-size:14px}.column-actions{opacity:1;align-items:center;gap:6px}.column-actions .btn-icon{border:1px solid #0000;border-radius:9px;width:30px;height:30px}.column-actions .btn-icon:hover{background:#f2f6fb;border-color:#d6e0ec}.column-actions .status-badge{color:#f8fafc;box-shadow:none;background:#1e293b;align-self:center}.column-content{gap:8px;padding:10px 10px 6px}.kanban-card{background:linear-gradient(#fff 0%,#f9fbfe 100%);border:1px solid #dbe5f0;border-radius:12px;padding:14px;box-shadow:0 6px 14px #0f172a0f}.kanban-card:hover{border-color:#becddd;transform:translateY(-1px);box-shadow:0 12px 22px #0f172a1a}.card-title{color:#14243d;margin-bottom:10px;font-size:14px;line-height:1.45}.card-footer{gap:6px;margin-top:10px}.card-assigned,.card-subtasks,.card-due-date{color:var(--kanban-muted);background:#eef3f9;border:1px solid #dae4ef;padding:5px 8px;font-size:11px}.kanban-card.completed{opacity:.72;background:#f4f7fb;border-color:#d8e1eb}.add-task-btn{color:#2f445f;background:#f8fbff;border:1px dashed #b8c7d8;border-radius:11px;margin:8px 10px 10px}.add-task-btn:hover{color:#19324f;background:#fff;border-color:#8aa2bb}.btn-add-column{background:#f8fbff;border:1px solid #c9d8e8;border-radius:16px;width:58px;height:58px;box-shadow:0 10px 18px #33415524}.btn-add-column:hover{background:#fff;border-color:#94a8bd;transform:translateY(-1px)}.task-detail-panel{background:linear-gradient(#fff 0%,#f7f9fc 100%);border-left:1px solid #d9e2ec;width:min(46vw,760px);max-width:760px;right:-46vw;box-shadow:-12px 0 34px #0f172a24}.task-detail-header{background:#ffffffeb;border-bottom:1px solid #dde6f1}.task-detail-heading{flex:1;min-width:0;max-width:100%}.task-detail-actions{flex-shrink:0;margin-left:12px}.task-detail-header h3{color:#10233f;font-size:23px}.task-detail-title-input{color:#10233f;letter-spacing:-.3px;background:0 0;border:1px solid #0000;border-radius:10px;width:100%;max-width:100%;margin:0;padding:6px 8px;font-size:23px;font-weight:700;line-height:1.2;transition:border-color .2s,background-color .2s;display:block}.task-detail-title-input:hover{background:#0f172a0a}.task-detail-title-input:focus{background:#fff;border-color:#9ab0c6;outline:none}.task-detail-subtitle{color:#5f7088}.task-detail-form .form-group{background:#fff;border:1px solid #dbe5f0;border-radius:12px;box-shadow:0 3px 8px #0f172a0a}.task-detail-inline-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:14px;display:grid}.task-detail-inline-row .form-group{margin-bottom:0}.calendar-selector-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.calendar-selector-item{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:#f8fbff;border:1px solid #dbe5f0;border-radius:10px;align-items:center;padding:10px 12px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.calendar-selector-item:hover{background:#f1f6fd;border-color:#a3b5c9}.calendar-selector-item:active{transform:scale(.99)}.calendar-selector-item.active{background:#e9f0ff;border-color:#1d4ed8;box-shadow:inset 0 0 0 1px #1d4ed840}.calendar-selector-item:disabled{opacity:.58;cursor:not-allowed;transform:none}.calendar-selector-content{cursor:pointer;flex-direction:column;gap:2px;width:100%;min-width:0;display:flex}.calendar-selector-title{color:#10233f;font-size:14px;font-weight:600}.calendar-selector-meta{color:#64748b;font-size:12px}.task-detail-form .form-group label{color:#495b73}.task-detail-form input[type=text],.task-detail-form textarea,.task-detail-form select,.task-detail-form input[type=date]{background:#f8fbff;border:1px solid #d6e1ee}.task-detail-form input[type=text]:focus,.task-detail-form textarea:focus,.task-detail-form select:focus,.task-detail-form input[type=date]:focus{border-color:#8fa7bf;box-shadow:0 0 0 3px #59738f24}.task-detail-form textarea.task-detail-description-input{resize:none;padding-bottom:18px;overflow-y:hidden}.task-chat-group{flex-direction:column;gap:10px;display:flex}.task-chat-thread{background:#fff;border:1px solid #d6e1ee;border-radius:12px;flex-direction:column;gap:4px;min-height:210px;max-height:360px;padding:16px 14px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #ffffffd6,0 4px 10px #0f172a0d}.task-chat-thread::-webkit-scrollbar{width:7px}.task-chat-thread::-webkit-scrollbar-track{background:#94a3b82e;border-radius:999px}.task-chat-thread::-webkit-scrollbar-thumb{background:#4755695c;border-radius:999px}.task-chat-feedback{color:#4b5563;background:#fffc;border:1px solid #94a3b859;border-radius:999px;margin:auto;padding:8px 10px;font-size:12px}.task-chat-feedback.error{color:#b42318;background:#fee2e2eb;border-color:#b423184d}.task-chat-day-separator{color:#5f7088;letter-spacing:.2px;background:#f5f8fc;border:1px solid #d7e1ec;border-radius:999px;align-self:center;margin:8px 0 6px;padding:4px 11px;font-size:11px;font-weight:600}.task-chat-message{border:1px solid #0000;border-radius:14px;flex-direction:column;max-width:79%;padding:8px 10px 6px;display:flex;position:relative;box-shadow:0 2px 5px #0f172a1f}.task-chat-message.mine{background:linear-gradient(#e3edf8 0%,#d8e7f6 100%);border-color:#bdd2e7;border-bottom-right-radius:5px;margin-left:auto}.task-chat-message.other{background:#fff;border-color:#d8e1ec;border-bottom-left-radius:5px;margin-right:auto}.task-chat-message.stack-prev{margin-top:2px}.task-chat-message.mine.stack-prev{border-top-right-radius:9px}.task-chat-message.other.stack-prev{border-top-left-radius:9px}.task-chat-message.mine.stack-next{border-bottom-right-radius:9px}.task-chat-message.other.stack-next{border-bottom-left-radius:9px}.task-chat-message.mine:after,.task-chat-message.other:after{content:none}.task-chat-message-author{color:#1f3f66;letter-spacing:.25px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.task-chat-message-time{color:#64748b;white-space:nowrap;font-size:10px}.task-chat-message-text{color:#10233f;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.task-chat-link{color:#1d4f8f;text-underline-offset:2px;word-break:break-all;text-decoration:underline;text-decoration-thickness:1px}.task-chat-link:hover{color:#153f74}.task-chat-message.mine .task-chat-link{color:#113a6d}.task-chat-message-footer{justify-content:flex-end;margin-top:3px;display:flex}.task-chat-message-footer.stacked{margin-top:2px}.task-chat-compose{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.task-chat-input-shell{background:#fff;border:1px solid #cfdae8;border-radius:14px;align-items:center;padding:3px 10px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:flex;box-shadow:inset 0 1px #ffffffeb}.task-chat-input-shell:focus-within{background:#fff;border-color:#7ea1ca;box-shadow:0 0 0 3px #7ea1ca38,inset 0 1px #fffffff2}.form-group textarea.task-chat-input{resize:none;color:#10233f;width:100%;min-height:28px;max-height:120px;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:4px 0;font-family:inherit;font-size:13px;line-height:1.35;transition:none;overflow-y:hidden}.form-group textarea.task-chat-input:focus,.form-group textarea.task-chat-input:hover:not(:focus){box-shadow:none;background:0 0;border:0}.form-group textarea.task-chat-input::placeholder{color:#7890ab}.btn-send-chat{color:#f8fafc;cursor:pointer;background:#2f5c92;border:1px solid #315f95;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;transition:background-color .16s,box-shadow .16s;display:inline-flex}.task-chat-send-icon{width:16px;height:16px;transform:translate(.5px)}.task-chat-send-pending{letter-spacing:.8px;font-size:11px;font-weight:700}.btn-send-chat:hover:not(:disabled){background:#274f7f;box-shadow:0 6px 14px #274f7f3d}.btn-send-chat:active:not(:disabled){background:#214670}.btn-send-chat:disabled{opacity:.56;cursor:not-allowed;box-shadow:none}.btn-primary{color:#f8fafc;background:linear-gradient(140deg,#0f172a 0%,#1e293b 100%)}.btn-primary:hover{background:linear-gradient(140deg,#162137 0%,#29384f 100%)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-icon:focus-visible,.btn-add-column:focus-visible,.add-task-btn:focus-visible{outline-offset:2px;outline:2px solid #2c4f7a}.calendar-action-wrapper{flex-direction:column;align-items:flex-end;display:flex;position:relative}.calendar-action-hint{color:#b42318;z-index:18;background:#fff5f6;border:1px solid #f7d2d6;border-radius:10px;width:240px;margin:0;padding:8px 10px;font-size:12px;font-weight:600;line-height:1.35;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 24px #b423181f}.calendar-selector-popover{z-index:1610;background:#fff;border:1px solid #d6e1ee;border-radius:14px;width:min(360px,100vw - 42px);animation:.2s calendarPopoverIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 36px #0f172a33}@keyframes calendarPopoverIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.calendar-selector-popover-header{background:#f8fbff;border-bottom:1px solid #e2eaf3;padding:12px 14px}.calendar-selector-popover-header h4{color:#10233f;margin:0;font-size:14px}.calendar-selector-popover-header p{color:#64748b;margin:4px 0 0;font-size:12px}.calendar-selector-popover-body{max-height:280px;padding:10px 12px;overflow-y:auto}.calendar-selector-feedback{color:#54657b;margin:0;font-size:13px}.calendar-selector-popover-footer{background:#fbfdff;border-top:1px solid #e2eaf3;justify-content:flex-end;gap:8px;padding:10px 12px 12px;display:flex}.calendar-selector-popover-footer .btn{min-width:auto;padding:8px 12px}.card-footer{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.card-chip{color:#475569;white-space:nowrap;font-variant-numeric:tabular-nums;background:#eef3f9;border:1px solid #dae4ef;border-radius:999px;align-items:center;gap:6px;min-height:24px;padding:4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.card-chip svg{opacity:.92;flex-shrink:0;width:12px;height:12px}.card-assigned{justify-content:center;min-width:46px}.card-subtasks{letter-spacing:.1px}.card-due-date{transition:color .15s,background-color .15s,border-color .15s}.card-due-date.overdue{color:#b42318;background:#fee4e2;border-color:#fecdc8}.card-progress{background:#e7edf5;border:1px solid #d7e2ee;border-radius:999px;width:100%;height:6px;margin-top:8px;overflow:hidden}.card-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#1d4ed8 0%,#0284c7 100%);width:0;height:100%;transition:width .25s}.kanban-card.completed .card-progress-fill{background:linear-gradient(90deg,#16a34a 0%,#059669 100%)}@media (max-width:768px){.kanban-column{width:286px;min-width:286px}.kanban-container{padding:10px}.task-detail-panel{border-left:none}.task-detail-inline-row{grid-template-columns:1fr;gap:10px;margin-bottom:12px}.task-chat-thread{min-height:190px;max-height:280px}.task-chat-compose{grid-template-columns:minmax(0,1fr) auto;width:100%}.task-chat-message{max-width:88%}.task-chat-day-separator{margin-top:7px}}
.btn-secondary{color:#374151;cursor:pointer;letter-spacing:.02em;background:#fff;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.modal-footer .btn-primary{color:#fff!important;letter-spacing:.02em!important;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%)!important;border:none!important;border-radius:8px!important;padding:12px 32px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 4px 14px #00000040!important}.modal-footer .btn-primary:hover{background:linear-gradient(135deg,#1a1a1a 0%,#333 100%)!important;transform:translateY(-2px)!important;box-shadow:0 8px 24px #00000059!important}.briefings-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-wrapper{flex:1;min-width:280px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:12px 16px 12px 44px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#111827;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #00000014}.filter-group{gap:12px;display:flex}.filter-select{cursor:pointer;color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:10px;min-width:180px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-select:hover{border-color:#d1d5db;transform:translateY(-1px)}.filter-select:focus{border-color:#111827;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #00000014}.briefings-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:32px;display:grid}.briefings-grid.is-empty{justify-content:center;align-items:center;min-height:360px;display:flex}.briefing-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.briefing-card:before{content:"";background:linear-gradient(90deg,#000 0%,#1a1a1a 100%);width:100%;height:4px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.briefing-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 10px 40px #0000001f}.briefing-card:hover:before{transform:scaleX(1)}.briefing-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.briefing-card-title{color:#111827;letter-spacing:-.02em;flex:1;margin:0;font-size:18px;font-weight:700;line-height:1.4}.briefing-card-status{white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0000001a}.briefing-card-status.borrador{color:#374151;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%)}.briefing-card-status.en_proceso{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%)}.briefing-card-status.completado{color:#111827;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:2px solid #111827;box-shadow:0 2px 8px #00000026}.briefing-card-client{color:#6b7280;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.briefing-card-client svg{width:15px;height:15px}.briefing-card-meta{color:#9ca3af;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:16px;font-size:12px;display:flex}.briefing-card-date{align-items:center;gap:6px;display:flex}.briefing-card-date svg{width:14px;height:14px}.briefing-card-actions{gap:8px;display:flex}.briefing-card-action-btn{cursor:pointer;color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.briefing-card-action-btn:hover{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border-color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.briefing-card-action-btn svg{width:16px;height:16px}.modal{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal.active{animation:.3s ease-out fadeIn;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;width:100%;height:100%;animation:.3s ease-out fadeIn;position:absolute;top:0;left:0}.modal-content{z-index:10000;background:#fff;border:1px solid #0000001a;border-radius:16px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 25px 80px #0006}.modal-header{background:linear-gradient(#fafafa 0%,#fff 100%);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;justify-content:space-between;align-items:flex-start;padding:36px 40px 28px;display:flex}.modal-header h2{color:#111827;letter-spacing:-.03em;margin:0;font-size:28px;font-weight:700}.modal-close{cursor:pointer;color:#6b7280;background:#fff;border:2px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;margin-left:20px;padding:10px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.modal-close:hover{color:#fff;background:#111827;border-color:#111827;transform:rotate(90deg)}.modal-footer{background:linear-gradient(#fff 0%,#fafafa 100%);border-top:1px solid #e5e7eb;border-radius:0 0 16px 16px;justify-content:flex-end;gap:16px;padding:28px 40px;display:flex}.modal-briefing{flex-direction:column;width:min(92vw,980px);max-width:980px;max-height:90vh;display:flex;overflow:hidden}.modal-subtitle{color:#6b7280;margin:8px 0 0;font-size:14px;font-weight:400;line-height:1.5}#briefingModalBody,#briefingViewBody{box-sizing:border-box;background:#f8f9fa;flex:1;overflow-y:auto;padding:32px 48px!important}.briefing-header-section{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:2px solid #e5e7eb;border-radius:12px;margin-bottom:28px;padding:32px;box-shadow:0 2px 8px #0000000a}.briefing-header-section .form-group label{color:#111827;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:12px;font-weight:600}.briefing-title-input{color:#111827;letter-spacing:-.02em;background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:14px 18px;font-size:20px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.briefing-title-input:focus{border-color:#111827;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #00000014}.briefing-header-section .select-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-weight:600}.briefing-header-section .select-input:focus{border-color:#111827;box-shadow:0 0 0 4px #00000014}.briefing-sections{flex-direction:column;gap:20px;display:flex}.briefing-section{background:#fff;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000000d}.briefing-section:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.briefing-section .section-header{cursor:pointer;background:linear-gradient(135deg,#fafafa 0%,#fff 100%);border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 28px;transition:all .2s;display:flex}.briefing-section .section-header:hover{background:linear-gradient(135deg,#f3f4f6 0%,#fafafa 100%)}.briefing-section .section-header h3{color:#111827;letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.briefing-section .section-content{box-sizing:border-box;background:#fff;padding:32px 48px!important}.view-field{border-bottom:1px dashed #e5e7eb;grid-template-columns:260px 1fr;gap:16px;padding:10px 0;display:grid}.view-field:last-child{border-bottom:none}.view-field-label{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.view-field-value{color:#111827;white-space:pre-wrap;font-size:14px;line-height:1.6}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#374151;letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.form-input,.form-textarea,.select-input{color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus,.form-textarea:focus,.select-input:focus{border-color:#111827;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #00000014}.form-textarea{resize:vertical;min-height:100px;line-height:1.6}.form-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px;display:grid}.form-row:last-child{margin-bottom:0}.required{color:#ef4444;font-weight:600}.info-tooltip{cursor:help;color:#9ca3af;align-items:center;transition:color .15s;display:inline-flex;position:relative}.info-tooltip:hover{color:#111827}.info-tooltip svg{width:15px;height:15px}.info-tooltip:after{content:attr(data-tooltip);color:#fff;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#111827;border-radius:2px;width:260px;max-width:90vw;padding:8px 12px;font-size:11px;font-weight:400;line-height:1.5;transition:all .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.info-tooltip:before{content:"";opacity:0;visibility:hidden;z-index:1000;border:5px solid #0000;border-top-color:#111827;transition:all .15s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.info-tooltip:hover:after,.info-tooltip:hover:before{opacity:1;visibility:visible}.form-group:first-child .info-tooltip:after{left:0;transform:translate(0)}.form-group:first-child .info-tooltip:before{left:20px;transform:translate(0)}.loading-state{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;font-size:14px;display:flex}.loader{border:3px solid var(--border-color);border-top-color:var(--secondary-color);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:520px;padding:60px 20px;display:flex}.empty-state-icon{width:80px;height:80px;color:var(--text-secondary);opacity:.3;margin:0 auto 20px}.empty-state h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}@media (max-width:768px){.briefings-grid{grid-template-columns:1fr}.briefings-controls{flex-direction:column;align-items:stretch}.search-wrapper{width:100%;min-width:auto}.filter-group,.filter-select{width:100%}.modal-briefing{border-radius:0;width:100vw;max-height:100vh}.briefing-header-section,#briefingModalBody,#briefingViewBody{padding:16px}.briefing-section .section-header{padding:12px 16px}.briefing-section .section-content{background:#fff;padding:20px 24px}.form-row{grid-template-columns:1fr}.view-field{grid-template-columns:1fr;gap:8px}.briefing-card-header{flex-direction:column;align-items:flex-start}.briefing-card-status{align-self:flex-start}.info-tooltip:after{width:240px;left:0;transform:translate(0)}.info-tooltip:before{left:20px;transform:translate(0)}}@media (max-width:480px){.briefing-card{padding:16px}.briefing-card-title{font-size:16px}.briefing-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.briefing-title-input{padding:12px 16px;font-size:18px}.section-header h3{font-size:16px}}.confirm-modal{z-index:10000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.confirm-modal.active{display:flex}.confirm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;width:100%;height:100%;animation:.3s ease-out fadeIn;position:absolute;top:0;left:0}.confirm-modal-content{z-index:10001;text-align:center;background:#fff;border-radius:16px;width:90vw;max-width:420px;padding:32px;animation:.3s ease-out slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.confirm-modal-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:32px;display:flex}.confirm-modal-icon.danger{background:var(--danger-light);color:var(--danger-color)}.confirm-modal-title{color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:600}.confirm-modal-message{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.btn-confirm-cancel,.btn-confirm-action{cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;display:inline-flex}.btn-confirm-cancel{background:var(--border-color);color:var(--text-primary)}.btn-confirm-cancel:hover{background:#d1d5db}.btn-confirm-action{background:var(--danger-color);color:#fff}.btn-confirm-action:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.toast{z-index:10002;background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:300px;padding:16px 20px;animation:.3s ease-out slideInRight;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000026}.toast.show{display:flex}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.toast-icon.success{background:var(--success-light);color:var(--success-color)}.toast-icon.error{background:var(--danger-light);color:var(--danger-color)}.toast-icon.warning{background:var(--warning-light);color:var(--warning-color)}#toastMessage{color:var(--text-primary);font-size:14px;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@media print{.modal-header,.modal-footer,.briefing-card-actions,.info-tooltip{display:none}.briefing-section{page-break-inside:avoid;box-shadow:none;border:1px solid #ddd}.briefing-header-section{color:#000;background:#fff;border:2px solid #ddd}}