.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-box{background-color:#2e2e2e;border:1px solid #fff;box-sizing:border-box;padding:20px;text-align:center;width:300px}.login-box h2{margin-bottom:20px}.form-group{margin-bottom:15px}.form-group input{background-color:#3c3c3c;padding:8px}.form-group input,.login-button{border:1px solid #fff;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;width:calc(100% - 16px)}.login-button{background-color:#444;cursor:pointer;font-size:14px;padding:12px;transition:background-color .3s ease}.login-button:hover{background-color:#555}.login-box p{color:#ccc;font-size:14px;margin:10px 0}.logout-success-message{background-color:#2d4a2d;border:1px solid #4a7c4a;border-radius:3px;color:#90c690;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;margin:15px 0;padding:10px;text-align:center}.logout-success-message:before{content:"✓ ";font-weight:700}.menu-container,.menu-title{border-bottom:1px solid #fff}.menu-title{align-items:center;background-color:#2e2e2e;color:#fff;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;justify-content:center;padding:5px 10px;position:relative}.user-role-badge{background-color:#4caf50;border-radius:12px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:10px}.user-role-badge.admin{background-color:#ff9800}.menu-bar{align-items:center;background-color:#2e2e2e;color:#fff;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;justify-content:space-between;padding:5px 10px}.menu-left a{color:#fff;margin-right:15px;text-decoration:none}.menu-left a:hover{text-decoration:underline}.menu-right a{color:#fff;margin-right:15px;text-decoration:none}.menu-right a:hover{text-decoration:underline}.menu-right button{background-color:#444;border:1px solid #fff;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;padding:5px 10px}.menu-right button:hover{background-color:#555}.dashboard-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow-y:auto;padding:20px}.dashboard-loading{align-items:center;color:#888;display:flex;flex-direction:column;font-size:1.1rem;height:200px;justify-content:center}.spinner{border:3px solid #333;border-top-color:#fff;margin-bottom:15px}.dashboard-header-grid{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 320px;grid-template-rows:1fr;height:380px;margin-bottom:25px}.dashboard-header{align-items:flex-start;background-color:#2e2e2e;border:1px solid #444;display:flex;justify-content:space-between;padding:25px}.calendar-widget-container,.dashboard-header{box-sizing:border-box;height:100%}.right-widgets{align-items:flex-end;gap:15px}.attendance-widget,.right-widgets{display:flex;flex-direction:column}.attendance-widget{background-color:#1a1a1a;border:1px solid #333;border-radius:6px;box-sizing:border-box;gap:12px;padding:15px;width:220px}.welcome-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;text-align:left}.welcome-section h1{color:#fff;font-size:2.2rem;font-weight:400;margin:0 0 8px;text-align:left}.welcome-subtitle{color:#ccc;font-size:1rem;line-height:1.4;margin:0 0 15px;text-align:left}.datetime-info{align-items:flex-start;display:flex;flex-direction:column;gap:3px;margin-bottom:20px;margin-top:5px}.current-time{text-transform:capitalize}.current-clock,.current-time{background:none!important;color:#fff!important;font-size:.8rem!important;font-weight:400!important}.widget-title{border-bottom:1px solid #333;font-size:.9rem;font-weight:700;padding-bottom:8px}.hours-info,.hours-summary{display:flex;flex-direction:column;gap:8px}.hours-info{flex:1 1}.hours-today,.hours-week{align-items:center;display:flex;justify-content:space-between}.hours-label{color:#ccc;font-size:.9rem;font-weight:400}.hours-value{background-color:#333;border-radius:4px;color:#fff!important;font-size:1rem;font-weight:700;min-width:45px;padding:4px 8px;text-align:center}.clock-btn{border:none;border-radius:6px;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin-top:4px;padding:10px 16px;transition:all .2s ease;width:100%}.clock-btn.not-working{background-color:#28a745;color:#fff}.clock-btn.not-working:hover{background-color:#218838;transform:translateY(-1px)}.clock-btn.working{background-color:#dc3545;color:#fff}.clock-btn.working:hover{background-color:#c82333;transform:translateY(-1px)}.clock-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.clock-btn:active{transform:translateY(0)}.user-info-card{background-color:#3a3a3a;border:1px solid #444;box-sizing:border-box;gap:15px;padding:15px 20px;width:280px}.user-avatar,.user-info-card{align-items:center;display:flex}.user-avatar{background-color:#666;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.4rem;font-weight:700;height:50px;justify-content:center;min-height:50px;min-width:50px;width:50px}.user-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;overflow:hidden}.user-name{color:#fff;font-size:1.1rem;font-weight:700}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ccc;font-size:.9rem}.custom-role{color:#4fc3f7;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-status-container{align-items:center;display:flex;gap:10px;margin-top:4px}.status-image{border:2px solid #555;border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.custom-status{border-radius:12px;font-size:.8rem;font-weight:500;max-width:160px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.dashboard-content{max-width:100%}.news-section h2{border-bottom:1px solid #444;color:#fff;font-size:1.5rem;font-weight:400;margin:0 0 20px;padding-bottom:10px}.news-grid{display:flex;flex-direction:column;gap:20px}.news-card{background-color:#2e2e2e;border:1px solid #444;padding:20px;transition:background-color .2s ease}.news-card:hover{background-color:#3a3a3a}.news-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.news-category{background-color:#444;color:#fff;font-size:.8rem;padding:4px 8px;text-transform:uppercase}.news-date{color:#ccc;font-size:.8rem}.news-title{color:#fff;font-size:1.1rem;font-weight:400;line-height:1.3;margin:0 0 12px}.news-content{color:#ccc;font-size:.9rem;line-height:1.5;margin:0 0 15px}.news-footer{display:flex;justify-content:flex-end}.read-more-btn{border:1px solid #fff;color:#fff;font-family:inherit;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.read-more-btn:hover{background-color:#fff;color:#1c1c1c}.news-card.tecnología{border-left:3px solid #2196f3}.news-card.servicios{border-left:3px solid #4caf50}.news-card.seguridad{border-left:3px solid #f44336}.news-card.infraestructura{border-left:3px solid #ff9800}.communications-section{margin-top:20px}.section-header{margin-bottom:20px}.section-header h2{color:#fff;font-size:1.8rem;margin:0}.manage-communications-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background-color .3s ease}.manage-communications-btn:hover{background-color:#0056b3}.communications-loading{align-items:center;color:#888;display:flex;justify-content:center;padding:40px}.spinner-small{animation:spin 1s linear infinite;border:2px solid #333;border-radius:50%;border-top-color:#fff;height:20px;margin-right:10px;width:20px}.communications-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.communication-card{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;overflow:hidden;padding:0;transition:border-color .3s ease,transform .2s ease}.communication-card:hover{border-color:#666;transform:translateY(-2px)}.communication-card.fallback{border-style:dashed;opacity:.8}.communication-card-image{align-items:center;background-color:#1a1a1a;display:flex;height:150px;justify-content:center;overflow:hidden;width:100%}.communication-thumbnail-dashboard{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.communication-card:hover .communication-thumbnail-dashboard{transform:scale(1.05)}.communication-card-content{padding:20px}.communication-card:not(:has(.communication-card-image)){padding:20px}.communication-card:not(:has(.communication-card-image)) .communication-card-content{padding:0}.communication-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.priority-badge-small{border-radius:10px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.communication-date{color:#888;font-size:12px}.communication-title{color:#fff;font-size:1.2rem;line-height:1.3;margin:0 0 10px}.communication-preview{color:#ccc;font-size:14px;line-height:1.5;margin-bottom:15px}.communication-footer{align-items:center;border-top:1px solid #444;display:flex;justify-content:space-between;padding-top:10px}.communication-author{color:#888;font-size:12px}.read-more-btn{background-color:initial;border:1px solid #007bff;border-radius:3px;color:#007bff;cursor:pointer;font-size:12px;padding:5px 10px;transition:all .3s ease}.read-more-btn:hover{background-color:#007bff;color:#fff}.read-more-btn:disabled{cursor:not-allowed;opacity:.5}.no-communications-dashboard{align-items:center;display:flex;justify-content:center;padding:60px 20px}.empty-state{max-width:400px}.empty-state h3{color:#fff;margin-bottom:10px}.empty-state p{line-height:1.5;margin-bottom:25px}.create-first-communication{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:background-color .3s ease}.create-first-communication:hover{background-color:#218838}.communication-modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.communication-modal{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:flex-start;background-color:#333;border-radius:8px 8px 0 0;padding:25px 30px 20px}.modal-title-section{flex:1 1}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:400;margin:0 0 10px}.modal-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;gap:15px}.modal-meta .priority-badge{border-radius:3px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px}.modal-author{color:#ccc}.modal-date{color:#888}.modal-close-btn{align-items:center;background:#555;border:1px solid #666;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-family:Consolas,Courier New,Courier,monospace;font-size:20px;height:35px;justify-content:center;margin-left:20px;transition:all .3s ease;width:35px}.modal-close-btn:hover{background:#666;border-color:#777}.modal-body{padding:30px}.modal-image-container{margin-bottom:25px;text-align:center}.modal-image{border:1px solid #444;border-radius:8px;max-height:400px;max-width:100%}.modal-content{line-height:1.6;margin-bottom:20px}.modal-content p{margin:0 0 15px}.modal-content p:last-child{margin-bottom:0}.modal-dates{border-top:1px solid #444;color:#888;font-size:.9rem;padding-top:20px}.calendar-widget{background:#2e2e2e;border:1px solid #444;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:380px;padding:15px}.widget-header{align-items:center;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.widget-title{color:#e0e0e0;flex:1 1;font-family:Consolas,Courier New,Courier,monospace;font-size:1rem;font-weight:400;margin:0;text-align:center;text-transform:capitalize}.widget-nav-btn{align-items:center;background:#3a3a3a;border:1px solid #555;border-radius:3px;color:#e0e0e0;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;transition:all .2s ease;width:24px}.widget-nav-btn:hover{background:#4a4a4a;border-color:#666;color:#fff}.widget-nav-btn:active{transform:scale(.95)}.widget-loading{align-items:center;color:#888;display:flex;flex:1 1;font-size:.9rem;justify-content:center}.widget-calendar-grid{grid-gap:1px;background:#1a1a1a;border:1px solid #333;border-radius:4px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:auto repeat(6,1fr);min-height:0;overflow:hidden}.widget-day-header{background:#333;border-bottom:1px solid #444;color:#888;font-size:.65rem;font-weight:700;height:18px;justify-content:center;padding:4px 2px;text-align:center}.widget-day,.widget-day-header{align-items:center;display:flex}.widget-day{background:#2a2a2a;cursor:pointer;flex-direction:column;justify-content:flex-start;min-height:36px;padding:2px;position:relative;transition:background-color .2s ease}.widget-day:hover{background:#3a3a3a}.widget-day.widget-today{background:#1e3a5f;border:1px solid #4a90e2}.widget-day.widget-past{background:#2a2a2a;opacity:.7}.widget-day.widget-day-other-month{background:#1a1a1a;opacity:.4}.widget-day.widget-day-other-month .widget-day-number{color:#555}.widget-day.widget-has-events{background:#2d3f2d}.widget-day.widget-today.widget-has-events{background:#1e3a5f}.widget-day-number{color:#e0e0e0;font-size:.7rem;font-weight:700;line-height:1;margin-bottom:2px;text-align:center}.widget-day.widget-today .widget-day-number{color:#fff;font-weight:700}.widget-day.widget-past .widget-day-number{color:#999}.widget-day-events{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1px;justify-content:center;max-width:100%}.widget-event-dot{background:#4caf50;border-radius:50%;height:4px;margin:.5px;opacity:.9;transition:opacity .2s ease;width:4px}.widget-event-dot:hover{opacity:1;transform:scale(1.2)}.widget-more-events{background:#444;border-radius:2px;color:#888;font-size:.5rem;line-height:1;margin-top:1px;padding:1px 2px;text-align:center}.widget-view-link{flex-shrink:0;margin-top:8px;text-align:center}.widget-view-all-link{background:none;border:none;color:#4caf50;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:400;padding:4px 8px;text-decoration:none;transition:all .2s ease}.widget-view-all-link:hover{color:#66bb6a;text-decoration:underline}.event-details-footer{background:#3a3a3a;border-top:1px solid #444;display:flex;flex-shrink:0;justify-content:flex-end;padding:16px 24px}.view-full-calendar-btn{align-items:center;background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.view-full-calendar-btn:hover{background:#45a049;box-shadow:0 4px 8px #4caf5033;transform:translateY(-1px)}.matrix-container{background:#1a1a1a;color:#e0e0e0;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;height:100%}.matrix-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1rem}.matrix-header h1{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0}.connection-status{font-size:.85rem}.status{border-radius:3px;font-weight:400;padding:.25rem .5rem}.status.connected{background:#78787826;border:1px solid #404040;color:#b0b0b0}.status.demo{background:#7878781a;border:1px solid #404040;color:#888}.status.demo-enhanced{background:#7878781f;border:1px solid #404040;color:#999}.status.oidc{background:#78787826;border:1px solid #404040;color:#a0a0a0}.status.error{background:#7878781a;border:1px solid #555;color:silver}.status.connecting{background:#7878781a;border:1px solid #404040;color:#909090}.status.sso-required{background:#78787826;border:1px solid #404040;color:#a0a0a0}.error-message{background:#2a2a2a;border:1px solid #555;border-radius:3px;color:#d0d0d0;margin:.5rem;padding:.75rem}.error-message button{background:none;border:none;color:#d0d0d0;cursor:pointer;font-size:1.2rem;margin-left:1rem;padding:0}.matrix-content{display:flex;flex:1 1;overflow:hidden}.matrix-sidebar{background:#242424;border-right:1px solid #333;display:flex;flex-direction:column;width:280px}.sidebar-header{background:#2a2a2a;border-bottom:1px solid #333;padding:1rem}.sidebar-header h4{color:#b0b0b0;font-size:.9rem;font-weight:400;letter-spacing:.5px;margin:0;text-transform:uppercase}.rooms-list{flex:1 1;overflow-y:auto;padding:.5rem}.room-item{border:1px solid #0000;border-radius:3px;cursor:pointer;margin-bottom:.25rem;padding:.75rem;position:relative;transition:all .15s ease}.room-item:hover{background:#2e2e2e;border-color:#404040}.room-item.active{background:#333;border-color:#555;color:#d0d0d0}.room-name{color:silver;font-size:.9rem;font-weight:400;margin-bottom:.25rem}.room-topic{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;color:grey;display:-webkit-box;font-size:.75rem;line-height:1.3;max-height:2.6rem;overflow:hidden}.unread-badge{background:#505050;border:1px solid #606060;border-radius:8px;color:#e0e0e0;font-size:.7rem;min-width:1rem;padding:.15rem .4rem;position:absolute;right:.5rem;text-align:center;top:.5rem}.matrix-chat{background:#1a1a1a;display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:#2a2a2a;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:1rem}.room-info h4{color:#fff;font-size:1.1rem;margin:0 0 .25rem}.room-description{font-style:italic}.member-count,.room-description{color:#888;font-size:.9rem}.chat-messages{flex:1 1;overflow-y:auto;padding:1rem;scroll-behavior:smooth}.message{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;margin-bottom:1rem;padding:.5rem}.message:hover{background:#ffffff0d}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.message-sender{color:#4a7c4a;font-size:.9rem;font-weight:700}.message-time{color:#888;font-size:.8rem}.message-body{word-wrap:break-word;color:#ccc;line-height:1.4}.no-room-selected{align-items:center;color:#888;display:flex;height:100%;justify-content:center}.welcome-message{max-width:400px;padding:2rem;text-align:center}.welcome-message h4{color:#ccc;font-size:1.2rem;margin-bottom:1rem}.welcome-message p{font-size:.95rem;line-height:1.5}.matrix-loading{align-items:center;color:#888;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4a7c4a;height:40px;width:40px}.chat-messages::-webkit-scrollbar,.rooms-list::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,.rooms-list::-webkit-scrollbar-track{background:#2a2a2a}.chat-messages::-webkit-scrollbar-thumb,.rooms-list::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.chat-messages::-webkit-scrollbar-thumb:hover,.rooms-list::-webkit-scrollbar-thumb:hover{background:#555}.matrix-sso-redirect{align-items:center;background:#1e1e1e;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem}.sso-header{margin-bottom:2rem;text-align:center}.sso-header h3{color:#fff;font-size:1.5rem;margin:0 0 1rem}.sso-content{background:#2e2e2e;border:1px solid #444;border-radius:8px;max-width:600px;padding:2rem;width:100%}.sso-info{margin-bottom:2rem}.sso-info h4{color:#fff;font-size:1.2rem;margin:0 0 1rem}.sso-info p{color:#ccc;line-height:1.5;margin-bottom:1rem}.provider-info{background:#3a3a3a;border:1px solid #555;border-radius:4px;color:#ccc;font-family:Consolas,monospace;font-size:.9rem;padding:1rem}.sso-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.sso-button{border:none;border-radius:6px;cursor:pointer;font-family:Consolas,monospace;font-size:1rem;padding:1rem 2rem;text-align:center;transition:all .2s ease}.sso-button.primary{background:#2196f3;border:1px solid #2196f3;color:#fff}.sso-button.primary:hover{background:#1976d2;border-color:#1976d2}.sso-button.secondary{background:#4a7c4a;border:1px solid #4a7c4a;color:#fff}.sso-button.secondary:hover{background:#5d9b5d;border-color:#5d9b5d}.sso-instructions{background:#2a2a2a;border:1px solid #444;border-radius:4px;padding:1.5rem}.sso-instructions h5{color:#fff;font-size:1rem;margin:0 0 1rem}.sso-instructions ol{color:#ccc;margin:0;padding-left:1.5rem}.sso-instructions li{line-height:1.4;margin-bottom:.5rem}.matrix-oidc-instructions{color:#fff;font-family:Consolas,Courier New,Courier,monospace;margin:0 auto;max-width:800px;padding:2rem}.instruction-header{border-bottom:1px solid #444;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.instruction-header h3{color:#fff;font-size:1.5rem;margin:0 0 .5rem}.instruction-header p{color:#888;font-size:1rem;margin:0}.instruction-content{display:flex;flex-direction:column;gap:1.5rem}.instruction-section{background:#ffffff0d;border:1px solid #444;border-radius:8px;padding:1.5rem}.instruction-section h4{border-bottom:1px solid #333;color:#4a7c4a;font-size:1.1rem;margin:0 0 1rem;padding-bottom:.5rem}.instruction-section ul{list-style-type:none;margin:0;padding-left:1.5rem}.instruction-section li{line-height:1.4;margin-bottom:.5rem}.option-card{background:#ffffff08;border:1px solid #333;border-radius:6px;margin-bottom:1rem;padding:1rem;transition:border-color .2s ease}.option-card:hover{border-color:#4a7c4a}.option-card.demo{background:#b8860b1a;border-color:#b8860b}.option-card h5{color:#fff;font-size:1rem;margin:0 0 .5rem}.option-card p{color:#ccc;line-height:1.4;margin:0 0 1rem}.matrix-button{border:none;border-radius:6px;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;transition:all .2s ease}.matrix-button.primary{background:#4a7c4a;border:1px solid #4a7c4a;color:#fff}.matrix-button.primary:hover{background:#5d9b5d;border-color:#5d9b5d}.matrix-button.secondary{background:#b8860b;border:1px solid #b8860b;color:#fff}.matrix-button.secondary:hover{background:#daa520;border-color:#daa520}.config-steps{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.config-step{font-size:.9rem;padding:.5rem}.config-step,.tech-info{background:#ffffff0d;border-radius:4px;color:#ccc}.tech-info{border-left:3px solid #4a7c4a;font-size:.85rem;margin-top:.5rem;padding:.75rem}.tech-info p{line-height:1.3;margin:0 0 .5rem}.tech-info p:last-child{margin-bottom:0}details{cursor:pointer}details summary{color:#4a7c4a;font-weight:700;padding:.25rem}details[open] summary{margin-bottom:.5rem}.sidebar-tabs{background:#2a2a2a;border-bottom:1px solid #333;display:flex}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#a0a0a0;flex:1 1;font-size:.8rem;padding:.75rem;transition:all .15s ease}.tab-button:hover{background:#333;color:silver}.tab-button.active{background:#333;border-bottom-color:#666;color:#e0e0e0}.dm-actions{background:#242424;border-bottom:1px solid #333;padding:.75rem}.new-dm-button{background:#404040;border:1px solid #555;border-radius:3px;color:#e0e0e0;cursor:pointer;font-size:.8rem;padding:.5rem;transition:all .15s ease;width:100%}.new-dm-button:hover{background:#4a4a4a;border-color:#666}.user-search{background:#2a2a2a;border-bottom:1px solid #333;padding:.5rem}.search-input{background:#1a1a1a;border:1px solid #404040;border-radius:3px;box-sizing:border-box;color:#e0e0e0;font-size:.8rem;padding:.5rem;width:calc(100% - 8px)}.search-input:focus{border-color:#666}.search-results{margin-top:.5rem;max-height:200px;overflow-y:auto}.user-result{border-radius:3px;cursor:pointer;padding:.5rem;transition:background .15s ease}.user-result:hover{background:#333}.user-name{color:silver;font-size:.8rem}.dm-item .dm-indicator,.user-id{color:grey;font-size:.7rem}.dm-item .dm-indicator{margin-top:.2rem}.chat-input-container{background:#242424;border-top:1px solid #333}.chat-input{padding:1rem}.message-form{align-items:center;display:flex;gap:.5rem}.message-input{background:#1a1a1a;border:1px solid #404040;border-radius:3px;color:#e0e0e0;flex:1 1;font-size:.9rem;padding:.6rem}.message-input:focus{border-color:#666;outline:none}.input-buttons{display:flex;gap:.5rem}.file-upload-button{background:#404040;border:1px solid #555;border-radius:3px;color:#e0e0e0;cursor:pointer;font-size:.8rem;padding:.6rem 1rem;transition:all .15s ease;white-space:nowrap}.file-upload-button:hover:not(:disabled){background:#4a4a4a;border-color:#666}.file-upload-button:disabled{cursor:not-allowed;opacity:.5}.send-button{background:#505050;border:1px solid #666;border-radius:3px;color:#e0e0e0;cursor:pointer;font-size:.8rem;padding:.6rem 1rem;transition:all .15s ease;white-space:nowrap}.send-button:hover:not(:disabled){background:#5a5a5a;border-color:#777}.send-button:disabled{cursor:not-allowed;opacity:.5}.file-message{align-items:center;background:#333;border:1px solid #404040;border-radius:3px;display:flex;gap:.5rem;padding:.5rem}.file-icon{font-size:.9rem}.file-name{color:silver;flex:1 1}.file-download{border:1px solid #555;border-radius:3px;color:#a0a0a0;font-size:.8rem;padding:.2rem .5rem;text-decoration:none;transition:all .15s ease}.file-download:hover{background:#404040;border-color:#666;color:#e0e0e0}.chat-messages.drag-over{background:#2a2a2a;border:2px dashed #666}.drop-zone{background:#2a2a2ae6;border:2px dashed #666;border-radius:8px;color:#a0a0a0;left:50%;padding:2rem;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.date-separator{align-items:center;display:flex;margin:1rem 0;text-align:center}.date-separator:after,.date-separator:before{background:#404040;content:"";flex:1 1;height:1px}.date-text{background:#1a1a1a;font-size:.75rem;padding:0 1rem}.date-text,.dm-section-title{color:grey;letter-spacing:.5px;text-transform:uppercase}.dm-section-title{background:#2a2a2a;border-bottom:1px solid #333;font-size:.7rem;margin-top:.5rem;padding:.75rem}.user-item{border:1px solid #0000;border-radius:3px;cursor:pointer;margin-bottom:.25rem;padding:.75rem;transition:all .15s ease}.user-item:hover{background:#2e2e2e;border-color:#404040}.user-item.available-user{border-left:3px solid #404040}.user-info{display:flex;flex-direction:column;gap:.25rem}.user-status{align-items:center;display:flex;font-size:.7rem;gap:.4rem}.status-indicator{border-radius:50%;display:inline-block;height:8px;width:8px}.status-indicator.online{background:#4a7c4a}.status-indicator.away{background:#ffa726}.status-indicator.offline{background:#666}.status-indicator.unknown{background:grey}.status-online{color:#4a7c4a}.status-away{color:#ffa726}.status-offline{color:#888}.status-unknown{color:grey}.communications-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;justify-content:flex-start;margin:0;overflow:hidden;padding:0}.communications-container,.loading-message{align-items:center;display:flex;height:100%}.loading-message{color:#888;font-size:1.1rem;justify-content:center}.error-message{background:#2e2e2e;border:1px solid #444;flex-direction:column;height:100%;justify-content:center;max-width:400px;padding:2rem}.error-message h3{color:#ffcdd2;font-size:1.3rem;margin:0 0 1rem}.error-message p{color:#ccc;line-height:1.5;margin:0}.communications-container>div:first-child{height:100%;width:100%}.attendance-admin-container{background-color:#1c1c1c;color:#fff;font-family:Consolas,Courier New,Courier,monospace;min-height:100vh;padding:20px}.close-error{font-size:20px;height:24px;width:24px}.close-error:hover{background:#ffffff1a;border-radius:50%}.admin-header{align-items:end;background:#2e2e2e;border:1px solid #444;border-radius:4px;flex-wrap:wrap;gap:20px;padding:20px}.header-section{display:flex;flex-direction:column;gap:6px;min-width:150px}.header-section label{color:#fff;font-size:.9rem;font-weight:400}.date-input,.employee-select,.period-select{background:#1c1c1c;border:1px solid #444;border-radius:4px;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 12px;transition:border-color .2s ease}.date-input:focus,.employee-select:focus,.period-select:focus{background:#2e2e2e;border-color:#666;outline:none}.create-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 16px;transition:background .2s ease}.create-btn:hover{background:#45a049;transform:translateY(-1px)}.summary-section{margin-bottom:30px}.summary-card{background:#2e2e2e;padding:20px}.summary-card h3{color:#e0e0e0;font-size:1.2rem;font-weight:400;margin:0 0 16px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:12px 0}.stat:last-child{border-bottom:none}.stat-label{color:#ccc;font-size:.9rem}.stat-value{color:#fff;font-size:1rem;font-weight:400}.sessions-section{background:#2e2e2e;border:1px solid #444;border-radius:4px;overflow:hidden}.sessions-table-container{overflow-x:auto}.sessions-table{border-collapse:collapse;width:100%}.sessions-table th{background:#1c1c1c;color:#fff;font-weight:400;text-align:left}.sessions-table td,.sessions-table th{border-bottom:1px solid #444;font-size:.9rem;padding:12px 16px}.sessions-table td{color:#ccc}.sessions-table tr:hover{background:#3a3a3a}.no-sessions{color:#888;font-style:italic;padding:40px;text-align:center}.status-badge{font-weight:400}.status-badge.completed{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.status-badge.active{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.delete-btn,.edit-btn{border:none;padding:4px;transition:background .2s ease}.edit-btn:hover{background:#2196f333}.delete-btn:hover{background:#f4433633}.modal-header{background:#2e2e2e}.modal-body{flex:1 1;gap:16px;overflow-y:auto;padding:16px 24px}.form-group,.modal-body{display:flex;flex-direction:column}.form-group{gap:6px}.form-input{background:#1c1c1c}.form-input:focus{background:#2e2e2e;border-color:#666}.modal-footer,.save-btn{padding:12px 24px}.save-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;transition:all .2s ease}.save-btn:hover{background:#45a049;transform:translateY(-1px)}@media (max-width:768px){.admin-header{align-items:stretch;flex-direction:column;gap:16px}.header-section{min-width:auto}.summary-stats{grid-template-columns:1fr}.sessions-table-container{overflow-x:auto}.sessions-table{min-width:800px}.modal-content{margin:10px;max-width:calc(100vw - 20px)}}@media (max-width:480px){.admin-header,.attendance-admin-container,.summary-card{padding:15px}.sessions-table td,.sessions-table th{font-size:.8rem;padding:8px 12px}}.hr-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow-y:auto;padding:20px}.hr-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.hr-header h1{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.hr-header p{color:#888;font-size:1rem;line-height:1.4;margin:0}.tools-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;height:auto!important}.tool-card{align-items:center!important;display:flex!important;height:auto!important;max-height:none!important;min-height:auto!important}.tool-card.attendance:hover,.tool-card.corporate-calendar:hover,.tool-card.employee-directory:hover,.tool-card.onboarding:hover,.tool-card.payrolls:hover,.tool-card.vacation-management:hover{border-left-color:#666}.tool-card.attendance{border-left:3px solid #4caf50}.tool-card.employee-directory{border-left:3px solid #2196f3}.tool-card.onboarding{border-left:3px solid #ff9800}.tool-card.payrolls{border-left:3px solid #f44336}.tool-card.vacation-management{border-left:3px solid #9c27b0}.tool-card.corporate-calendar{border-left:3px solid #00bcd4}.tool-info p{color:#aaa}.tool-arrow{color:#888;flex-shrink:0;font-size:1.5rem}.tool-content{display:flex;flex-direction:column;height:100%}.view-selector{border:1px solid #444;border-radius:4px;display:flex;gap:0;overflow:hidden}.view-btn{background:#2e2e2e;border:none;border-right:1px solid #444;color:#ccc;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:10px 20px;transition:all .2s ease}.view-btn:last-child{border-right:none}.view-btn:hover{background:#3a3a3a;color:#fff}.view-btn.active{background:#4caf50;color:#fff}.close-tool{background:#444;font-size:1rem;padding:8px 12px;transition:all .2s ease}.close-tool:hover{background:#555;border-color:#888}.tool-body>p{color:#ccc;font-size:1rem;line-height:1.5;margin-bottom:30px}.placeholder-content{align-items:flex-start;min-height:300px}.placeholder-box{background:#2e2e2e;border-radius:4px;max-width:600px;width:100%}.placeholder-box h3{color:#e0e0e0;font-weight:400;margin:0 0 20px}.placeholder-box>p{color:#aaa;font-size:1rem;line-height:1.4;margin:0 0 30px}.feature-list h4{color:#ccc;font-weight:400;margin:0 0 15px}.feature-list ul{list-style-type:disc}.feature-list li{color:#aaa;line-height:1.3;margin-bottom:8px}.attendance-control{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;height:100%;max-height:calc(100vh - 140px);overflow:hidden;position:relative}.error-message{align-items:center;background:#f44336;display:flex;font-size:.9rem;gap:10px;justify-content:space-between;left:50%;max-width:90%;position:absolute;top:10px;transform:translateX(-50%);z-index:1000}.close-error{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;margin:0;padding:0}.loading-overlay{align-items:center;background:#1c1c1ccc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:999}.loading-message{background:#2e2e2e;border-radius:4px;color:#fff;font-size:1rem;padding:20px 30px}.main-panel{align-items:center;background:#2e2e2e;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column;gap:15px;grid-column:1;grid-row:1;justify-content:center;min-height:220px;padding:15px}.digital-clock{text-align:center}.current-time{color:#4caf50;font-family:Courier New,monospace;font-size:1.8rem;font-weight:700;margin-bottom:6px}.current-date{color:#ccc;font-size:1rem;margin-bottom:5px;text-transform:capitalize}.clock-control{align-items:center;display:flex;flex-direction:column;gap:15px}.clock-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:1.1rem;font-weight:700;min-width:110px;padding:15px 35px;transition:all .3s ease}.clock-button:hover{box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.clock-button.clock-out{background:#f44336}.clock-button.clock-out:hover{background:#d32f2f}.clock-button.clock-in:hover{background:#45a049}.clock-button:disabled{cursor:not-allowed;opacity:.6}.clock-button:disabled:hover{box-shadow:none;transform:none}.work-timer{text-align:center}.timer-label{color:#aaa;font-size:.9rem;margin-bottom:5px}.timer-value{color:#4caf50;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}.stats-panel{background:#2e2e2e;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column;gap:15px;grid-column:2;grid-row:1;min-height:280px;padding:20px}.view-controls{display:flex;gap:10px}.view-controls button{background:#444;border:1px solid #666;border-radius:2px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.view-controls button:hover{background:#555}.view-controls button.active{background:#4caf50;border-color:#4caf50}.time-summary{display:flex;flex-direction:column;gap:12px}.summary-item{background:#3a3a3a;border-radius:2px;justify-content:space-between;padding:8px 10px}.summary-label{color:#ccc;font-size:.9rem}.summary-value{color:#4caf50;font-family:Courier New,monospace}.calendar-panel{background:#2e2e2e;border:1px solid #444;border-radius:4px;display:flex;flex-direction:column;grid-column:1/-1;grid-row:2;overflow:hidden;padding:15px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.calendar-header button{background:#444;border:1px solid #666;border-radius:2px;color:#fff;cursor:pointer;font-size:1.1rem;padding:6px 10px;transition:all .2s ease}.calendar-header button:hover{background:#555}.calendar-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:400;margin:0;text-transform:capitalize}.calendar-grid{display:flex;flex:1 1;flex-direction:column;min-height:0}.calendar-weekdays{grid-gap:1px;display:grid;flex-shrink:0;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday{color:#aaa;font-size:.85rem;font-weight:700;padding:6px;text-align:center}.calendar-days{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);min-height:0}.calendar-day{align-items:center;background:#3a3a3a;border:1px solid #444;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:3px;position:relative}.calendar-day.empty{background:#0000;border:none}.calendar-day.today{background:#2d4a2d;border-color:#4caf50}.calendar-day.has-work{background:#404040}.day-number{color:#ccc;font-size:.8rem;margin-bottom:1px}.work-hours{color:#4caf50;font-size:.65rem;font-weight:700}.employee-directory{background-color:#2c2c2c;color:#e0e0e0;min-height:100vh;padding:20px}.directory-header{align-items:center;background:#3a3a3a;border-radius:10px;box-shadow:0 2px 10px #0000004d;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.header-actions{align-items:center;display:flex;gap:20px}.filters-section{align-items:center;gap:10px}.filter-label{align-items:center;color:#b0b0b0;cursor:pointer;display:flex;font-size:14px;gap:8px}.filter-label input[type=checkbox]{accent-color:#4caf50;height:16px;width:16px}.directory-header h2{color:#fff;font-size:1.8em;margin:0}.month-selector{align-items:center;display:flex;gap:10px}.month-selector label{color:#b0b0b0;font-weight:600}.month-input{background-color:#4a4a4a;border:2px solid #555;border-radius:6px;color:#e0e0e0;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.month-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.add-user-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;padding:10px 20px;transition:all .2s ease}.add-user-button:hover:not(:disabled){background-color:#1976d2}.add-user-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}.error-message{background-color:#5a2d2d;border:1px solid #7a3f3f;color:#ff6b6b;padding:15px}.loading{color:#b0b0b0;font-size:1.2em;padding:40px;text-align:center}.employees-table-container{background:#3a3a3a;border-radius:10px;box-shadow:0 2px 10px #0000004d;margin-bottom:25px;overflow:hidden}.employees-table{border-collapse:collapse;color:#e0e0e0;font-size:14px;width:100%}.employees-table th{background-color:#2a2a2a;border-bottom:2px solid #555;color:#fff;font-weight:600;padding:15px 12px;text-align:left}.employees-table td{border-bottom:1px solid #555;padding:12px;vertical-align:top}.employee-row:hover{background-color:#454545}.employee-name{min-width:200px}.name-container{display:flex;flex-direction:column;gap:4px}.display-name{color:#fff;font-size:15px;font-weight:600}.department,.position{color:#b0b0b0;font-size:12px;font-style:italic}.employee-email{color:#4fa8ff;font-family:Courier New,monospace;font-size:13px}.role-badge{display:inline-block;letter-spacing:.5px}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.investor{background-color:#6f42c1;color:#fff}.role-badge.employee{background-color:#28a745;color:#fff}.last-access{color:#b0b0b0;font-size:13px;min-width:140px}.work-days,.work-hours{font-weight:600;text-align:center}.hours-value{color:#4fa8ff;font-size:15px}.days-value{color:#4caf50;font-size:14px}.status-badge.active{background-color:#2d5a3d}.status-badge.suspended{background-color:#5a4d2d;border:1px solid #ffc107;color:#ffc107}.status-badge.inactive{background-color:#5a2d2d;border:1px solid #ff6b6b;color:#ff6b6b}.no-data{color:#b0b0b0;font-size:16px;font-style:italic;padding:40px;text-align:center}.directory-summary{background:#3a3a3a;border-radius:10px;box-shadow:0 2px 10px #0000004d;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.summary-item{align-items:center;background-color:#4a4a4a;border:2px solid #555;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:150px;padding:15px 25px}.summary-label{color:#b0b0b0;font-size:14px;font-weight:500}.summary-value{color:#fff;font-size:20px;font-weight:700}@media (max-width:1200px){.employees-table{font-size:13px}.employees-table td,.employees-table th{padding:10px 8px}}.actions-cell{display:flex;gap:8px;padding:8px;text-align:center}.actions-cell,.edit-button{align-items:center;justify-content:center}.edit-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;font-weight:400;min-width:70px;padding:6px 12px;transition:all .2s ease}.edit-button:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.edit-button:disabled{background-color:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.6;transform:none}.delete-button{align-items:center;background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;font-weight:400;justify-content:center;min-width:80px;padding:6px 12px;transition:all .2s ease}.delete-button:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-1px)}.delete-button:disabled{background-color:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.6;transform:none}.reactivate-button{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;font-weight:400;justify-content:center;min-width:100px;padding:6px 12px;transition:all .2s ease}.reactivate-button:hover:not(:disabled){background-color:#218838;transform:translateY(-1px)}.reactivate-button:disabled{background-color:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.6;transform:none}.hard-delete-button{align-items:center;background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-left:5px;padding:6px 12px;transition:all .2s ease}.hard-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.hard-delete-button:disabled{background-color:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.6;transform:none}.confirm-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.confirm-modal{background:#3a3a3a;border:1px solid #555;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#e0e0e0;max-width:450px;padding:30px;width:90%}.confirm-modal h3{color:#f44336;font-family:Consolas,Courier New,Courier,monospace;font-size:1.3em;font-weight:400;margin:0 0 20px;text-align:center}.confirm-modal p{color:#d1d3d4;line-height:1.5;margin:15px 0;text-align:center}.warning-text{border-left:3px solid #6c757d;color:#adb5bd;font-size:.9em;font-style:italic;margin-left:20px;padding-left:15px;text-align:left}.modal-actions{gap:15px;justify-content:center;margin-top:25px}.cancel-button,.confirm-delete-button{border:none;border-radius:4px;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;min-width:100px;padding:10px 20px;transition:all .2s ease}.cancel-button{background-color:#444;color:#fff}.cancel-button:hover:not(:disabled){background-color:#555}.confirm-delete-button{background-color:#f44336;color:#fff}.confirm-delete-button:hover:not(:disabled){background-color:#d32f2f;transform:translateY(-1px)}.cancel-button:disabled,.confirm-delete-button:disabled{color:#adb5bd;cursor:not-allowed;opacity:.6;transform:none}.confirm-hard-delete-button{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:700;min-width:200px;padding:10px 20px;transition:all .2s ease}.confirm-hard-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc354566;transform:translateY(-1px)}.confirm-hard-delete-button:disabled{background:#6c757d;color:#adb5bd;cursor:not-allowed;opacity:.6;transform:none}.error-text{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:4px;color:#ff6b6b;font-weight:700;margin:15px 0;padding:10px;text-align:center}.create-user-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.create-user-modal{background:#3a3a3a;border:1px solid #555;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#e0e0e0;max-height:90vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.create-user-modal h3{color:#2196f3;font-family:Consolas,Courier New,Courier,monospace;font-size:1.4em;font-weight:400;margin:0 0 25px;text-align:center}.create-user-form{display:flex;flex-direction:column;gap:20px}.form-field,.form-row{display:flex}.form-field{flex:1 1;flex-direction:column;gap:5px}.form-field label{color:#b0b0b0;font-family:Consolas,Courier New,Courier,monospace;font-size:13px;font-weight:500}.form-field input,.form-field select{background-color:#4a4a4a;border:1px solid #555;border-radius:4px;color:#e0e0e0;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:10px 12px;transition:border-color .2s ease}.form-field input:focus,.form-field select:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #2196f340;outline:none}.form-field input.error{border-color:#f44336}.form-field input:disabled,.form-field select:disabled{background-color:#3a3a3a;color:#888;cursor:not-allowed}.error-text{color:#f44336;font-family:Consolas,Courier New,Courier,monospace;font-size:12px}.checkbox-field{align-items:center;flex-direction:row!important;gap:10px}.checkbox-field label{align-items:center;cursor:pointer;display:flex;font-size:13px;gap:8px}.checkbox-field input[type=checkbox]{margin:0;width:auto}.create-user-submit-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;min-width:120px;padding:12px 25px;transition:all .2s ease}.create-user-submit-button:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px)}.create-user-submit-button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6;transform:none}.employee-directory .modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:15px;position:fixed;right:0;top:0;z-index:1000}.employee-directory .modal-content{background:#2e2e2e;border:1px solid #444;border-radius:4px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;max-height:90vh;max-width:750px;padding:0;width:100%}.employee-directory .modal-content form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 24px}.employee-directory .modal-content form h3{color:#e0e0e0;font-size:1.3rem;font-weight:400;margin:0 0 16px}.employee-directory .form-group{margin-bottom:12px}.employee-directory .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:12px}.employee-directory .form-group label{color:#fff;display:block;font-size:.9rem;font-weight:400;margin-bottom:6px}.employee-directory .form-group input,.employee-directory .form-group select,.employee-directory .form-group textarea{background:#1c1c1c;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.employee-directory .form-group input:focus,.employee-directory .form-group select:focus,.employee-directory .form-group textarea:focus{background:#2e2e2e;border-color:#666;outline:none}.employee-directory .form-group input[type=checkbox]{margin-right:8px;width:auto}.employee-directory .form-group label input[type=checkbox]{margin-bottom:0;margin-right:8px}.employee-directory .form-actions{border-top:1px solid #444;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:12px}.employee-directory .cancel-btn{background:#0000;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;padding:12px 24px;transition:all .2s ease}.employee-directory .cancel-btn:hover{background:#3a3a3a;color:#fff}.employee-directory .submit-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;padding:12px 24px;transition:all .2s ease}.employee-directory .submit-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.employee-directory .submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.employee-directory .error-text{color:#ff6b6b;font-size:.75rem;margin-top:2px}.loading-text{color:#4caf50;font-size:.75rem;font-style:italic;margin-top:2px}.form-field select[disabled]{cursor:not-allowed;opacity:.6}.form-field small{display:block;margin-top:4px}.onboarding-container{background-color:#1c1c1c;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow-y:auto;padding:20px}.onboarding-tabs{display:flex;flex-direction:column;height:100%}.onboarding-admin{height:100%}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.admin-header h2{font-size:1.5rem;font-weight:400;margin:0}.plans-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.plan-card{background-color:#2e2e2e;border:1px solid #444;padding:20px;transition:all .2s ease}.plan-card:hover{background-color:#3a3a3a;border-color:#555}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.plan-header h3{color:#e0e0e0;font-size:1.1rem;font-weight:400;margin:0}.role-badge{border-radius:3px;font-size:11px;font-weight:400;padding:4px 8px}.role-badge.developer{background-color:#4caf5033;border:1px solid #4caf50;color:#4caf50}.role-badge.admin{background-color:#2196f333;border:1px solid #2196f3;color:#2196f3}.role-badge.manager{background-color:#ff980033;border:1px solid #ff9800;color:#ff9800}.role-badge.employee{background-color:#9c27b033;border:1px solid #9c27b0;color:#9c27b0}.plan-description{color:#b0b0b0;font-size:14px;line-height:1.4;margin-bottom:15px}.plan-stats{display:flex;gap:20px;margin-bottom:20px}.stat-number{color:#2196f3;font-size:1.5rem}.stat-label{color:#888;display:block;font-size:12px;margin-top:2px}.plan-actions{display:flex;gap:10px}.onboarding-employee{height:100%}.employee-header{border-bottom:1px solid #333;margin-bottom:30px;padding-bottom:20px}.employee-header h2{color:#e0e0e0;font-size:1.5rem;font-weight:400;margin:0 0 20px}.progress-overview{align-items:center;display:flex;gap:20px}.progress-circle{align-items:center;border:3px solid #2196f3;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.progress-circle:before{border:3px solid #4caf50;border-left-color:#0000;border-radius:50%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px}.progress-percentage{color:#4caf50;font-size:18px;font-weight:700}.progress-info h3{color:#e0e0e0;font-size:1.2rem;font-weight:400;margin:0 0 5px}.progress-info p{color:#888;font-size:14px;margin:0}.documents-checklist{margin-top:20px}.documents-checklist h3{color:#e0e0e0;font-size:1.2rem;font-weight:400;margin:0 0 20px}.document-item{align-items:flex-start;background-color:#2e2e2e;margin-bottom:10px;padding:15px;transition:background-color .2s ease}.document-item:hover{background-color:#3a3a3a}.document-item.completed{border-left:3px solid #4caf50}.document-item.pending{border-left:3px solid #ff9800}.document-status{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;width:24px}.completed .document-status{background-color:#4caf50;color:#fff}.pending .document-status{background-color:initial;border:2px solid #ff9800;color:#ff9800}.document-info{flex:1 1}.document-info h4{color:#e0e0e0;font-size:1rem;font-weight:400;margin:0 0 5px}.document-info p{color:#b0b0b0;font-size:14px;margin:0 0 10px}.view-document-btn{padding:6px 12px;transition:background-color .2s ease}.btn-outline{font-size:14px;min-width:120px;padding:12px 24px;text-align:center!important}.empty-icon{font-size:3rem;margin-bottom:20px}.empty-state h3{font-size:1.2rem}.empty-state p{color:#888;margin:0 0 20px}.modal-actions{margin-top:16px}.onboarding-assignments{display:flex;flex-direction:column;height:100%}.assignments-grid{flex:1 1}.assignment-card{transition:all .2s ease}.assignment-card:hover{border-color:#666;box-shadow:0 4px 8px #0000004d}.assignment-header{margin-bottom:15px}.assignment-header h3{color:#2196f3;font-weight:700}.status-badge{border-radius:4px;color:#fff}.status-badge,.status-badge.completed{background-color:#4caf50}.assignment-details{margin-bottom:12px}.assignment-details p{color:#ccc;font-size:14px;margin:5px 0}.assignment-details strong{color:#fff}.progress-bar{background-color:#444;border-radius:4px;margin-bottom:12px;width:100%}.progress-fill{background-color:#4caf50}.assignment-actions{display:flex;gap:10px;justify-content:flex-end}.plan-info{background-color:#2e2e2e;border:1px solid #444;border-radius:4px;margin-bottom:16px;padding:15px}.plan-info h4{color:#e0e0e0;font-size:16px;margin:0 0 8px}.plan-info p{color:#ccc;font-size:14px;margin:0}.assignments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.assignment-card{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.assignment-card:hover{background-color:#363636;border-color:#555;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.assignment-card.active{border-color:#4caf50}.assignment-card.completed{border-color:#2196f3}.assignment-card.pending{border-color:#ff9800}.assignment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.assignment-header h3{color:#fff;font-size:16px;line-height:1.3;margin:0}.status-badge{font-size:11px;font-weight:600}.status-badge.active{background-color:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge.completed{background-color:#2196f333;border:1px solid #2196f3;color:#2196f3}.status-badge.pending{background-color:#ff980033;border:1px solid #ff9800;color:#ff9800}.assignment-progress{align-items:center;display:flex;gap:10px;margin-bottom:12px}.progress-bar{background-color:#1a1a1a;border-radius:10px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{font-size:12px;text-align:right}.assignment-info p{color:#aaa;font-size:13px;line-height:1.4;margin:0 0 10px}.assignment-meta{align-items:center;color:#888;display:flex;font-size:11px;justify-content:space-between}.assignment-meta span{align-items:center;display:flex;gap:4px}.back-button{background-color:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;margin-bottom:20px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background-color:#555;transform:translateX(-2px)}.error-message{border:1px solid #0000;font-size:13px;margin:10px 0;padding:10px 15px}.error-message:first-child{background-color:#4caf501a;border-color:#4caf504d;color:#4caf50!important}.error-message:not(:first-child){background-color:#f443361a;border-color:#f443364d;color:#f44336}.document-actions{align-items:flex-start;display:flex;flex-direction:column;gap:10px;margin-top:15px}.view-document-btn{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;gap:5px;justify-content:center;min-width:140px;padding:8px 16px;transition:all .2s ease}.view-document-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.complete-btn{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;gap:5px;justify-content:center;min-width:140px;padding:8px 16px;transition:all .2s ease}.complete-btn:hover{background-color:#45a049;transform:translateY(-1px)}.btn-secondary{background-color:#757575;font-size:11px;margin-top:5px;padding:6px 12px}.btn-secondary:hover{background-color:#616161}.completion-info{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.completion-date{align-items:center;color:#4caf50;display:flex;font-size:12px;font-weight:600;gap:5px}.delete-assignment-btn{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:11px;padding:6px 12px;transition:all .2s ease}.delete-assignment-btn:hover{background-color:#d32f2f;transform:translateY(-1px)}.assignments-table-container{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;margin-top:20px;overflow:hidden}.assignments-table{border-collapse:collapse;color:#fff;font-family:Consolas,Courier New,Courier,monospace;width:100%}.assignments-table th{background-color:#1a1a1a;border-bottom:2px solid #444;color:#ccc;font-size:12px;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.assignments-table td{border-bottom:1px solid #444;font-size:12px;padding:12px 8px;vertical-align:middle}.assignment-row:hover{background-color:#363636}.plan-name-cell{min-width:200px}.plan-name-cell strong{color:#fff;font-size:13px}.assignment-notes{margin-top:4px}.assignment-notes small{color:#aaa;font-size:10px;font-style:italic}.progress-cell{min-width:120px}.progress-container{align-items:center;display:flex;gap:8px}.progress-bar-inline{background-color:#1a1a1a;border-radius:10px;flex:1 1;height:8px;overflow:hidden}.progress-fill-inline{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;height:100%;transition:width .3s ease}.progress-text{color:#ccc;font-size:10px;font-weight:600;min-width:35px}.actions-cell{min-width:120px}.action-buttons{align-items:center;gap:5px}.small-btn{border-radius:3px!important;font-size:10px!important;min-width:auto!important;padding:4px 8px!important}.assignment-info-modal{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;margin:10px 0;padding:10px}.assignment-info-modal p{color:#ccc;font-size:12px;margin:5px 0}.progress-detail-modal{max-height:80vh!important;max-width:600px!important;overflow-y:auto!important}.assignment-info-header{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;margin-bottom:20px;padding:15px}.assignment-info-header h4{color:#fff;font-size:16px;margin:0 0 10px}.employee-info{display:flex;flex-direction:column;gap:5px}.employee-info p{color:#aaa;font-size:12px;margin:0}.progress-summary{margin-bottom:20px}.progress-stats{display:flex;justify-content:space-around;margin-bottom:12px}.stat{text-align:center}.stat-number{color:#4caf50;display:block;font-size:24px;font-weight:700}.stat-label{color:#aaa;font-size:11px;text-transform:uppercase}.progress-bar-large{background-color:#1a1a1a;border-radius:10px;height:12px;margin:0 10px;overflow:hidden}.progress-fill-large{background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:10px;height:100%;transition:width .3s ease}.documents-list-modal h4{color:#fff;font-size:14px;margin-bottom:12px}.documents-table-modal{background-color:#1a1a1a;border:1px solid #444;border-radius:4px;overflow:hidden}.document-row-modal{align-items:center;border-bottom:1px solid #444;display:flex;padding:10px 15px}.document-row-modal:last-child{border-bottom:none}.document-status-icon{font-size:16px;margin-right:10px}.status-completed{color:#4caf50}.status-pending{color:#aaa}.document-info-modal{flex:1 1;min-width:0}.document-name{color:#fff;font-size:13px;font-weight:600;margin-bottom:3px}.document-date{color:#aaa;font-size:11px}.document-actions-modal{margin-left:10px}.status-badge-small{border-radius:8px;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.status-badge-small.completed{background-color:#4caf5033;border:1px solid #4caf50;color:#4caf50}.status-badge-small.pending{background-color:#ff980033;border:1px solid #ff9800;color:#ff9800}.no-documents{color:#aaa;padding:20px;text-align:center}.view-btn{margin-right:8px!important}.cancel-btn,.submit-btn{text-align:center}.delete-btn{border:none!important;border-radius:4px!important;cursor:pointer!important;font-family:Consolas,Courier New,Courier,monospace!important;font-size:14px!important;font-weight:400!important;min-width:160px!important;padding:12px 24px!important;text-align:center!important;transition:none!important}.delete-btn,.delete-btn:hover:not(:disabled){background:#dc3545!important;color:#fff!important;transform:none!important}.delete-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.payrolls-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow-y:auto;padding:20px}.payrolls-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.payrolls-header h2{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.payrolls-header p{color:#888;font-size:1rem;line-height:1.4;margin:0}.payrolls-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.year-selector{align-items:center;display:flex;gap:10px}.year-selector label{color:#e0e0e0;font-weight:400}.year-selector select{background:#2e2e2e;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 12px;transition:all .2s ease}.year-selector select:hover{background:#3a3a3a;border-color:#666}.upload-btn{align-items:center;background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-weight:400;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-btn:hover{background:#45a049;transform:translateY(-2px)}.payrolls-table{background:#2e2e2e;border:1px solid #444;border-radius:4px;box-shadow:0 2px 4px #0000004d;overflow:hidden}.payrolls-table table{border-collapse:collapse;width:100%}.payrolls-table td,.payrolls-table th{border-bottom:1px solid #444;font-family:Consolas,Courier New,Courier,monospace;padding:16px;text-align:left}.payrolls-table th{background:#1c1c1c;color:#e0e0e0;font-size:.9rem;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.payrolls-table td{color:#fff;font-size:.95rem}.payrolls-table tr:hover{background:#3a3a3a;transition:background .2s ease}.payrolls-table tr:last-child td{border-bottom:none}.delete-btn,.download-btn{background:none;border:1px solid #444;border-radius:4px;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:16px;padding:8px 12px;transition:all .2s ease}.download-btn:hover{background:#4caf501a;border-color:#4caf50;color:#4caf50}.delete-btn:hover{color:#f44336}.modal-header{margin-bottom:24px;padding:24px 24px 0}.modal-content form{padding:0 24px 24px}.form-group input,.form-group select{background:#1c1c1c;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#2e2e2e;border-color:#666;outline:none}.form-actions{margin-top:32px;padding-top:20px}.no-payrolls{color:#888;padding:60px 20px;text-align:center}.no-payrolls p{font-size:1.1rem;margin:0}.error-message{background:#ff47571a;border:1px solid #ff47574d}.calendar-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;height:100vh;overflow:hidden;padding:15px}.calendar-header{border-bottom:1px solid #333;flex-shrink:0;margin-bottom:20px;padding-bottom:15px;text-align:center}.calendar-header h2{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.calendar-header p{color:#888;font-size:1rem;line-height:1.4;margin:0}.calendar-controls{align-items:center;display:flex;flex-shrink:0;gap:15px;justify-content:space-between;margin-bottom:15px}.calendar-navigation{align-items:center;display:flex;gap:20px}.calendar-navigation button{background:#2e2e2e;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;padding:10px 15px;transition:all .2s ease}.calendar-navigation button:hover{background:#3a3a3a;border-color:#666}.calendar-navigation h3{color:#e0e0e0;font-size:1.4rem;margin:0;min-width:200px;text-align:center;text-transform:capitalize}.calendar-actions{align-items:center;display:flex;gap:20px}.view-toggle{border:1px solid #444;border-radius:4px;display:flex;gap:5px;overflow:hidden}.view-toggle button{background:#2e2e2e;border:none;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:.9rem;padding:10px 15px;transition:all .2s ease}.view-toggle button:hover{background:#3a3a3a}.create-event-btn,.view-toggle button.active{background:#4caf50;color:#fff}.create-event-btn{border:none;border-radius:4px;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;padding:12px 24px;transition:all .2s ease}.create-event-btn:hover{background:#45a049;transform:translateY(-2px)}.events-list{margin-top:20px}.no-events{color:#888;padding:60px 20px;text-align:center}.no-events p{font-size:1.1rem;margin:0}.events-list-container{display:flex;flex-direction:column;gap:15px}.event-card{align-items:flex-start;background:#2e2e2e;border:1px solid #444;border-radius:4px;display:flex;gap:15px;padding:20px;position:relative;transition:all .2s ease}.event-card:hover{background:#3a3a3a;border-color:#666;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.event-indicator{border-radius:2px;bottom:0;height:100%;left:0;position:absolute;top:0;width:4px}.event-content{flex:1 1;margin-left:10px}.event-title{color:#e0e0e0;font-size:1.2rem;font-weight:700;margin-bottom:8px}.event-details{color:#ccc;display:flex;flex-wrap:wrap;font-size:.9rem;gap:15px;margin-bottom:8px}.event-date{color:#4caf50;font-weight:700}.event-time{color:#2196f3}.event-location{color:#ff9800}.event-description{color:#ccc;line-height:1.4;margin-bottom:12px}.event-meta{display:flex;flex-wrap:wrap;gap:10px}.visibility-badge{border-radius:3px;font-size:.8rem;font-weight:700;padding:4px 8px}.visibility-badge.public{background-color:#4caf5033;border:1px solid #4caf50;color:#4caf50}.visibility-badge.private{background-color:#ff980033;border:1px solid #ff9800;color:#ff9800}.event-type-badge{background-color:#9e9e9e33;border:1px solid #666;border-radius:3px;color:#ccc;font-size:.8rem;padding:4px 8px;text-transform:uppercase}.event-actions{display:flex;flex-direction:column;gap:8px}.delete-btn,.edit-btn{align-items:center;background:none;border:1px solid #444;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.edit-btn:hover{background:#4caf501a;border-color:#4caf50}.delete-btn:hover{background:#f443361a;border-color:#f44336}.calendar-view{margin-top:20px}.calendar-placeholder{background:#2e2e2e;border:1px solid #444;border-radius:4px;color:#888;padding:60px 20px;text-align:center}.calendar-placeholder p{font-size:1.1rem;margin:10px 0}.modal-content{max-width:650px}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#888;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#3a3a3a;color:#fff}.modal-content form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:4px 12px}.modal-content form h3{color:#e0e0e0;font-size:1.3rem;font-weight:400;margin:0 0 16px}.form-group textarea{min-height:24px}.form-group input[type=checkbox]{margin-right:8px;width:auto}.form-group label input[type=checkbox]{margin-bottom:0;margin-right:8px}.form-actions{gap:6px;margin-top:4px;padding-top:4px}.loading-indicator{text-align:center}.error-message,.loading-indicator{font-size:1.1rem;padding:60px 20px}.error-message{color:#f44336}.corporate-calendar-view,.corporate-month-calendar{display:flex;flex:1 1;flex-direction:column;min-height:0}.corporate-month-calendar{background-color:#2e2e2e;border:1px solid #444;border-radius:8px;overflow:hidden}.corporate-calendar-grid{display:flex;flex:1 1;flex-direction:column;min-height:0}.corporate-calendar-header{grid-gap:1px;background-color:#3e3e3e;border-bottom:1px solid #444;display:grid;flex-shrink:0;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.corporate-day-header{border-right:1px solid #444;color:#aaa;font-size:.85rem;font-weight:700;padding:10px 8px;text-align:center}.corporate-day-header:last-child{border-right:none}.corporate-calendar-days{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);min-height:0}.corporate-calendar-day{align-items:center;background:#3a3a3a;border:1px solid #444;display:flex;flex-direction:column;justify-content:flex-start;min-height:0;padding:4px;position:relative}.corporate-calendar-day:nth-child(7n){border-right:none}.corporate-calendar-day.empty{background:#0000;border:none}.corporate-calendar-day.today{background:#2d4a2d;border-color:#4caf50}.corporate-calendar-day.has-events{background:#404040}.corporate-day-number{color:#ccc;font-size:.8rem;margin-bottom:1px}.corporate-calendar-day.today .corporate-day-number{color:#4caf50;font-weight:700}.corporate-day-events{display:flex;flex:1 1;flex-direction:column;gap:1px;margin-top:2px;overflow:hidden;width:100%}.corporate-day-event{background-color:#666;border-radius:2px;color:#fff;cursor:pointer;font-size:.6rem;line-height:1.2;overflow:hidden;padding:1px 3px;text-overflow:ellipsis;transition:opacity .2s;white-space:nowrap}.corporate-day-event:hover{opacity:.8}.corporate-day-event.more-events{background-color:#555;color:#aaa;font-style:italic;text-align:center}.corporate-event-title-short{display:block;overflow:hidden;text-overflow:ellipsis}.event-modal-overlay{align-items:center;animation:modalFadeIn .2s ease;background:#000c;display:flex;font-family:Consolas,Courier New,Courier,monospace;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.event-modal-content{animation:modalSlideIn .3s ease;background:#2e2e2e;border:1px solid #444;border-radius:12px;box-shadow:0 20px 40px #0000004d;color:#fff;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.event-modal-header{align-items:center;background:#3a3a3a;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.event-modal-header h3{color:#fff;font-size:20px;font-weight:600;line-height:1.3;margin:0}.event-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#aaa;cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.event-modal-close:hover{background:#ffffff1a;color:#fff}.event-modal-body{color:#fff;flex:1 1;overflow-y:auto;padding:24px}.event-details-list{display:flex;flex-direction:column;gap:20px}.event-detail-content{flex:1 1;min-width:0}.event-detail-duration{align-items:center;background:#444;border:1px solid #555;border-radius:6px;color:#ccc;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 14px}.event-detail-duration i{color:#4caf50;font-size:14px}.no-events-message i{color:#666;display:block;font-size:48px;margin-bottom:16px}.no-events-message p{color:#888;font-size:16px;line-height:1.5;margin:0}.event-details-overlay{align-items:center;animation:modalFadeIn .2s ease;background:#000c;display:flex;font-family:Consolas,Courier New,Courier,monospace;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.event-details-modal{animation:modalSlideIn .3s ease;background:#2e2e2e;border:1px solid #444;border-radius:12px;box-shadow:0 20px 40px #0000004d;color:#fff;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:90%}.event-details-header{align-items:center;background:#3a3a3a;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.event-details-header h3{color:#fff;font-size:20px;font-weight:600;line-height:1.3;margin:0}.event-details-header .close-btn{background:#444;border:1px solid #666;border-radius:2px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Consolas,Courier New,Courier,monospace;font-size:1rem;padding:8px 12px;transition:all .2s ease}.event-details-header .close-btn:hover{background:#555;border-color:#888}.event-details-content{color:#fff;flex:1 1;overflow-y:auto;padding:24px}.event-detail-item{align-items:flex-start;background:#3a3a3a;border:1px solid #555;border-radius:8px;display:flex;gap:16px;margin-bottom:20px;padding:20px;transition:all .2s ease}.event-detail-item:last-child{margin-bottom:0}.event-detail-item:hover{background:#404040;border-color:#666;box-shadow:0 4px 8px #4caf5033;transform:translateY(-1px)}.event-detail-indicator{border-radius:3px;flex-shrink:0;margin-top:2px;min-height:60px;width:6px}.event-detail-content-wrapper{flex:1 1;min-width:0}.event-detail-title{word-wrap:break-word;color:#fff;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 12px}.event-detail-meta{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.event-detail-type{background:#4caf50;border-radius:6px;color:#fff;font-size:12px;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;white-space:nowrap}.event-detail-time{align-items:center;color:#ccc;display:flex;font-size:14px;gap:6px;white-space:nowrap}.event-detail-time i{color:#4caf50;font-size:14px}.event-detail-description{word-wrap:break-word;color:#ccc;font-size:14px;line-height:1.6;margin:0 0 16px}.event-detail-location{align-items:center;color:#ccc;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.event-detail-location i{color:#ff6b35;font-size:14px}.no-events-message{color:#888;font-size:16px;line-height:1.5;padding:60px 20px;text-align:center}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.vacation-management{background-color:#1c1c1c;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;height:calc(100vh - 60px);overflow-y:auto;padding:20px}.vacation-header{align-items:center;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.vacation-header h2{color:#fff;font-size:1.8rem;font-weight:400;margin:0}.vacation-employee-view{height:100%;overflow:hidden}.requests-grid,.vacation-employee-view{display:flex;flex-direction:column;width:100%}.requests-grid{box-sizing:border-box;flex:1 1;gap:12px;overflow-y:auto}.request-card{background:#2e2e2e;border:1px solid #444;border-radius:8px;box-sizing:border-box;overflow:hidden;padding:15px;transition:all .2s ease;width:100%}.request-card:hover{border-color:#666}.request-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:10px}.request-dates{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.request-dates strong{color:#fff;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.days-count{color:#888;font-size:.85rem}.request-details{display:flex;flex-direction:column;gap:5px;margin:10px 0}.request-details p{word-wrap:break-word;color:#ccc;font-size:.85rem;margin:0;overflow-wrap:break-word}.request-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:10px}.vacation-admin-view{width:100%}.filters-section{background:#2e2e2e;border:1px solid #444;border-radius:8px;display:flex;flex-shrink:0;gap:20px;margin-bottom:15px;padding:15px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:200px}.filter-group label{color:#fff;font-size:.9rem;font-weight:400}.filter-group select{background-color:#1c1c1c;border:1px solid #444;border-radius:4px;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 12px}.filter-group select:focus{background:#2e2e2e;border-color:#666;outline:none}.requests-table{background:#2e2e2e;border:1px solid #444;border-radius:8px;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.requests-table-content{flex:1 1;overflow-y:auto}.table-header{background:#1a1a1a;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700}.table-header,.table-row{grid-gap:15px;border-bottom:1px solid #444;display:grid;gap:15px;grid-template-columns:1.5fr 2fr .5fr 1fr 1fr 1.2fr 1.5fr;padding:15px 20px}.table-row{align-items:center;transition:background-color .2s ease}.table-row:hover{background:#3a3a3a}.table-row:last-child{border-bottom:none}.employee-name{color:#fff;font-weight:700}.dates{color:#ccc;font-size:.9rem}.days{color:#4fa8ff;font-weight:700;text-align:center}.type{color:#ccc;font-size:.9rem}.created-date{color:#888;font-size:.9rem}.actions{display:flex;gap:8px;justify-content:flex-end}.status-badge{font-weight:700;letter-spacing:.5px;padding:4px 12px;text-align:center;white-space:nowrap}.status-badge.pending{background-color:#ff9800;color:#fff}.status-badge.approved{background-color:#4caf50;color:#fff}.status-badge.rejected{background-color:#dc3545;color:#fff}.status-badge.modified{background-color:#2196f3;color:#fff}.days-preview{background:#2e2e2e;border:1px solid #4caf50;border-radius:4px;color:#4caf50;margin-bottom:12px;padding:10px;text-align:center}.modal-overlay{background-color:#000000b3}.modal-content{padding:20px}.modal-content h3{margin:0 0 16px}.form-actions{border-top:1px solid #444;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:12px}.cancel-btn{background:#0000;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;min-width:120px;padding:12px 24px;text-align:center!important;transition:all .2s ease}.cancel-btn:hover{background:#3a3a3a;color:#fff}.submit-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;min-width:140px;padding:12px 24px;text-align:center!important;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{min-width:120px;text-align:center!important}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{min-width:120px;text-align:center!important}.btn-outline{background:#0000;border:1px solid #444;border-radius:4px;color:#888;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:13px;font-weight:400;padding:8px 16px;text-align:center;transition:all .2s ease;white-space:nowrap}.btn-outline:hover{background:#3a3a3a;color:#fff}.btn-danger{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;min-width:120px;padding:12px 24px;text-align:center!important;transition:all .2s ease}.btn-danger:hover{background:#da190b;transform:translateY(-1px)}.btn-danger:disabled{background:#666;color:#999;cursor:not-allowed;transform:none}.approval-modal{max-width:600px!important}.request-details-modal{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.detail-row{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:10px 0}.detail-row .status-badge{display:inline-block!important;text-align:center!important}.detail-row:last-child{border-bottom:none}.detail-row strong{color:#fff;font-size:.9rem;min-width:150px}.detail-row span{color:#ccc;flex:1 1;font-size:.9rem;text-align:right}.request-summary{margin-bottom:20px}.summary-card{background:#1a1a1a;border:1px solid #444;border-radius:4px;padding:15px}.summary-card h4{color:#fff;font-size:1.1rem;margin:0 0 10px}.summary-card p{color:#ccc;font-size:.9rem;margin:5px 0}.approval-actions{border-top:1px solid #444;display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:12px}.reject-btn{border:none!important;border-radius:4px!important;cursor:pointer!important;font-family:Consolas,Courier New,Courier,monospace!important;font-size:14px!important;font-weight:400!important;min-width:120px!important;padding:12px 24px!important;text-align:center!important;transition:none!important}.reject-btn,.reject-btn:hover:not(:disabled){background:#dc3545!important;color:#fff!important;transform:none!important}.reject-btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.loading-indicator{font-size:1rem}.error-message{background-color:#dc3545;border-radius:4px;font-size:14px;padding:12px}.empty-state{min-height:200px;padding:40px 20px}.empty-state p{font-size:1rem;margin:8px 0}.admin-tabs{display:flex;gap:10px;margin-top:10px}.tab-button{border:1px solid #444;border-radius:8px;color:#fff;padding:10px 20px;transition:all .2s ease}.tab-button:hover{border-color:#555}.tab-button.active{border-color:#45a049}.section-header{align-items:center;border-bottom:1px solid #444;display:flex;flex-shrink:0;justify-content:space-between;margin:20px 0 15px;padding-bottom:10px}.section-header h3{color:#fff;font-size:1.4rem;font-weight:400;margin:0}.approval-tab,.my-requests-tab{width:100%}.approval-tab,.my-requests-tab,.vacation-admin-view{display:flex;flex-direction:column;height:100%;overflow:hidden}.vacation-tabs{display:flex;flex-direction:column;height:100%}.tab-buttons{background-color:#2e2e2e;border:1px solid #444;display:flex;margin-bottom:20px}.tab-buttons button{background:#0000;border:none;color:#888;cursor:pointer;flex:1 1;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:12px 20px;transition:all .2s ease}.tab-active{background-color:#2196f3!important;color:#fff!important}.tab-inactive:hover{background-color:#3a3a3a;color:#fff}.tab-content{flex:1 1;overflow-y:auto}.admin-tabs{display:none}.internal-communications{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;min-height:100vh;padding:20px;width:100%}.communications-actions-header{display:flex;justify-content:flex-end;margin-bottom:20px;padding-bottom:10px}.btn{background-color:#2e2e2e;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.btn-primary{border-color:#007bff;color:#007bff}.btn-primary:hover{background-color:#007bff;color:#fff}.btn-secondary{border-color:#6c757d;color:#6c757d}.btn-secondary:hover{background-color:#6c757d}.btn-danger{background-color:#2e2e2e;border-color:#dc3545;color:#dc3545}.btn-danger:hover{background-color:#dc3545;color:#fff}.btn-sm{font-size:12px;margin-right:10px;padding:5px 10px}.communication-form{background:#2e2e2e;border:1px solid #444;border-radius:4px;margin-bottom:30px;padding:25px}.communication-form h3{color:#e0e0e0;font-size:1.3rem;font-weight:400;margin-bottom:16px;margin-top:0}.form-row{grid-template-columns:1fr 1fr 1fr}.form-group input,.form-group select,.form-group textarea{background-color:#1c1c1c}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-actions{display:flex;gap:10px;margin-top:25px}.communications-list{display:flex;flex-direction:column;gap:20px}.no-communications{border-radius:4px;color:#888;padding:40px;text-align:center}.communication-item,.no-communications{background:#2e2e2e;border:1px solid #444}.communication-item{border-radius:4px;padding:20px;transition:border-color .3s ease}.communication-item:hover{border-color:#666}.communication-header-item{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.communication-header-item h3{color:#fff;flex-grow:1;font-size:1.3rem;margin:0}.communication-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.priority-badge{border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.author{color:#ccc;font-weight:500}.date{color:#888;font-size:14px}.communication-content{color:#ccc;line-height:1.6;margin:15px 0}.communication-content p{margin-bottom:10px}.communication-content p:last-child{margin-bottom:0}.communication-dates{border-top:1px solid #444;margin-top:15px;padding-top:10px}.communication-dates small{color:#888;font-size:12px}.communication-actions{border-top:1px solid #444;display:flex;gap:10px;margin-top:15px;padding-top:15px}.btn:disabled{background-color:#2e2e2e;border-color:#444;color:#666;cursor:not-allowed;opacity:.65}.communication-form,.communication-item{transition:all .3s ease}.btn:focus{outline:1px solid #007bff;outline-offset:2px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #007bff40}.image-input-hidden{display:none}.file-input-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.file-select-btn{margin:0}.file-selected-info{color:#888;font-size:.9rem;font-style:italic}.image-preview{background-color:#2e2e2e;border:1px solid #444;border-radius:4px;margin-top:15px;padding:15px;position:relative}.preview-image{border:1px solid #444;border-radius:4px;display:block;height:auto;max-height:200px;max-width:300px;width:auto}.remove-image-btn{font-size:.8rem;margin-top:10px;padding:4px 8px}.uploading-indicator{background-color:#2e2e2e;border:1px solid #444;border-radius:4px;color:#888;margin-top:10px;padding:10px;text-align:center}.uploading-indicator p{font-size:.9rem;margin:0}.communication-thumbnail{border:1px solid #444;border-radius:4px;flex-shrink:0;height:60px;margin-right:15px;object-fit:cover;width:80px}.communication-content-wrapper{width:100%}.communication-content-wrapper.communication-with-image{align-items:flex-start;display:flex;gap:15px}.communication-text-content{flex:1 1;min-width:0}.marketing-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow-y:auto;padding:20px}.marketing-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.marketing-header h1{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.marketing-header p{color:#888;font-size:1rem;line-height:1.4;margin:0}.tool-card.communication:hover,.tool-card.external:hover{border-left-color:#666}.tool-card.communication{border-left:3px solid #2196f3}.tool-card.external{border-left:3px solid #ff9800}.tool-info h3{font-size:1.1rem}.tool-info p{line-height:1.3}.tool-arrow{color:#666;font-size:1.2rem;transition:all .3s ease}.tool-card:hover .tool-arrow{color:#fff;transform:translateX(3px)}.tool-content{background:#2e2e2e;border:1px solid #444;border-radius:4px;overflow:hidden}.tool-header{background:#333;border-bottom:1px solid #444;padding:15px 20px}.tool-header h2{font-size:1.3rem}.close-tool{align-items:center;background:#555;border:1px solid #666;border-radius:2px;color:#fff;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:16px;height:28px;justify-content:center;transition:all .3s ease;width:28px}.close-tool:hover{background:#666;border-color:#777}.tool-body{padding:0}.apps-container{background-color:#1c1c1c;color:#fff;font-family:Consolas,Courier New,Courier,monospace;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.apps-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px;text-align:center}.apps-header h1{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.apps-header p{color:#888;font-size:1rem;line-height:1.4;margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.category-filter button{background:#2e2e2e;border:2px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 16px;transition:all .3s ease}.category-filter button:hover{background:#3a3a3a;border-color:#666;color:#fff}.category-filter button.active{background:#4caf50;border-color:#4caf50;color:#fff}.error-message{margin:20px 0;padding:40px 20px}.no-apps{background:#2e2e2e;border-radius:12px;color:#ccc;margin:20px 0;padding:60px 20px;text-align:center}.no-apps p{font-size:1.1rem;margin-bottom:10px}.apps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}.app-card{align-items:center;background:#2e2e2e;border:2px solid #666;border-radius:16px;box-shadow:0 2px 8px #0000004d;cursor:pointer;display:flex;flex-direction:column;min-height:200px;padding:24px;position:relative;text-align:center;transition:all .3s ease}.app-card:hover{background:#3a3a3a;border-color:#007bff;box-shadow:0 8px 24px #00000080;transform:translateY(-4px)}.app-card:active{transform:translateY(-2px)}.app-icon{height:64px;margin-bottom:16px;position:relative;width:64px}.app-icon img{object-fit:contain}.app-icon img,.default-icon{border-radius:12px;height:100%;width:100%}.default-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:28px;justify-content:center}.app-info,.default-icon{align-items:center;display:flex}.app-info{flex:1 1;flex-direction:column}.app-name{color:#fff;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 8px}.app-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0 0 12px;overflow:hidden}.app-category{background:#007bff;border-radius:16px;color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.app-launch{opacity:0;position:absolute;right:16px;top:16px;transition:opacity .2s ease}.app-card:hover .app-launch{opacity:1}.launch-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:20px}@media (max-width:768px){.apps-container{padding:15px}.apps-header h2{font-size:2rem}.apps-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.app-card{min-height:180px;padding:20px}.category-filter{flex-direction:column;gap:8px}}@media (max-width:480px){.apps-grid{gap:12px;grid-template-columns:1fr}.app-card{min-height:160px;padding:16px}.app-icon{height:48px;margin-bottom:12px;width:48px}.default-icon{font-size:20px}}.investment-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:16px;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.investment-header{align-items:center!important;border-bottom:1px solid #333;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center!important;margin-bottom:40px;padding-bottom:20px;text-align:center!important;width:100%}.investment-header h1{color:#e0e0e0;font-size:clamp(1.3rem,4vw,2rem);font-weight:400;margin:0 0 15px}.investment-header h1,.investment-header p{padding:0;text-align:center!important;width:100%}.investment-header p{color:#888;font-size:clamp(.85rem,2.5vw,1rem);line-height:1.4;margin:0}.investment-tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.tab-button{background:#2e2e2e;border:2px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 16px;transition:all .3s ease}.tab-button:hover{background:#3a3a3a;border-color:#666;color:#fff}.tab-button.active{background:#4caf50;border-color:#4caf50;color:#fff}.investment-content{padding:0}.investment-content h2{border-bottom:1px solid #333;color:#e0e0e0;font-size:1.3rem;font-weight:400;margin:0 0 20px;padding-bottom:10px}.metrics-section{margin-bottom:40px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{align-items:flex-start;background:#2e2e2e;border:1px solid #444;border-radius:6px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.metric-card:hover{background:#333;border-color:#555}.metric-icon{background:#1a1a1a;border:1px solid #333;border-radius:6px;font-size:1.8rem;padding:10px}.metric-info{flex:1 1}.metric-value{color:#4caf50;font-size:1.8rem;font-weight:400}.metric-unit{margin-left:5px}.metric-name,.metric-unit{color:#888;font-size:.9rem}.metric-name{margin-top:5px}.metric-trend{font-size:.85rem;margin-top:8px}.metric-trend.trend-up{color:#4caf50}.metric-trend.trend-down{color:#dc3545}.metric-trend.trend-stable{color:#888}.metric-description{color:#666;font-size:.8rem;margin-top:5px}.featured-updates-section{margin-bottom:40px}.featured-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.featured-card{background:#2e2e2e;border:1px solid #444;border-left:3px solid #4caf50;border-radius:6px;padding:20px;transition:all .3s ease}.featured-card:hover{background:#333;border-color:#555}.featured-card h3{color:#e0e0e0;font-size:1.1rem;font-weight:400;margin:10px 0}.featured-card p{color:#888;font-size:.9rem;line-height:1.5;margin:0}.update-type-badge{border:1px solid;border-radius:4px;display:inline-block;font-size:.75rem;font-weight:400;padding:4px 10px;text-transform:uppercase}.update-type-badge.news{background:#0000;border-color:#2196f3;color:#2196f3}.update-type-badge.announcement{background:#0000;border-color:#ff9800;color:#ff9800}.update-type-badge.milestone{background:#0000;border-color:#4caf50;color:#4caf50}.update-type-badge.financial{background:#0000;border-color:#9c27b0;color:#9c27b0}.update-date{color:#666;font-size:.8rem;margin-top:10px}.quick-documents-section{margin-bottom:40px}.documents-quick-list{background:#2e2e2e;border:1px solid #444;border-radius:6px;overflow:hidden}.document-quick-item{align-items:center;border-bottom:1px solid #333;cursor:pointer;display:flex;padding:15px 20px;transition:background .2s ease}.document-quick-item:last-child{border-bottom:none}.document-quick-item:hover{background:#333}.doc-icon{font-size:1.3rem;margin-right:15px}.doc-info{flex:1 1}.doc-name{color:#e0e0e0;font-size:.95rem}.doc-meta{color:#666;font-size:.8rem;margin-top:3px}.doc-download{color:#4caf50;font-size:1.1rem}.updates-section{margin-bottom:40px}.updates-list{display:flex;flex-direction:column;gap:20px}.update-card{background:#2e2e2e;border:1px solid #444;border-radius:6px;padding:20px}.update-card.featured{border-left:3px solid gold}.update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.update-card h3{color:#e0e0e0;font-size:1.2rem;font-weight:400;margin:0 0 10px}.update-summary{border-bottom:1px solid #333;color:#aaa;font-size:.95rem;font-style:italic;margin-bottom:15px;padding-bottom:15px}.update-content{color:#888;font-size:.9rem;line-height:1.6}.documents-section{margin-bottom:40px}.documents-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.document-card{align-items:center;background:#2e2e2e;border:1px solid #444;border-radius:6px;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.document-card:hover{background:#333;border-color:#4caf50}.doc-type-icon{background:#1a1a1a;border:1px solid #333;border-radius:6px;font-size:2rem;padding:12px}.doc-details{flex:1 1}.doc-details h4{color:#e0e0e0;font-size:1rem;font-weight:400;margin:0 0 5px}.doc-details p{color:#666;font-size:.85rem;margin:0 0 8px}.doc-meta-info{display:flex;flex-wrap:wrap;gap:8px}.doc-quarter,.doc-type,.doc-year{background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#888;font-size:.75rem;padding:3px 8px}.download-button{align-items:center;color:#4caf50;display:flex;flex-direction:column;font-size:clamp(.75rem,2vw,.85rem);gap:5px}.download-icon{font-size:clamp(1.1rem,2.5vw,1.3rem)}.empty-state{background:#2e2e2e;border:1px solid #444;border-radius:6px;padding:clamp(30px,8vw,60px) clamp(15px,4vw,20px)}.empty-state p{font-size:clamp(.9rem,2.5vw,1rem);margin:10px 0}.empty-state .hint{font-size:clamp(.75rem,2vw,.85rem)}.loading-state{min-height:clamp(200px,40vh,300px)}.spinner{border:clamp(3px,.5vw,4px) solid #333;height:clamp(35px,8vw,50px);margin-bottom:20px;width:clamp(35px,8vw,50px)}.loading-state p{font-size:clamp(.95rem,2.5vw,1.2rem)}.error-message{border-radius:6px;font-size:clamp(.85rem,2vw,1rem);padding:clamp(10px,2vw,15px) clamp(12px,3vw,20px);text-align:center}@media (max-width:768px){.investment-container{padding:15px}.investment-header h1{font-size:1.5rem}.investment-tabs{align-items:stretch;flex-direction:column}.tab-button{text-align:center}.documents-grid,.featured-grid,.metrics-grid{grid-template-columns:1fr}.document-card{flex-direction:column;text-align:center}.doc-meta-info{justify-content:center}}.section-description{color:#888;font-size:.9rem;margin:-10px 0 20px}.empty-state .hint{color:#666;font-size:.85rem;margin-top:10px}.documents-tree{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;overflow:hidden}.tree-header{align-items:center;background:#333;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:15px 20px}.tree-title{color:#e0e0e0;font-size:clamp(.9rem,2.5vw,1rem);font-weight:500}.refresh-btn{background:#0000;border:1px solid #555;border-radius:4px;cursor:pointer;font-size:clamp(12px,2vw,14px);padding:6px 10px;transition:all .2s}.refresh-btn:hover{background:#444;border-color:#666}.tree-container{max-height:600px;overflow-y:auto;padding:10px 0}.tree-item{border-left:3px solid #0000;gap:10px;padding:10px 20px;transition:background .15s ease}.tree-item:hover{background:#383838}.tree-item.folder:hover{border-left-color:#f0ad4e}.tree-item.file:hover{border-left-color:#5bc0de}.tree-item.downloading{background:#3a3a3a;opacity:.7}.folder-toggle{color:#888;font-size:clamp(9px,1.5vw,10px);text-align:center;transition:transform .2s;width:16px}.folder-toggle.expanded{color:#f0ad4e}.item-icon{flex-shrink:0;font-size:clamp(16px,3vw,18px)}.item-name{color:#e0e0e0;flex-grow:1;font-size:clamp(13px,2.5vw,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-item.folder .item-name{font-weight:500}.item-description{color:#777;flex-shrink:1;font-size:clamp(10px,2vw,12px);font-style:italic;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.download-indicator{font-size:clamp(12px,2.5vw,14px);margin-left:auto;opacity:.5;padding-left:10px}.tree-item.file:hover .download-indicator{opacity:1}.tree-empty,.tree-loading{color:#666;font-size:clamp(11px,2vw,13px);font-style:italic;padding:8px 20px}.empty-icon{font-size:clamp(36px,8vw,48px)}.tree-container::-webkit-scrollbar{width:8px}.tree-container::-webkit-scrollbar-track{background:#2a2a2a}.tree-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.tree-container::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:1024px){.investment-container{margin:0 auto;max-width:100%;padding:15px}.investment-header{align-items:center!important;text-align:center!important}.investment-header h1{font-size:1.6rem;text-align:center!important}.tree-container{max-height:none}}@media (max-width:768px){.investment-container{margin:0 auto;min-height:auto;padding:10px}.investment-header{align-items:center!important;margin-bottom:20px;padding-bottom:15px;text-align:center!important}.investment-header h1{font-size:1.3rem}.investment-header h1,.investment-header p{margin-left:auto;margin-right:auto;text-align:center!important}.investment-header p{font-size:.9rem}.documents-tree{border-radius:6px;margin:0 -5px}.tree-header{flex-wrap:wrap;gap:10px;padding:12px 15px}.tree-title{font-size:.95rem}.refresh-btn{padding:8px 12px}.tree-container{max-height:none;padding:5px 0}.tree-item{gap:8px;min-height:48px;padding:14px 12px}.folder-toggle{font-size:12px;padding:5px;width:20px}.item-icon{font-size:20px}.item-name{font-size:14px;max-width:calc(100vw - 120px)}.item-description{display:none}.download-indicator{font-size:16px;padding:5px}.tree-empty,.tree-loading{font-size:14px;padding:15px}.empty-state{margin:0 -5px;padding:40px 15px}.empty-icon{font-size:40px}.empty-state p{font-size:.95rem}.empty-state .hint{font-size:.8rem}.loading-state{min-height:200px;padding:30px 15px}.spinner{border-width:3px;height:40px;width:40px}.loading-state p{font-size:1rem}.error-message{border-radius:4px;font-size:.9rem;margin:0 -5px 15px;padding:12px 15px}}@media (max-width:480px){.investment-container{margin:0 auto;padding:8px}.investment-header{align-items:center!important;margin-bottom:15px;padding-bottom:12px;text-align:center!important}.investment-header h1{font-size:1.15rem}.investment-header h1,.investment-header p{margin-left:auto;margin-right:auto;text-align:center!important}.investment-header p{font-size:.85rem}.tree-header{padding:10px 12px}.tree-title{font-size:.9rem}.tree-item{gap:6px;padding:12px 10px}.item-icon{font-size:18px}.item-name{font-size:13px;max-width:calc(100vw - 100px)}.folder-toggle{font-size:11px;width:18px}.download-indicator{font-size:14px}.empty-state{padding:30px 10px}.empty-icon{font-size:36px;margin-bottom:10px}}@media (max-width:768px) and (orientation:landscape){.investment-container{margin:0 auto;padding:10px 15px}.tree-container{max-height:50vh;overflow-y:auto}.investment-header{align-items:center!important;margin-bottom:15px;text-align:center!important}.investment-header h1{font-size:1.2rem;margin-bottom:5px;text-align:center!important}.investment-header p{font-size:.85rem;text-align:center!important}}@media (hover:none) and (pointer:coarse){.tree-item{min-height:52px}.tree-item:active{background:#404040}.refresh-btn{min-height:44px;min-width:44px}.download-indicator{opacity:.8}}.document-manager-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow:hidden!important}.document-manager-header{border-bottom:1px solid #333;flex-shrink:0;margin-bottom:20px;padding:20px;text-align:center}.document-manager-header h1{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.document-manager-header p{color:#888;font-size:1rem;line-height:1.4;margin:0}.breadcrumb-container{background-color:#2e2e2e;border:1px solid #444;flex-shrink:0;margin-bottom:20px;padding:15px 20px}.breadcrumb{color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px}.breadcrumb-item{display:inline}.breadcrumb-link{background:none;border:none;color:#4caf50;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:0;text-decoration:none}.breadcrumb-link:hover{color:#66bb6a;text-decoration:underline}.breadcrumb-current{color:#e0e0e0;font-weight:400}.breadcrumb-separator{color:#888;margin:0 5px}.document-toolbar{align-items:center;background-color:#2e2e2e;border:1px solid #444;display:flex;flex-shrink:0;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:10px}.toolbar-center{flex:1 1;margin:0 20px;max-width:400px}.search-input{background-color:#1c1c1c;border:1px solid #444;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:10px 15px;width:100%}.search-input:focus{border-color:#4caf50;outline:none}.btn-primary,.btn-secondary{align-items:center;border:1px solid #444;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;gap:8px;padding:10px 16px;transition:all .3s ease}.btn-primary{background-color:#2e2e2e}.btn-primary:hover:not(:disabled){background-color:#4caf50;border-color:#4caf50}.btn-primary:disabled{background-color:#444}.btn-secondary{background-color:#2e2e2e}.btn-secondary:hover{background-color:#444}.items-count{color:#888;font-family:Consolas,Courier New,Courier,monospace;font-size:12px}.documents-content{box-sizing:border-box;flex:1 1;min-height:0;overflow-y:auto;padding:20px}.documents-content.empty-container{align-items:center;display:flex;justify-content:center;padding:0}.file-tree{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.empty-container .file-tree .empty-state{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;min-height:400px!important;text-align:center!important;width:100%!important}.tree-item{align-items:center;border-bottom:1px solid #333;cursor:pointer;display:flex;padding:8px 12px;position:relative;transition:background-color .2s ease}.tree-item:hover{background-color:#2e2e2e}.tree-item.folder-item{color:#4caf50;font-weight:400}.tree-item.file-item{color:#e0e0e0}.tree-icon{flex-shrink:0;font-size:16px;margin-right:12px;text-align:center;width:20px}.tree-name{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-meta,.tree-name{font-family:Consolas,Courier New,Courier,monospace}.tree-meta{color:#888;flex-shrink:0;font-size:12px;margin-left:15px}.tree-actions{display:flex;gap:8px;margin-left:15px;opacity:0;transition:opacity .2s ease}.tree-item:hover .tree-actions{opacity:1}.action-btn{background:none;color:#fff;font-size:12px;padding:4px 8px;transition:all .2s ease}.action-btn:hover{background-color:#444}.action-btn.download{border-color:#4caf50}.action-btn.download:hover{background-color:#4caf50}.action-btn.delete{border-color:#f44336}.action-btn.delete:hover{background-color:#f44336}.action-btn.share{border-color:#2196f3;color:#2196f3}.action-btn.share:hover{background-color:#2196f3;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn:disabled:hover{background-color:initial;color:inherit}.document-item{align-items:center;background:#2e2e2e;border:1px solid #444;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;gap:15px;padding:20px;position:relative;transition:all .3s ease}.document-item:hover{background-color:#333;border-color:#4caf50}.document-item.folder,.document-item.folder:hover{border-color:#ff9800}.documents-content.grid .document-item{flex-direction:column;text-align:center}.item-icon{color:#4caf50;font-family:Consolas,Courier New,Courier,monospace;font-size:18px;margin-bottom:8px}.item-info{flex:1 1;min-width:0}.item-name{color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-weight:400;margin-bottom:5px;word-break:break-word}.documents-content.list .item-name,.item-name{font-size:14px}.item-meta{color:#888;font-family:Consolas,Courier New,Courier,monospace;font-size:12px}.item-actions{display:flex;gap:5px;opacity:0;transition:opacity .3s ease}.document-item:hover .item-actions{opacity:1}.action-btn{background:#2e2e2e;border:1px solid #444;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:10px;padding:6px 8px;transition:all .3s ease}.action-btn.download{color:#4caf50}.action-btn.download:hover{background:#4caf50;border-color:#4caf50;color:#fff}.action-btn.delete{color:#f44336}.action-btn.delete:hover{background:#f44336;border-color:#f44336;color:#fff}.loading{align-items:center;color:#888;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:1.2rem;height:200px;justify-content:center}.spinner{border:3px solid #444;border-top-color:#4caf50;height:30px;margin-right:15px;width:30px}.empty-state{align-items:center;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;height:300px;justify-content:center}.empty-icon{font-size:32px;margin-bottom:15px;opacity:.5}.empty-state h3{font-size:18px;font-weight:400;text-align:center;width:100%}.empty-state p{font-size:14px;margin:0;text-align:center;width:100%}.modal-content{background-color:#2e2e2e}.modal-content h3{font-size:18px;font-weight:400}.form-group label,.form-input,.modal-content h3{font-family:Consolas,Courier New,Courier,monospace}.form-input{background-color:#1c1c1c;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#4caf50;outline:none}.upload-area{margin-bottom:20px}.file-input{display:none}.upload-label{align-items:center;background-color:#1c1c1c;border:2px dashed #4caf50;color:#4caf50;cursor:pointer;display:flex;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;gap:10px;justify-content:center;padding:30px;transition:all .3s ease}.upload-label:hover{background-color:#333;border-color:#66bb6a}.folder-input-area{margin-bottom:20px}.folder-name-input{background-color:#1c1c1c;border:1px solid #444;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:12px 15px;width:100%}.folder-name-input:focus{border-color:#4caf50;outline:none}.folder-name-input::placeholder{color:#888}.documents-content.dragover{background-color:#4caf501a;border:2px dashed #4caf50}.documents-content.dragover:before{background:#2e2e2e;border:1px solid #4caf50;color:#4caf50;content:"Suelta los archivos para subirlos";font-family:Consolas,Courier New,Courier,monospace;font-size:16px;font-weight:400;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.share-modal{max-width:600px}.share-item-info{margin-bottom:25px}.share-item-name{color:#4caf50;font-size:16px;margin-bottom:10px}.share-description,.share-item-name{font-family:Consolas,Courier New,Courier,monospace}.share-description{color:#b0b0b0;font-size:14px;line-height:1.4;margin:0}.share-link-container{margin-bottom:25px}.share-link-input{display:flex;gap:10px;margin-bottom:10px}.link-input{background-color:#1c1c1c;border:1px solid #444;border-radius:0;color:#fff;flex:1 1;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;padding:10px}.link-input:focus{background-color:#252525;border-color:#2196f3;outline:none}.copy-btn{background-color:#2196f3;border:none;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:12px;padding:10px 15px;transition:background-color .2s ease;white-space:nowrap}.copy-btn:hover:not(:disabled){background-color:#1976d2}.copy-btn:disabled{background-color:#4caf50;cursor:default}.copy-success{animation:fadeInOut 3s ease-in-out;color:#4caf50;font-family:Consolas,Courier New,Courier,monospace;font-size:14px}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}.docs-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100vh;overflow:hidden}.access-denied,.loading-indicator{height:100vh}.access-denied h2{color:#e0e0e0;font-size:1.5rem;font-weight:400;margin:0 0 15px}.access-denied p{color:#888;font-size:1rem;margin:0 0 20px}.role-badge{border:1px solid #444;font-family:Consolas,Courier New,Courier,monospace}.role-indicator.admin{background:linear-gradient(45deg,#4caf50,#66bb6a);box-shadow:0 2px 4px #4caf504d;color:#fff}.connection-status{align-items:center;border-radius:16px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 12px}.connection-status.connected{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.connection-status.disconnected{background:#f443361a;border:1px solid #f443364d;color:#f44336}.docs-content{background-color:#1a1a1a;flex:1 1}.docs-footer{background-color:#2d2d2d;border-top:1px solid #333;margin-top:auto;padding:20px 30px}.docs-info{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.info-item{align-items:center;color:#888;display:flex;font-size:14px;gap:8px}.info-item strong{color:#4caf50;font-weight:600}.loading-state{min-height:400px}.loading-state p{font-size:16px}.access-denied{align-items:center;background:linear-gradient(135deg,#f443360d,#f4433605);border:1px solid #f4433633;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:40px;min-height:500px}.access-denied-icon{font-size:80px;margin-bottom:30px;opacity:.7}.access-denied h2{color:#f44336;font-size:28px;margin:0 0 16px}.access-denied p{font-size:16px;line-height:1.5;margin:0 0 24px;max-width:400px}.current-role{align-items:center;display:flex;font-size:14px;gap:10px}.role-badge{background:#ff98001a;border:1px solid #ff98004d;border-radius:12px;color:#ff9800;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.role-indicator.admin:hover{box-shadow:0 4px 8px #4caf5066;transform:scale(1.05);transition:all .2s ease}.connection-status.connected:hover{background:#4caf5033;transition:all .2s ease}.docs-content .document-manager{background-color:initial;min-height:auto;padding:0}.docs-content .document-manager-header{display:none}.docs-content .document-toolbar{border-radius:8px;margin:20px 30px}.docs-content .documents-content{border-radius:8px;margin:0 30px 30px}.apps-admin-container{background-color:#1c1c1c;color:#fff;font-family:Consolas,Courier New,Courier,monospace;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.apps-admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.apps-admin-header h2{color:#fff;font-size:2rem;font-weight:600;margin:0}.header-btn-primary{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:500;padding:12px 20px;transition:background .2s}.header-btn-primary:hover{background:#0056b3}.error-message{border:1px solid #c82333}.loading-state{min-height:300px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #333;border-radius:50%;border-top-color:#4caf50;height:50px;margin-bottom:20px;width:50px}.loading-state p{color:#ccc;font-size:1.2rem;margin:0}.apps-table-container{background:#2e2e2e;border-radius:12px;box-shadow:0 2px 8px #0000004d;overflow:hidden}.apps-table{border-collapse:collapse;width:100%}.apps-table th{background:#3a3a3a;border-bottom:2px solid #666;color:#fff;font-size:14px;font-weight:600;padding:16px 12px;text-align:left}.apps-table td{border-bottom:1px solid #666;color:#fff;padding:12px;vertical-align:middle}.apps-table tr:hover{background:#3a3a3a}.apps-table tr.inactive{opacity:.6}.app-icon-small{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.app-icon-small img{object-fit:contain}.app-icon-small img,.default-icon-small{border-radius:6px;height:100%;width:100%}.default-icon-small{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:16px;justify-content:center}.app-name-cell{color:#fff;font-weight:500;min-width:150px}.app-description-cell{color:#ccc;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-url-cell{max-width:200px}.app-url-cell a{color:#007bff;text-decoration:none}.app-url-cell a:hover{text-decoration:underline}.status-badge{border-radius:12px;font-size:12px;padding:4px 8px;text-transform:uppercase}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-edit{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin:0 2px;padding:6px 12px;transition:background .2s}.btn-edit:hover{background:#0056b3}.btn-delete{background:#dc3545}.btn-delete:hover{background:#c82333}.no-apps-message{color:#ccc;font-size:1.1rem;padding:60px 20px;text-align:center}.modal-overlay{background:#000c;padding:15px}.modal-content{border-radius:4px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;font-family:Consolas,Courier New,Courier,monospace;max-width:750px;padding:0}.modal-header{background:#333;border-bottom:1px solid #444;padding:16px 24px}.modal-header h3{font-weight:400}.modal-close{align-items:center;background:#555;border:1px solid #666;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-family:Consolas,Courier New,Courier,monospace;font-size:20px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.modal-close:hover{background:#666;border-color:#777}.app-form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:16px 24px}.form-group{margin-bottom:12px}.form-group label{color:#fff;font-weight:400;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;padding:8px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#2e2e2e;border-color:#666}.form-group input[type=file],.form-group textarea{font-family:Consolas,Courier New,Courier,monospace}.form-group input[type=file]{background:#1a1a1a;border:2px dashed #666;border-radius:6px;color:#ccc;cursor:pointer;padding:12px;text-align:center;transition:all .3s ease}.form-group input[type=file]:hover{background:#222;border-color:#888;color:#fff}.form-group input[type=file]:focus{background:#1e1e1e;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.form-group input[type=file]::-webkit-file-upload-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:13px;margin-right:12px;padding:8px 16px;-webkit-transition:all .2s ease;transition:all .2s ease}.form-group input[type=file]::file-selector-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Consolas,Courier New,Courier,monospace;font-size:13px;margin-right:12px;padding:8px 16px;transition:all .2s ease}.form-group input[type=file]::-webkit-file-upload-button:hover{background:#45a049;transform:translateY(-1px)}.form-group input[type=file]::file-selector-button:hover{background:#45a049;transform:translateY(-1px)}.form-row{grid-gap:16px;gap:16px;margin-bottom:12px}.checkbox-label{margin-bottom:0!important}.checkbox-label input[type=checkbox]{margin:0;width:auto!important}.icon-preview{align-items:center;display:flex;gap:10px;margin-top:10px}.icon-preview img{background:#2e2e2e;border:1px solid #444;border-radius:4px;height:50px;object-fit:contain;width:50px}.modal-footer{border-top:1px solid #444;gap:12px;margin-top:16px;padding-top:12px}.btn-secondary{background:#0000;color:#888;font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;padding:12px 24px}.btn-secondary:hover{background:#3a3a3a;color:#fff}.btn-primary{font-family:Consolas,Courier New,Courier,monospace;font-size:14px;font-weight:400;padding:12px 24px}.btn-primary:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;transform:none}@media (max-width:768px){.apps-admin-container{padding:15px}.apps-admin-header{align-items:stretch;flex-direction:column;text-align:center}.apps-table-container{overflow-x:auto}.apps-table{min-width:800px}.modal-content{margin:10px;max-width:calc(100vw - 20px)}.form-row{grid-template-columns:1fr}.modal-footer{flex-direction:column}}@media (max-width:480px){.apps-admin-header h2{font-size:1.5rem}.apps-table td,.apps-table th{font-size:12px;padding:8px 6px}.app-description-cell,.app-url-cell{max-width:120px}}.investors-admin-container{margin:0 auto;max-width:1400px;padding:20px}.admin-header{margin-bottom:25px}.admin-header h2{color:#333;font-size:1.8rem;margin-bottom:5px}.admin-header p{color:#666;font-size:.95rem}.admin-nav{border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:15px}.nav-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:10px 20px;transition:all .2s ease}.nav-btn:hover{background:#f5f5f5;border-color:#ccc}.nav-btn.active{background:#0f3460;border-color:#0f3460}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.table-header h3{color:#333;font-size:1.2rem;margin:0}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f0f0f0;padding:15px 20px;text-align:left}.admin-table th{color:#555;font-size:.85rem;font-weight:600;text-transform:uppercase}.admin-table th,.admin-table tr:hover{background:#f8f9fa}.admin-table tr:last-child td{border-bottom:none}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.trend-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;padding:4px 10px}.trend-badge.up{background:#d4edda;color:#155724}.trend-badge.down{background:#f8d7da;color:#721c24}.trend-badge.stable{background:#e9ecef;color:#6c757d}.type-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px;text-transform:capitalize}.type-badge.news{background:#e3f2fd;color:#1565c0}.type-badge.announcement{background:#fff3e0;color:#e65100}.type-badge.milestone{background:#e8f5e9;color:#2e7d32}.type-badge.financial{background:#f3e5f5;color:#7b1fa2}.btn-primary{background:#0f3460;border:none;border-radius:8px;font-size:.95rem;font-weight:500;transition:background .2s ease}.btn-primary:hover{background:#1a4f7a}.btn-secondary{background:#e9ecef;border:none;border-radius:8px;color:#333;font-size:.95rem;font-weight:500;transition:background .2s ease}.btn-secondary:hover{background:#ddd}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.1rem;padding:5px 8px;transition:background .2s ease}.btn-icon:hover{background:#f0f0f0}.btn-icon.danger:hover{background:#f8d7da}.empty-table{font-size:.95rem;padding:40px;text-align:center}.modal-overlay{background:#00000080;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:1.3rem;margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.8rem;line-height:1;padding:0}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.form-group label{color:#333;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input[type=file],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0f3460}.form-group textarea{min-height:100px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.assign-mode-selector{display:flex;flex-direction:column;gap:10px;margin-top:8px}.radio-label{align-items:center;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex!important;gap:10px;padding:12px 15px;transition:all .2s ease}.radio-label:hover{background:#f8f9fa;border-color:#0f3460}.radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-label input[type=radio]:checked+.radio-text{color:#0f3460;font-weight:500}.radio-label:has(input[type=radio]:checked){background:#e8f4fd;border-color:#0f3460}.radio-text{color:#333;font-size:.95rem}.error-message{background:#f8d7da;border-radius:8px;color:#721c24;font-size:.95rem;margin-bottom:20px;padding:12px 16px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:15px;height:300px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#0f3460;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.investors-admin-container{padding:15px}.admin-nav{flex-direction:column}.nav-btn{justify-content:center;width:100%}.table-header{align-items:stretch;flex-direction:column;gap:15px}.admin-table{display:block;overflow-x:auto}.form-row{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh}}.file-browser{background:#2e2e2e;border:1px solid #444;border-radius:8px;margin-bottom:25px;overflow:hidden}.browser-header{background:#252525;border-bottom:1px solid #444;padding:15px 20px}.browser-header h3{color:#e0e0e0;font-size:1.1rem;margin:0 0 8px}.browser-path{color:#888;font-size:.85rem;margin:0}.path-link{color:#4caf50;cursor:pointer}.path-link:hover{text-decoration:underline}.btn-back{background:#3a3a3a;border:1px solid #555;border-radius:6px;color:#ccc;cursor:pointer;margin:15px 20px;padding:8px 16px}.btn-back:hover{background:#444}.file-list{padding:10px 0}.file-item{align-items:center;border-bottom:1px solid #3a3a3a;display:flex;justify-content:space-between;padding:12px 20px;transition:background .2s}.file-item:last-child{border-bottom:none}.file-item:hover{background:#353535}.file-item.folder-item .file-info{cursor:pointer}.file-info{align-items:center;display:flex;flex:1 1;gap:12px}.file-icon{font-size:1.3rem}.file-name{color:#e0e0e0;font-size:.95rem}.file-size{color:#888;font-size:.8rem;margin-left:auto;margin-right:20px}.file-actions{align-items:center;display:flex;gap:10px}.assigned-badge{background:#4caf50;border-radius:4px;color:#fff;font-size:.75rem;padding:3px 8px}.btn-assign{background:#3a3a3a;border:1px solid #555;border-radius:5px;color:#ccc;cursor:pointer;font-size:1rem;padding:6px 12px}.btn-assign:hover{background:#4caf50;border-color:#4caf50;color:#fff}.empty-folder{color:#888;padding:40px;text-align:center}.empty-folder .hint{color:#666;font-size:.85rem;margin-top:10px}.assignments-section{background:#2e2e2e;border:1px solid #444;border-radius:8px;overflow:hidden}.user-assignments{border-bottom:1px solid #444}.user-assignments:last-child{border-bottom:none}.user-header{align-items:center;background:#252525;border-bottom:1px solid #3a3a3a;display:flex;gap:12px;padding:15px 20px}.user-icon{font-size:1.2rem}.user-email{color:#e0e0e0;flex:1 1;font-weight:500}.assignment-count{color:#888;font-size:.85rem}.selected-file-info{align-items:center;background:#252525;border-radius:6px;color:#e0e0e0;display:flex;gap:12px;margin-bottom:20px;padding:15px}.investors-admin-container{background-color:#1c1c1c;color:#e0e0e0;font-family:Consolas,Courier New,monospace;min-height:100vh}.admin-header h2{color:#e0e0e0}.admin-nav,.nav-btn{border-color:#444}.nav-btn{background:#2e2e2e;color:#ccc}.nav-btn:hover{background:#3a3a3a;border-color:#555}.nav-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.admin-table-container{background:#2e2e2e;border:1px solid #444}.table-header{background:#252525;border-color:#444}.table-header h3{color:#e0e0e0}.admin-table th{background:#252525;border-color:#3a3a3a;color:#888}.admin-table td{border-color:#3a3a3a;color:#ccc}.empty-table{background:#252525;color:#888}.modal-content{background:#2e2e2e;color:#e0e0e0}.modal-header{background:#252525;border-color:#444}.modal-header h3{color:#e0e0e0}.modal-close{color:#888}.modal-close:hover{color:#fff}.form-group label{color:#ccc}.form-group input,.form-group select,.form-group textarea{background:#1c1c1c;border-color:#444;color:#e0e0e0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4caf50;outline:none}.btn-primary{background:#4caf50;border-color:#4caf50}.btn-primary:hover{background:#45a049}.btn-secondary{background:#3a3a3a;border-color:#555;color:#ccc}.modal-footer,.radio-label{background:#252525;border-color:#444}.radio-label:hover{background:#2e2e2e;border-color:#4caf50}.radio-text{color:#ccc}.radio-label input[type=radio]:checked+.radio-text{color:#4caf50}.radio-label:has(input[type=radio]:checked){background:#2e3e2e;border-color:#4caf50}.loading-state{color:#888}.spinner{border-color:#4caf50 #444 #444}.error-message{background:#dc3545;color:#fff}.admin-container{background-color:#1c1c1c;box-sizing:border-box;color:#fff;font-family:Consolas,Courier New,Courier,monospace;height:100%;overflow-y:auto;padding:20px}.loading-indicator{align-items:center;color:#888;display:flex;font-size:1.2rem;height:200px;justify-content:center}.admin-header{border-bottom:1px solid #333;margin-bottom:40px;padding-bottom:20px}.admin-header,.admin-header h1{display:block;text-align:center!important;width:100%}.admin-header h1{color:#e0e0e0;font-size:2rem;font-weight:400;margin:0 0 15px}.admin-header p{color:#888;display:block;font-size:1rem;line-height:1.4;margin:0;text-align:center!important;width:100%}.access-denied{background-color:#2a2a2a;border-left:4px solid #dc3545;border-radius:8px;margin-top:50px;padding:40px;text-align:center}.access-denied h2{color:#dc3545;margin-bottom:15px}.access-denied p{color:#ccc;margin-bottom:20px}.current-role{color:#888;font-size:.9rem}.role-badge{background-color:#333;border-radius:4px;color:#fff;font-weight:700;padding:2px 8px}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.tool-card{align-items:center;background:#2e2e2e;border:1px solid #444;border-radius:4px;cursor:pointer;display:flex;gap:15px;padding:20px;transition:all .3s ease}.tool-card:hover{background:#3a3a3a;border-color:#666;box-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.tool-card.apps-admin:hover,.tool-card.role-management:hover,.tool-card.tool-permissions:hover,.tool-card.user-permissions:hover{border-left-color:#666}.tool-card.role-management{border-left:3px solid #2196f3}.tool-card.user-permissions{border-left:3px solid #ff9800}.tool-card.tool-permissions{border-left:3px solid #9c27b0}.tool-card.apps-admin{border-left:3px solid #4caf50}.tool-info{flex:1 1}.tool-info h3{color:#e0e0e0;font-size:1.2rem;font-weight:400;margin:0 0 8px}.tool-info p{color:#888;font-size:.9rem;line-height:1.4;margin:0}.tool-container{display:flex;flex-direction:column;height:100%}.tool-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.tool-header h2{color:#e0e0e0;font-size:1.5rem;font-weight:400;margin:0}.back-button,.close-button{background:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;padding:8px 15px;transition:all .2s ease}.back-button:hover,.close-button:hover{background:#444;border-color:#666}.close-button{font-size:1.2rem;padding:8px 12px}.tool-body{flex:1 1;overflow-y:auto}.placeholder-content{align-items:center;display:flex;height:400px;justify-content:center;margin-top:40px}.placeholder-box{background:#2a2a2a;border:1px solid #444;border-radius:8px;max-width:500px;padding:40px;text-align:center}.placeholder-box h3{color:#ccc;font-size:1.3rem;margin:0 0 15px}.placeholder-box p{color:#888;line-height:1.4;margin:0 0 25px}.feature-list{text-align:left}.feature-list h4{color:#e0e0e0;font-size:1rem;margin:0 0 10px}.feature-list ul{color:#888;margin:0;padding-left:20px}.feature-list li{font-size:.9rem;margin-bottom:5px}.role-management-container{padding:0}.tabs{border-bottom:1px solid #333;display:flex;margin-bottom:20px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#888;cursor:pointer;font-family:inherit;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.tab:hover{color:#e0e0e0}.tab.active{border-bottom-color:#ccc;color:#ccc}.admin-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.btn-primary{background:#555;border:1px solid #555;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{background:#666;border-color:#666}.btn-primary:disabled{background:#333;border-color:#333;color:#888;cursor:not-allowed}.btn-secondary{background:#333;border:1px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#444;border-color:#555}.items-grid{display:flex;flex-direction:column;gap:12px}.item-card{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:16px;transition:all .2s ease}.item-card:hover{border-color:#666;box-shadow:0 2px 8px #0000004d}.item-header{justify-content:space-between;margin-bottom:8px}.item-header,.item-visual{align-items:center;display:flex}.item-visual{margin-right:10px}.item-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.item-header h3{color:#e0e0e0;flex:1 1;font-size:1.1rem;margin:0}.role-management-container .item-actions{background:#ff0!important;border:2px solid red!important;display:flex!important;flex-shrink:0!important;gap:8px!important;margin:8px 0!important;padding:4px!important}.role-management-container .btn-delete,.role-management-container .btn-edit{align-items:center!important;background:red!important;border:2px solid #fff!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:12px!important;font-weight:700!important;height:32px!important;justify-content:center!important;min-width:60px!important;padding:8px 12px!important;position:relative!important;text-transform:uppercase!important;transition:all .2s ease!important;z-index:999!important}.btn-edit:hover{background:#0f0!important;border-color:#000!important;color:#000!important}.btn-delete:hover{background:#00f!important;border-color:#fff!important;color:#fff!important}.item-description{color:#888;font-size:.9rem;line-height:1.3;margin:4px 0 8px}.item-meta{border-top:1px solid #333;color:#666;display:flex;font-size:.75rem;justify-content:space-between;margin-top:8px;padding-top:8px}.empty-state{color:#888;padding:60px 20px;text-align:center}.empty-state h3{color:#e0e0e0;margin:0 0 10px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#2a2a2a;border:1px solid #444;border-radius:8px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal-content h3{color:#e0e0e0;font-size:1.3rem;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#e0e0e0;display:block;font-size:.9rem;margin-bottom:5px}.form-group input,.form-group textarea{background:#1c1c1c;border:1px solid #444;border-radius:4px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.9rem;padding:10px;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#666;box-shadow:0 0 0 2px #6663;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-group input[type=color]{cursor:pointer;height:40px;padding:2px;width:60px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:30px}#root,body,html{height:100%}#root,body,html{margin:0;overflow:hidden!important;padding:0}body{background-color:#1c1c1c;font-family:Consolas,Courier New,Courier,monospace;height:100vh}body,h1{color:#fff}h1{margin-top:20px;text-align:center}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{flex-shrink:0;z-index:100}.app-content{flex:1 1;overflow-x:hidden;overflow-y:auto}.menu-container{margin-bottom:0}