*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Roboto,sans-serif;background-color:#f4f4f9;color:#333}#root{height:100%;display:flex}body{font-family:Roboto,sans-serif;background-color:#121212;color:#333;margin:0;height:100vh}header{background-color:#6200ea;color:#fff;padding:16px;text-align:center}button{background-color:#6200ea;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#3700b3}.container{padding:16px}.login-form{max-width:400px;margin:50px auto;padding:16px;background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a}.login-form input{width:100%;padding:8px;margin:8px 0;border:1px solid #ccc;border-radius:4px}.login-form button{width:100%}nav{margin-bottom:16px}nav a{margin:0 8px;color:#6200ea;text-decoration:none}nav a:hover{text-decoration:underline}.dashboard{display:flex;flex-direction:row;height:100vh;overflow:hidden}.status-indicator{display:inline-block;width:14px;height:14px;border-radius:50%;margin-left:10px;background-color:#ff0;box-shadow:0 0 10px #ff0c;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.status-indicator.active{background-color:#0f0;box-shadow:0 0 15px #0f0c}.status-indicator.inactive{background-color:red;box-shadow:0 0 15px #f00c}.sidebar{width:250px;background-color:#121212;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:fixed;height:100vh;box-shadow:2px 0 5px #00000080;transition:all .3s ease-in-out}.sidebar:hover{box-shadow:4px 0 15px #000000b3}.sidebar nav{display:flex;flex-direction:column;gap:14px}.tab{padding:12px;font-size:16px;text-decoration:none;color:#e0e0e0;border-radius:8px;transition:background-color .3s ease,transform .3s ease}.tab:hover{background-color:#6200ea;color:#fff;transform:translate(5px)}.active-tab{color:#ff9100;font-weight:700;border-left:8px solid #ff9100;padding-left:10px}.logout-button{background-color:#cf6679;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.logout-button:hover{background-color:#b00020;transform:translateY(2px)}.content{margin-left:250px;padding:24px;background-color:#181818;color:#e0e0e0;overflow-y:auto;flex-grow:1;transition:all .3s ease-in-out;height:100%;width:100rem}.content>*{margin-bottom:20px;border-radius:8px;background-color:#2c2c2c;padding:16px}@media (max-width: 768px){h2{text-align:center;justify-self:center;align-self:center;width:100%;margin:auto;padding-bottom:5%}.dashboard{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;box-shadow:none}.content{margin-left:0;margin-top:16px;width:auto}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#2a2f3e);padding:20px}.login-container{background:#1a1f2ef2;padding:40px;border-radius:12px;box-shadow:0 8px 32px #0003;width:100%;max-width:400px;border:1px solid rgba(138,143,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-header{text-align:center;margin-bottom:30px}.login-title{color:#8a8fff;font-size:2rem;margin:0;font-weight:600}.login-subtitle{color:#b0b0ff;margin:10px 0 0;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{color:#b0b0ff;font-size:.9rem;font-weight:500}.login-input{padding:12px 16px;border:1px solid rgba(138,143,255,.2);border-radius:8px;background:#2a2f3e80;color:#e0e0e0;font-size:1rem;transition:all .3s ease}.login-input:focus{outline:none;border-color:#8a8fff;box-shadow:0 0 0 2px #8a8fff33}.login-input:disabled{opacity:.7;cursor:not-allowed}.error-message{background:#ff52521a;border:1px solid rgba(255,82,82,.2);color:#ff5252;padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:20px}.error-icon{font-size:1.2rem}.login-button{background:linear-gradient(135deg,#4a4fff,#8a8fff);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8a8fff4d}.login-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.login-container{padding:30px 20px}.login-title{font-size:24px}.login-input{padding:10px 14px}}.blog-posts-page.dark-theme{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#22272e;color:#c8d3f6;padding:20px;border-radius:12px;box-shadow:0 5px 15px #0000004d;margin:0 auto;max-width:1200px}@media (max-width: 768px){.blog-posts-page.dark-theme{padding:15px}}.blog-posts-page.dark-theme h2{color:#82aaff;border-bottom:2px solid #434c5e;padding-bottom:10px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;font-size:24px}.blog-posts-page.dark-theme button{background-color:#5e81ac;color:#ecf0f1;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-bottom:12px;transition:background-color .3s,transform .2s,box-shadow .2s;box-shadow:0 2px 5px #0003;outline:none}.blog-posts-page.dark-theme button:hover{background-color:#4c566a;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.blog-posts-page.dark-theme button:focus{box-shadow:0 0 0 2px #5e81ac80}.blog-posts-page.dark-theme button:disabled{background-color:#616e88;color:#a3b18a;cursor:not-allowed;box-shadow:none;transform:none}.blog-posts-page.dark-theme button.add-button{background-color:#4caf50;color:#fff}.blog-posts-page.dark-theme button.add-button:hover{background-color:#388e3c}.blog-posts-page.dark-theme button.cancel-button{background-color:#f44336;color:#fff}.blog-posts-page.dark-theme button.cancel-button:hover{background-color:#d32f2f}.blog-posts-page.dark-theme button.edit-button{background-color:#ff9800;color:#fff}.blog-posts-page.dark-theme button.edit-button:hover{background-color:#f57c00}.blog-posts-page.dark-theme button.delete-button{background-color:#e53935;color:#fff}.blog-posts-page.dark-theme button.delete-button:hover{background-color:#b71c1c}.blog-form{background-color:#292d3e;padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid #434c5e}.blog-form .form-group{margin-bottom:15px}.blog-form .form-group label{display:block;margin-bottom:5px;color:#eceff1;font-weight:500;font-size:15px}.blog-form .form-group input[type=text],.blog-form .form-group textarea,.blog-form .form-group select,.blog-form .form-group input[type=number]{width:100%;padding:8px;border:1px solid #434c5e;border-radius:6px;background-color:#3b4252;color:#ecf0f1;font-size:14px;transition:border-color .3s;outline:none}.blog-form .form-group input[type=text]:focus,.blog-form .form-group textarea:focus,.blog-form .form-group select:focus,.blog-form .form-group input[type=number]:focus{border-color:#82aaff;box-shadow:0 0 0 2px #82aaff33}.blog-form .form-group textarea{resize:vertical;min-height:100px}.blog-form .form-group input[type=file]{color:#c8d3f6;padding:8px;background-color:#3b4252;border-radius:6px;border:1px solid #434c5e;cursor:pointer}.status-filter{margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start}.status-filter label{margin-right:12px;color:#eceff1;font-size:15px}.status-filter select{padding:8px;border:1px solid #434c5e;border-radius:6px;background-color:#3b4252;color:#ecf0f1;font-size:14px;cursor:pointer;transition:border-color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem top 50%;background-size:1rem 1rem;padding-right:2rem;outline:none}.status-filter select:focus{border-color:#82aaff;box-shadow:0 0 0 2px #82aaff33}.post-card{background-color:#292d3e;border:1px solid #434c5e;border-radius:10px;padding:15px;margin-bottom:15px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.post-card:hover{transform:translateY(-5px);box-shadow:0 7px 18px #0006}.post-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(76,86,106,.1),transparent);opacity:.5;z-index:0;pointer-events:none}.post-card h3{color:#82aaff;margin-bottom:8px;font-size:18px;font-weight:600;position:relative;z-index:1}.post-card p{color:#c8d3f6;font-size:14px;line-height:1.5;position:relative;z-index:1}.post-card img{max-width:100%;height:auto;border-radius:8px;margin-bottom:12px;box-shadow:0 2px 5px #0003;transition:transform .3s;position:relative;z-index:1}.post-card:hover img{transform:scale(1.05)}.post-card .actions{margin-top:15px;text-align:right}.post-card .actions button{background-color:#e53935;color:#fff;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px;margin-left:5px;transition:background-color .3s,transform .2s,box-shadow .2s;box-shadow:0 2px 5px #0000004d;outline:none}.post-card .actions button:hover{background-color:#b71c1c;transform:translateY(-2px);box-shadow:0 4px 8px #0006}.post-card .actions button:focus{box-shadow:0 0 0 2px #e5393580}.extra-images{margin-top:12px}.extra-images label{display:block;margin-bottom:6px;color:#c8d3f6;font-weight:500;font-size:14px}.extra-images img{max-width:60px;max-height:60px;margin:4px;border-radius:6px;object-fit:cover;box-shadow:0 1px 3px #0003}.selected-extra-images{margin-top:8px;padding:8px;background-color:#3b4252;border-radius:6px;color:#ecf0f1}.selected-extra-images ul{list-style:none;padding:0}.selected-extra-images li{margin-bottom:4px}.extra-image-previews{margin-top:8px}.extra-image-previews .image-preview{display:inline-block;position:relative;margin:4px}.extra-image-previews img{max-width:70px;max-height:70px;margin:4px;border-radius:4px;box-shadow:0 1px 3px #0003;object-fit:cover}.extra-image-previews .remove-image-button{position:absolute;top:-3px;right:-3px;background:#e53935cc;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0;box-shadow:0 1px 3px #0006}.upload-button{background-color:#007acc;color:#fff;padding:6px 10px;border:none;border-radius:4px;cursor:pointer;font-size:13px;display:inline-block;margin-top:4px;transition:background-color .3s;outline:none}.upload-button:hover{background-color:#005f99}.upload-button:focus{box-shadow:0 0 0 2px #007acc80}.file-input{padding:8px;margin-bottom:8px;border:1px solid #555;border-radius:4px;background-color:#333;color:#d4d4d4;cursor:pointer}@media (max-width: 600px){.blog-posts-page.dark-theme h2{font-size:22px}.blog-form .form-group label{font-size:14px}.blog-form .form-group input[type=text],.blog-form .form-group textarea,.blog-form .form-group select{font-size:13px}.post-card h3{font-size:17px}.post-card p{font-size:13px}.post-card .actions button{font-size:12px;padding:6px 12px}}.error-message{color:#ff6b6b;background-color:#331c1c;padding:10px;border-radius:5px;margin-top:15px;border:1px solid #ff6b6b}:root{--bod-primary-bg: #1e272e;--bod-primary-text: #dcdcdc;--bod-heading-color: #81ecec;--bod-border-color: #34495e;--bod-button-bg: #6c5ce7;--bod-button-text: #fff;--bod-button-hover-bg: #4834d4;--bod-form-bg: #2c3e50;--bod-input-bg: #34495e;--bod-input-focus-border: #6c5ce7;--bod-card-bg: #2c3e50;--bod-card-shadow: 0 4px 6px rgba(0, 0, 0, .4);--bod-card-hover-shadow: 0 5px 8px rgba(0, 0, 0, .5);--bod-overlay-active: rgba(129, 236, 236, .3);--bod-overlay-inactive: rgba(231, 76, 60, .3);--bod-action-button-bg: #8e44ad;--bod-action-button-hover-bg: #7d3c98;--bod-delete-button-bg: #c0392b;--bod-delete-button-hover-bg: #922b21;--bod-edit-button-bg: #3498db;--bod-edit-button-hover-bg: #2980b9;--bod-section-header-bg: #34495e;--bod-section-header-text: #ecf0f1}.board-of-directors-admin-page{font-family:Arial,sans-serif;background-color:var(--bod-primary-bg);color:var(--bod-primary-text);padding:25px;border-radius:10px;box-shadow:0 5px 15px #0000004d;margin:20px auto;max-width:1400px}.board-of-directors-admin-page h2{color:var(--bod-heading-color);border-bottom:2px solid var(--bod-border-color);padding-bottom:15px;margin-bottom:30px;text-transform:uppercase;letter-spacing:1.5px;font-size:1.8em;font-weight:600;text-align:center}.add-button,.board-of-directors-admin-page button{background-color:var(--bod-button-bg);color:var(--bod-button-text);padding:12px 22px;border:none;border-radius:6px;cursor:pointer;font-size:1em;transition:background-color .3s ease,transform .15s ease;box-shadow:0 2px 4px #0003;margin:5px;display:inline-block;vertical-align:middle}.board-of-directors-admin-page button:hover:not(:disabled){background-color:var(--bod-button-hover-bg);transform:translateY(-2px)}.board-of-directors-admin-page button:disabled{background-color:#555e67;cursor:not-allowed;opacity:.7}.director-form{background-color:var(--bod-form-bg);padding:30px;border-radius:8px;margin:30px auto;border:1px solid var(--bod-border-color);max-width:700px;box-shadow:0 4px 10px #0003}.director-form h3{color:var(--bod-heading-color);text-align:center;margin-top:0;margin-bottom:25px;font-size:1.5em}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#bdc3c7;font-size:.95em}.director-form input[type=text],.director-form input[type=number],.director-form select,.director-form textarea{padding:12px 15px;border:1px solid var(--bod-border-color);border-radius:5px;background-color:var(--bod-input-bg);color:var(--bod-primary-text);font-size:1em;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.director-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23dcdcdc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:12px auto;padding-right:40px}.director-form input:focus,.director-form select:focus,.director-form textarea:focus{border-color:var(--bod-input-focus-border);box-shadow:0 0 0 2px #6c5ce74d;outline:none}.image-upload-container{display:flex;align-items:center;gap:15px;margin-top:10px}.upload-button{flex-shrink:0;background-color:var(--bod-edit-button-bg)!important;padding:10px 15px!important;font-size:.9em!important}.upload-button:hover{background-color:var(--bod-edit-button-hover-bg)!important}.image-preview{display:flex;align-items:center;gap:10px;border:1px dashed #666;padding:5px;border-radius:4px;background-color:#0000001a}.image-preview img{max-width:70px;max-height:70px;display:block;object-fit:cover;border-radius:4px;border:1px solid var(--bod-border-color)}.remove-image-button{background-color:#7f8c8d!important;font-size:.8em!important;padding:4px 8px!important;min-width:auto;box-shadow:none!important}.remove-image-button:hover{background-color:#606a6b!important}.form-actions{margin-top:25px;border-top:1px solid var(--bod-border-color);padding-top:20px;display:flex;justify-content:flex-end;gap:15px}.directors-list-section{margin-top:40px}.director-section{margin-bottom:40px}.director-section h3{background-color:var(--bod-section-header-bg);color:var(--bod-section-header-text);padding:12px 20px;border-radius:6px 6px 0 0;margin-bottom:0;font-size:1.4em;font-weight:500;letter-spacing:.5px;border:1px solid var(--bod-border-color);border-bottom:none}.directors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding:25px;background-color:#0000001a;border:1px solid var(--bod-border-color);border-top:none;border-radius:0 0 6px 6px}.director-card{background-color:var(--bod-card-bg);padding:0;border-radius:8px;text-align:center;box-shadow:var(--bod-card-shadow);transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.director-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--bod-card-hover-shadow)}.director-image-placeholder,.director-image{width:100%;height:200px;object-fit:cover;display:flex;align-items:center;justify-content:center;background-color:#4a5a6a;color:#95a5a6;font-style:italic;font-size:.9em;border-bottom:1px solid var(--bod-border-color)}.director-info{padding:20px;flex-grow:1}.director-card h4{color:var(--bod-primary-text);margin-top:0;margin-bottom:8px;font-size:1.25em;font-weight:600}.director-card .position{color:#bdc3c7;font-style:italic;margin-bottom:6px;font-size:1em}.director-card .department{color:#95a5a6;margin-bottom:8px;font-size:.9em}.director-card .hierarchy,.director-card .status{font-size:.85em;color:#7f8c8d;margin-bottom:4px}.director-card .status.active{color:#2ecc71;font-weight:700}.director-card .status.inactive{color:#e74c3c;font-weight:700}.director-card.inactive{opacity:.7}.director-card.inactive:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bod-overlay-inactive);pointer-events:none;opacity:.2}.actions{display:flex;justify-content:space-evenly;align-items:center;padding:15px 10px;border-top:1px solid var(--bod-border-color);background-color:#0000001a}.actions button{padding:8px 12px;border-radius:5px;font-size:.85em;flex-basis:30%;margin:0 3px;min-width:70px;text-align:center;box-shadow:none}.actions button:nth-child(1){background-color:var(--bod-edit-button-bg)}.actions button:nth-child(1):hover{background-color:var(--bod-edit-button-hover-bg)}.actions button:nth-child(2){background-color:var(--bod-action-button-bg)}.actions button:nth-child(2):hover{background-color:var(--bod-action-button-hover-bg)}.actions button.delete-button,.actions button:nth-child(3){background-color:var(--bod-delete-button-bg)}.actions button.delete-button:hover,.actions button:nth-child(3):hover{background-color:var(--bod-delete-button-hover-bg)}.loading-message,.error-message{padding:15px 20px;margin:20px 0;border-radius:6px;text-align:center;font-size:1.05em;font-weight:500}.loading-message{background-color:#34495ecc;border:1px solid var(--bod-border-color);color:#ecf0f1}.error-message{background-color:#c0392bcc;border:1px solid var(--bod-delete-button-bg);color:#f1c40f}.error-message.form-error{text-align:left;margin-top:15px;margin-bottom:0;font-size:.95em}@media (max-width: 768px){.board-of-directors-admin-page{padding:15px}.directors-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:15px}.director-card h4{font-size:1.1em}.actions button{font-size:.8em;padding:6px 10px}.director-form{padding:20px}.board-of-directors-admin-page h2{font-size:1.5em}}@media (max-width: 480px){.directors-grid{grid-template-columns:1fr}.actions{flex-direction:column;gap:8px}.actions button{flex-basis:auto;width:90%}.director-form{margin-left:10px;margin-right:10px}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}}.products-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1e272e;color:#dcdcdc;padding:20px;border-radius:10px;box-shadow:0 4px 8px #00000080;margin:20px auto;max-width:1200px}.products-page h2{color:#81ecec;border-bottom:2px solid #34495e;padding-bottom:10px;margin-bottom:20px;font-size:24px;text-transform:uppercase;letter-spacing:1px;text-align:center}.products-page button{background-color:#6c5ce7;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background-color .3s ease;box-shadow:0 2px 4px #0006;margin-bottom:15px}.products-page button:hover{background-color:#4834d4}.product-form{background-color:#2c3e50;padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid #34495e}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#f0f0f0;font-weight:500}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:8px;border:1px solid #34495e;border-radius:5px;background-color:#34495e;color:#fff;font-size:15px;transition:border-color .3s ease;box-sizing:border-box}.form-group textarea{resize:vertical}.form-group input[type=file]{color:#fff;background-color:#34495e;border:1px solid #34495e;padding:8px;border-radius:5px;cursor:pointer}.form-group input[type=file]::-webkit-file-upload-button{background-color:#6c5ce7;color:#fff;border:none;border-radius:5px;padding:8px 12px;cursor:pointer}.form-group input[type=file]::-webkit-file-upload-button:hover{background-color:#4834d4}.products-list{overflow-x:auto}.products-list table{width:100%;border-collapse:collapse;margin-top:15px;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0006;background-color:#2c3e50;border:none}.products-list th,.products-list td{padding:12px 15px;text-align:left;border:none;font-size:15px;white-space:nowrap;color:#ecf0f1}.products-list th{background-color:#34495e;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#bdc3c7}.products-list tbody tr:nth-child(2n){background-color:#34495e}.products-list tbody tr:hover{background-color:#434c5e;transition:background-color .3s ease}.products-list img{max-width:60px;max-height:60px;border-radius:5px;object-fit:cover;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.products-list img:hover{transform:scale(1.1)}.products-list .actions{text-align:center}.products-list .actions button{background-color:#c0392b;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin:3px;transition:background-color .3s ease,transform .2s ease}.products-list .actions button:hover{background-color:#922b21;transform:translateY(-1px)}@media (max-width: 768px){.products-list table{font-size:14px}.products-list th,.products-list td{padding:8px 10px}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{font-size:14px;padding:6px}}.image-preview{margin-top:10px;display:flex;align-items:center}.image-preview img{max-width:100px;max-height:100px;border-radius:4px;margin-right:10px;border:1px solid #555}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}.products-toggle{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;color:#fff}.products-toggle .toggle-label{margin-left:8px;font-weight:700}.contact-details-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#22272e;color:#c8d3f6;padding:25px;border-radius:12px;box-shadow:0 5px 15px #0000004d;margin:20px auto;max-width:1200px}.contact-details-page h2{color:#82aaff;border-bottom:2px solid #434c5e;padding-bottom:12px;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px;font-size:26px;text-align:center}.contact-details-page button{background-color:#5e81ac;color:#ecf0f1;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:15px;margin:20px 0 15px;transition:background-color .3s,transform .2s;box-shadow:0 2px 5px #0003}.contact-details-page button:hover{background-color:#4c566a;transform:translateY(-2px)}.add-button{background-color:#2ecc71!important}.add-button:hover{background-color:#27ae60!important;transform:translateY(-2px)}.cancel-button{background-color:#e74c3c!important}.cancel-button:hover{background-color:#c0392b!important;transform:translateY(-2px)}.contact-form-container{margin-bottom:30px;background-color:#292d3e;padding:25px;border-radius:10px;border:1px solid #434c5e}.contact-form{display:flex;flex-direction:column;max-width:600px;margin:0 auto}.form-group label{display:block;margin-bottom:7px;color:#eceff1;font-weight:500}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=email],.form-group textarea{width:100%;padding:10px;border:1px solid #434c5e;border-radius:6px;background-color:#3b4252;color:#ecf0f1;font-size:15px;transition:border-color .3s}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=text]:focus,.form-group input[type=tel]:focus,.form-group input[type=email]:focus,.form-group textarea:focus{border-color:#82aaff;outline:none}.contact-management{margin-bottom:30px}.contact-list{list-style:none;padding:0}.contact-item{background-color:#292d3e;border:1px solid #434c5e;border-radius:10px;padding:20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,box-shadow .2s}.contact-item:hover{transform:translateY(-3px);box-shadow:0 5px 12px #0006}.contact-item strong{color:#82aaff;font-size:17px}.contact-item .active-contact{color:#a3be8c}.contact-item .actions{display:flex;justify-content:flex-start;align-items:center}.contact-item .actions button{background-color:#e53935;color:#fff;padding:10px 15px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s,transform .2s;box-shadow:0 2px 4px #0006;margin-right:10px}.contact-item button:hover{background-color:#b71c1c;transform:translateY(-2px)}.products-toggle{margin-bottom:25px;display:flex;align-items:center;justify-content:flex-start}.products-toggle .toggle-label{margin-left:15px;color:#eceff1;font-size:16px;font-weight:500}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#434c5e;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#ecf0f1;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#82aaff}input:focus+.slider{box-shadow:0 0 3px #82aaff}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.active-contact-display{align-items:center;justify-content:center}.messages-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#2d3436;color:#dfe6e9;padding:20px;border-radius:12px;box-shadow:0 4px 8px #0006;margin:20px auto;max-width:1000px}.messages-page h2{color:#a29bfe;border-bottom:2px solid #6c5ce7;padding-bottom:10px;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;text-align:center}.messages-list{display:flex;flex-direction:column}.message-item{background-color:#353b48;border:1px solid #636e72;padding:15px;margin-bottom:15px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 4px #0000004d}.message-item:hover{background-color:#40444b;transform:translateY(-2px)}.message-item h3{color:#fab1a0;margin-bottom:7px;font-size:18px}.message-item .email{color:#74b9ff;margin-bottom:12px;font-style:italic}.message-item .message-date{text-align:right;color:#b2bec3;font-size:12px}.message-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.message-popup-content{background-color:#2f3640;border-radius:12px;padding:25px;max-width:70%;max-height:80%;overflow-y:auto;box-shadow:0 5px 10px #00000080}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popup-header h4{color:#ff7675;margin:0;font-size:22px}.popup-header .close-button{background:none;border:none;color:#dfe6e9;font-size:28px;cursor:pointer;opacity:.7;transition:opacity .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.4)}.popup-header .close-button:hover{opacity:1}.popup-message-details p{color:#95a5a6;margin-bottom:10px;line-height:1.6}.popup-message-details strong{color:#fd79a8}.message-popup-content .reply-button{background-color:#2980b9;color:#fff;padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .3s ease,transform .2s ease;box-shadow:0 3px 5px #0000004d}.message-popup-content .reply-button:hover{background-color:#3498db;transform:translateY(-3px)}@media (max-width: 768px){.messages-page{padding:15px}.messages-page h2{font-size:24px}.message-item{padding:12px;margin-bottom:12px}.popup-header h4{font-size:18px}.message-popup-content{max-width:90%;padding:15px}}.message_email{text-decoration:none;color:#74b9ff;margin-bottom:12px;font-style:italic}.popup-messages-page.dark-theme{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:20px;padding:25px;border-radius:12px;background-color:#282c34;color:#abb2bf;box-shadow:0 5px 15px #0000004d}.popup-messages-page.dark-theme h2{color:#61afef;border-bottom:2px solid #4d5b69;padding-bottom:12px;margin-bottom:25px;font-size:26px;text-transform:uppercase;letter-spacing:1px}.filter-add-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.status-filter{display:flex;align-items:center}.status-filter label{margin-right:10px;color:#d1d5db;font-size:16px}.status-filter select{padding:10px;border:1px solid #434c5e;border-radius:6px;background-color:#3b4252;color:#ecf0f1;font-size:15px;cursor:pointer;transition:border-color .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem top 50%;background-size:1rem 1rem;padding-right:2rem}.status-filter select:focus{border-color:#82aaff;outline:none;box-shadow:0 0 6px #82aaff4d}.popup-messages-page.dark-theme button{background-color:#5e81ac;color:#ecf0f1;padding:12px 20px;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:background-color .3s,transform .2s;box-shadow:0 2px 5px #0003}.popup-messages-page.dark-theme button:hover{background-color:#4c566a;transform:translateY(-2px)}.popup-form{background-color:#33373d;padding:25px;border-radius:10px;margin-bottom:25px}.popup-form .form-group{margin-bottom:20px}.popup-form .form-group label{display:block;margin-bottom:7px;color:#ecf0f1;font-weight:500}.popup-form .form-group input[type=text],.popup-form .form-group textarea,.popup-form .form-group input[type=datetime-local]{width:100%;padding:10px;border:1px solid #434c5e;border-radius:6px;background-color:#434c5e;color:#ecf0f1;font-size:15px;transition:border-color .3s}.popup-form .form-group input[type=text]:focus,.popup-form .form-group textarea:focus{border-color:#82aaff;outline:none;box-shadow:0 0 6px #82aaff4d}.popup-form textarea{resize:vertical;min-height:120px}.popup-form .form-group input[type=file]{color:#c8d3f6;padding:10px;background-color:#3b4252;border-radius:6px;border:1px solid #434c5e;cursor:pointer}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.form-actions .submit-button{background-color:#a3be8c;color:#2e3440;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:background-color .3s}.form-actions .submit-button:hover{background-color:#94b384}.form-actions .cancel-button{background-color:#bf616a;color:#2e3440;padding:10px 18px;border:none;border-radius:6px;cursor:pointer;font-size:15px;transition:background-color .3s}.form-actions .cancel-button:hover{background-color:#b3545c}.popup-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.popup-card{background-color:#33373d;border:1px solid #434c5e;border-radius:10px;padding:20px;transition:transform .2s,box-shadow .2s;position:relative}.popup-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0006}.popup-card.active{border-color:#a3be8c;box-shadow:0 0 10px #a3be8c80}.popup-card.inactive{opacity:.7}.popup-card h3{color:#eceff1;margin-bottom:10px;font-size:20px}.popup-card p{color:#c8d3f6;font-size:15px;line-height:1.6}.popup-card img{max-width:100%;height:auto;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 5px #0003}.popup-card .actions{margin-top:20px;text-align:right}.popup-card .actions button{color:#fff;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:14px;margin-left:7px;transition:background-color .3s,transform .2s;box-shadow:0 2px 5px #0000004d}.popup-card .actions .activate-button{background-color:#a3be8c}.popup-card .actions .activate-button:hover{background-color:#94b384}.popup-card .actions .deactivate-button{background-color:#bf616a}.popup-card .actions .deactivate-button:hover{background-color:#b3545c}.popup-card .actions button:hover{transform:translateY(-2px);box-shadow:0 3px 7px #0000004d}.publications-page.dark-theme{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:15px;padding:20px;border-radius:10px;background-color:#212529;color:#e0e0e0;box-shadow:0 5px 15px #0000004d;position:relative}.publications-page.dark-theme h2{color:#8da9c4;border-bottom:2px solid #343a40;padding-bottom:10px;margin-bottom:20px;font-size:24px;letter-spacing:1px}.filter-add-container{display:flex;flex-direction:column;align-items:stretch;gap:15px;margin-bottom:20px}.filter-button{background-color:#5c6bc0;color:#ecf0f1;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s;margin-bottom:10px;align-self:flex-start}.filter-button:hover{background-color:#3f51b5}.status-filter{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:15px}.status-filter label{color:#d1d5db;font-size:15px;margin-bottom:5px}.status-filter select{padding:8px 12px;border:1px solid #6c757d;border-radius:4px;background-color:#495057;color:#f8f9fa;font-size:14px;cursor:pointer;width:100%;box-sizing:border-box}.status-filter select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.filter-modal{position:absolute;top:100%;left:0;right:0;background-color:#282c34;border:1px solid #495057;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000004d;z-index:10}.filter-modal label{color:#ecf0f1;display:block;margin-bottom:5px}.filter-modal input[type=radio],.filter-modal input[type=checkbox]{margin-right:5px;vertical-align:middle}.filter-types{margin-bottom:15px}.close-button{background-color:#5c6bc0;color:#ecf0f1;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;margin-top:15px;transition:background-color .3s}.close-button:hover{background-color:#3f51b5}.publication-form{background-color:#343a40;padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid #495057}.publication-form .form-group{margin-bottom:15px}.publication-form label{color:#f8f9fa;margin-bottom:5px;display:block}.publication-form input[type=text],.publication-form textarea,.publication-form input[type=datetime-local]{width:100%;padding:12px;border:1px solid #495057;border-radius:6px;background-color:#495057;color:#f8f9fa;font-size:16px;transition:border-color .3s,box-shadow .3s}.publication-form input[type=text]:focus,.publication-form textarea:focus{border-color:#7986cb;outline:none;box-shadow:0 0 8px #7986cb80}.publication-form textarea{resize:vertical;min-height:120px}.form-actions{display:flex;justify-content:space-between;gap:10px}.add-button,.edit-button,.delete-button,.submit-button,.cancel-button{background-color:#5c6bc0;color:#ecf0f1;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.add-button:hover,.edit-button:hover,.delete-button:hover,.submit-button:hover,.cancel-button:hover{background-color:#3f51b5}.publications-table-container{overflow-x:auto}.publications-table-container table{width:100%;border-collapse:collapse;margin-top:20px;border-radius:8px;overflow:hidden}.publications-table-container th,.publications-table-container td{padding:12px 15px;text-align:left;border-bottom:1px solid #495057}.publications-table-container .actions-th{text-align:center}.publications-table-container th{background-color:#343a40;color:#c8d3f6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.publications-table-container tbody tr{background-color:#282c34;transition:background-color .3s}.publications-table-container tbody tr:hover{background-color:#33373d}.publications-table-container .active{border-left:3px solid #a3be8c}.publications-table-container .inactive{opacity:.7}.publications-table-container a{color:#90caf9;text-decoration:none;transition:color .3s}.publications-table-container a:hover{color:#64b5f6;text-decoration:underline}.publications-table-container .actions{display:flex;justify-content:center;gap:5px}.publications-table-container .actions button{color:#ecf0f1;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}.publications-table-container .actions button:hover{background-color:#3f51b5}.activate-button{background-color:#a3be8c}.activate-button:hover{background-color:#94b384}.deactivate-button{background-color:#bf616a}.deactivate-button:hover{background-color:#b3545c}.publications-table-container .file-link{color:#64b5f6;text-decoration:none;transition:color .3s ease}.publications-table-container .file-link:hover{color:#90caf9;text-decoration:underline}.filter-modal{width:100%;max-width:400px;background-color:#333;border-radius:5%;box-shadow:0 4px 10px #0000004d;padding:20px;position:absolute;top:50%;left:40%;right:0;z-index:1000;display:flex;flex-direction:column;gap:20px;font-family:Arial,sans-serif;font-size:14px;color:#c8d3f6;border:1px solid #333;box-sizing:border-box}.filter-status{display:flex;flex-direction:column}.filter-status label{font-weight:600;margin-bottom:8px;font-size:16px;color:#90caf9}#statusFilter{padding:8px;border-radius:5px;border:1px solid #333;font-size:14px;background-color:#333;color:#c8d3f6;transition:border-color .3s ease;width:100%;box-sizing:border-box}#statusFilter:hover{border-color:#64b5f6}#statusFilter:focus{outline:none;border-color:#5c6bc0}.filter-types{display:flex;flex-direction:column;gap:8px}.filter-types label{display:flex;align-items:center;gap:5px;font-size:14px;color:#90caf9}.filter-types input[type=checkbox]{accent-color:#64b5f6;transform:scale(1.2);cursor:pointer}.filter-types input[type=checkbox]:checked{accent-color:#5c6bc0}.close-button{align-self:flex-end;padding:8px 16px;background-color:#ec1606;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.close-button:hover{background-color:#5c6bc0}.close-button:focus{outline:none;background-color:#90caf9}.filter-modal:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:-1}@media (min-width: 768px){.filter-add-container{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width: 768px){.status-filter{flex-direction:column;align-items:flex-start;width:100%}}@media (max-width: 768px){.publications-table-container{width:100%;overflow-x:auto}.publications-table-container table{min-width:600px}.actions{flex-direction:column}.status-filter{flex-direction:column;align-items:flex-start;width:100%}}.medias-container{padding:30px;max-width:1400px;margin:0 auto;color:#e0e0e0}.medias-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(138,143,255,.1)}.medias-header h1{color:#8a8fff;font-size:2rem;margin:0}.visibility-filter{display:flex;gap:10px}.filter-button{background:#2a2f3e80;border:1px solid rgba(138,143,255,.2);color:#b0b0ff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.filter-button:hover{background:#8a8fff1a;border-color:#8a8fff4d}.filter-button.active{background:linear-gradient(135deg,#4a4fff,#8a8fff);border-color:transparent;color:#fff}.media-form{background:#1a1f2ef2;padding:30px;border-radius:12px;margin-bottom:40px;box-shadow:0 8px 32px #0003;border:1px solid rgba(138,143,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-form h2{color:#8a8fff;margin:0 0 25px;font-size:1.5rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#b0b0ff;font-size:.9rem}.form-group input[type=text],.form-group input[type=url],.form-group textarea,.form-group select{width:100%;padding:12px;background:#2a2f3e80;border:1px solid rgba(138,143,255,.2);border-radius:8px;color:#e0e0e0;font-size:1rem;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=url]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8a8fff;box-shadow:0 0 0 2px #8a8fff33}.form-group textarea{min-height:100px;resize:vertical}.form-group small{display:block;margin-top:5px;color:#8a8fff;font-size:.85rem}.existing-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-top:10px}.existing-image-item{position:relative;border-radius:4px;overflow:hidden;border:1px solid #2a2f3e;background:#2a2f3e;transition:all .3s}.existing-image-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.existing-image-item img{width:100%;height:150px;object-fit:cover;display:block}.remove-file-button{position:absolute;top:5px;right:5px;background:#ff6b6be6;color:#fff;border:none;border-radius:4px;padding:5px 10px;font-size:12px;cursor:pointer;transition:all .3s}.remove-file-button:hover{background:#ff5252}.url-input-group{display:flex;gap:10px;margin-bottom:10px}.url-input-group input{flex:1}.remove-url{background:#2a2f3e;color:#ff6b6b;border:1px solid #3a3f4e;padding:0 15px;border-radius:4px;cursor:pointer;transition:all .3s}.remove-url:hover{background:#3a3f4e;color:#ff5252}.add-url{background:#2a2f3e;color:#8a8fff;border:1px solid #3a3f4e;padding:8px 15px;border-radius:4px;cursor:pointer;transition:all .3s;margin-top:10px}.add-url:hover{background:#3a3f4e;color:#b0b0ff}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox]{width:auto;margin:0}.checkbox-group label{margin:0;cursor:pointer}.form-actions{display:flex;gap:12px;margin-top:25px}button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}button[type=submit]{background-color:#4a4fff;color:#fff}button[type=submit]:hover{background-color:#3a3fef;transform:translateY(-1px)}.cancel-button{background-color:#2a2f3e;color:#b0b0ff;border:1px solid #3a3f4e}.cancel-button:hover{background-color:#3a3f4e;color:#e0e0e0}.media-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin-top:30px}.media-item{background:#1a1f2ef2;border-radius:12px;padding:20px;box-shadow:0 8px 32px #0003;border:1px solid rgba(138,143,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.media-item:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.media-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.media-header h3{color:#8a8fff;margin:0;font-size:1.2rem}.media-actions{display:flex;gap:10px}.edit-button,.delete-button{padding:6px 12px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.edit-button{background:#4a4fff33;border:1px solid rgba(74,79,255,.3);color:#8a8fff}.edit-button:hover{background:#4a4fff4d}.delete-button{background:#ff525233;border:1px solid rgba(255,82,82,.3);color:#ff5252}.delete-button:hover{background:#ff52524d}.media-content{margin:15px 0}.media-item-content{position:relative;padding-top:56.25%;border-radius:8px;overflow:hidden;background:#2a2f3e80}.media-item-content img,.media-item-content iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.media-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid rgba(138,143,255,.1)}.media-type,.media-visibility{font-size:.8rem;padding:4px 8px;border-radius:4px}.media-type{background:#4a4fff33;color:#8a8fff}.media-visibility{background:#52ff5233;color:#52ff52}.media-date{color:#b0b0ff;font-size:.8rem}.loading,.error{text-align:center;padding:40px;font-size:1.2rem;color:#8a8fff}.error{color:#ff5252}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1f2e}::-webkit-scrollbar-thumb{background:#2a2f3e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3f4e}