*{margin:0;padding:0;box-sizing:border-box;font-family:Lexend Deca,Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none}:root{--font: Roboto, sans-serif;--color-white: #ffffff;--color-light-grey: rgb(185, 185, 185);--color-grey: rgb(125, 125, 125);--color-11n-darkblue: #000000;--color-11n-navy: #3d559b;--color-11n-blue: #5a7fef;--color-11n-secondary: #FCAF17;--color-11n-red: #dd7e7c;--color-11n-green: #27a327;--color-dark-grey: rgb(110, 110, 110);--color-verydark-grey: rgb(98, 100, 102);--color-11n-yellow: #f5de92;--color-black: #000000;--color-11n-light-blue: #36BDED;--warning-color: #fd7e14;--critical-color: #dc3545}html[data-theme=dark]{--font: Roboto, sans-serif;--color-white: #0c2b82;--color-light-grey: rgb(185, 185, 185);--color-grey: rgb(125, 125, 125);--color-11n-darkblue: #000000;--color-11n-navy: rgba(110, 110, 110, .25);--color-11n-blue: #5a7fef;--color-11n-red: #dd7e7c;--color-11n-green: #27a327;--color-dark-grey: rgb(110, 110, 110);--color-verydark-grey: rgb(98, 100, 102);--color-11n-yellow: #f5de92;--color-black: #ffffff;--color-11n-light-blue: #36BDED}body{display:flex;height:100%;background-color:#f0f0f1;padding:20px 5px 30px}.wrapper{width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.dark-mode{background-color:#0c2b82;color:#b9b9b9}.dark-mode .sidebar{background-color:#0c2b82;color:#fff;border-color:#0c2b82;border-right:2px solid rgb(185,185,185)}.dark-mode .sidebar .sidebar-section ul li a{background-color:#0c2b82;color:#fff}.dark-mode .sidebar .sidebar-section ul li:hover,.dark-mode .sidebar .sidebar-section ul li:hover a{background-color:#1a365d}.dark-mode .sidebar .sidebar-section ul a li{background-color:#0c2b82;color:#fff}.dark-mode .sidebar .h2{color:#fff}.dark-mode .sidebar .sidebar-divider{background:#b9b9b9;box-shadow:none}.dark-mode .sidebar .sidebar-title{color:#fff}.dark-mode h2,.dark-mode .main-content{background-color:#0c2b82;color:#fff}.dark-mode .details-panel{background:#000000e6;color:#6e6e6e40}.dark-mode button{background-color:#fff;color:#0c2b82}.dark-mode button.search-button{color:#838383;background-color:transparent}.dark-mode a{color:var(--color-11n-light-blue)}.dark-mode .grid-item,.dark-mode .small-box{background:#6e6e6e40;color:#fff;box-shadow:none}.dark-mode table,.dark-mode table th{background:#0c2b82;color:#fff}.dark-mode table tr:hover{background:#6e6e6e40}.dark-mode .file-pagination,.dark-mode .health-metric{background:#6e6e6e40;color:#fff}.dark-mode .metric-title{color:#dcdbdb}.dark-mode .small-box,.dark-mode .large-box{background:#6e6e6e40;box-shadow:none}.dark-mode .sidebar-title,.dark-mode .sidebar-section{color:#fff}.dark-mode .folder-bar,.dark-mode .file-actions,.dark-mode .files-table-container,.dark-mode .status-section,.dark-mode .actions,.dark-mode .table-container,.dark-mode .users-actions,.dark-mode .users-table-container{background:#6e6e6e40}.dark-mode .small-box-flex{background-color:#0c2b82}.dark-mode .library-name{color:#fff}.dark-mode .file-btn{background-color:#fff;color:#0c2b82}.container{display:flex;flex-grow:1;width:100%}.sidebar{width:220px;background:var(--color-white);padding:20px;height:110%;border-right:2px solid #d1d5db;box-shadow:0 4px 8px #0000001a;gap:8px;container-type:inline-size}.sidebar .sidebar-section{padding:10px 0}.sidebar .sidebar-divider{height:2px;background:#0c2b82;opacity:.8;width:100%;margin:10px auto;box-shadow:0 0 8px #0c2b82}.sidebar .sidebar-user-logo{display:block;margin:0 auto 10px;max-width:140px;width:50%;height:auto}.sidebar .sidebar-title{font-weight:700;color:#333;text-align:center;margin:0 0 5px;font-size:32px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow:visible}.sidebar .sidebar-subtitle{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.sidebar .sidebar-bottom{height:30%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:Roboto,sans-serif;padding:1em 0 3em}.sidebar .sidebar-bottom span{text-decoration:underline;font-weight:600;font-size:.9em;margin:5px 0}.sidebar .sidebar-bottom p{padding-bottom:1vw;margin:5px 0}.sidebar ul{list-style-type:none}.sidebar ul li{padding:10px;margin:5px 0;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5%}.sidebar ul li a{text-decoration:none;color:#333;display:block;width:100%}.sidebar ul li:hover,.sidebar ul li:active{background-color:#f3f4f6;border-radius:5px}.sidebar .sidebar-logo{display:flex;justify-content:center;margin-top:20px;width:100%}.sidebar .sidebar-logo img{width:200px}.sidebar-toggle{display:none;background:none;border:none;font-size:24px;margin-left:10px;cursor:pointer;color:#333}aside{display:flex;flex-direction:column;align-items:center;background-color:var(--color-white);color:var(--color-verydark-grey);height:98vh;width:18vh;padding:2em 1em;margin:.7em;box-shadow:var(--color-verydark-grey) 0 0 10px}aside h1{font-family:Roboto,sans-serif;font-weight:1000}aside hr{width:100%;height:.2em;border:none;margin:1em;border-color:var(--color-11n-darkblue);background-color:var(--color-11n-blue);color:var(--color-11n-blue)}aside .aside-main,aside .aside-extra{width:100%}aside .aside-main ul,aside .aside-extra ul{list-style:none;width:100%;padding:0}aside .aside-main ul li,aside .aside-extra ul li{padding:10px 0}aside .aside-main ul li a,aside .aside-extra ul li a{text-decoration:none;color:var(--color-verydark-grey);font-weight:600;display:block;padding:5px 15px;transition:background .3s ease;font-family:Roboto,sans-serif}aside .aside-main ul li a:hover,aside .aside-extra ul li a:hover{background:var(--color-11n-blue);color:var(--color-white);border-radius:5px}aside .aside-footer{height:100%;display:flex;flex-direction:column;justify-content:space-between;text-align:center;font-family:Roboto,sans-serif;padding-top:1em}aside .aside-footer .Acme-Footer{font-size:1.2em;font-weight:700;text-decoration:underline}aside .aside-footer span{text-decoration:underline;font-weight:600;font-size:.9em;margin:5px 0}aside .aside-footer .oss-logo{margin-top:auto;padding-top:1em}aside .aside-footer .oss-logo img{width:80%}.main-content{flex-grow:1;padding:20px;background:var(--color-white);display:flex;flex-direction:column;margin-left:0;height:110%}header{display:flex;align-items:center;justify-content:space-between;margin-right:2vw}.logo-container{display:flex;align-items:center;justify-content:space-between;padding:10px;margin:0 10px}.logo{width:80px;margin-right:20px;margin-bottom:auto}h1{font-size:48px}.search-container{display:flex;align-items:center;position:relative}.search-box{min-width:180px;max-width:550px;width:auto;transition:width .15s ease;padding:.4rem 2rem;border:1px solid #ccc;border-radius:20px;outline:none;font-size:.9rem;color:#444;transition:border-color .2s ease-in-out;margin-right:10px;margin-left:10px}.search-box:focus{border-color:#888}.search-button{position:sticky;right:15em;background:none;border:none;cursor:pointer;padding:6px;outline:none;color:#444;font-size:1rem}.button{margin-left:1rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#444;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,color .2s ease-in-out}.button:hover{background-color:#e2e2e2;color:var(--color-black)}.custom-dropdown{position:relative;display:inline-block}.custom-dropdown .dropdown-btn{background-color:var(--color-white);color:var(--color-11n-darkblue);border:1px solid #ddd;border-radius:5px;padding:8px 20px;font-size:16px;cursor:pointer;transition:all .3s ease}.custom-dropdown .dropdown-btn:hover{background-color:#f2f2f2}.custom-dropdown .dropdown-options{list-style:none;position:absolute;top:100%;left:0;width:100%;background:var(--color-white);border:1px solid #ddd;border-radius:10px;padding:0;margin-top:5px;display:none;box-shadow:0 4px 8px #0000001a;z-index:10}.custom-dropdown .dropdown-options li{padding:10px;cursor:pointer;text-align:center;font-size:14px;transition:background .2s}.custom-dropdown .dropdown-options li:hover{background:#f4f4f4}.custom-dropdown .dropdown-options li.active{font-weight:700;color:#2eaa67}.all-btn{background-color:var(--color-white);border:1px solid #4CAF50;color:#4caf50;padding:5px 12px;border-radius:5px;cursor:pointer;margin-left:5px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto auto;gap:20px;margin-top:20px}.large-box{grid-row:span 1;background:var(--color-white);padding:20px;border-radius:10px}.large-box p span{font-size:48px;font-weight:700}.small-box-flex{display:flex;flex-direction:row;justify-content:space-between;grid-column:span 2;gap:20px}.small-box-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0}.small-box{background:var(--color-white);padding:20px;border-radius:10px;box-shadow:0 0 6px #0000001a;text-align:center;width:25%}.small-box i{color:var(--color-grey);font-size:2em}.grid-item{background:var(--color-white);padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.full-row{grid-column:span 2}.updates,.active-jobs{color:#27a327}.warning-alerts{color:#fd7e14}.critical-alerts{color:#dc3545}.date{font-size:.6em;color:#777}.tables{margin-top:20px}table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:8px;overflow:hidden}table th,table td{padding:8px;border-top:1px solid #ddd;text-align:left}table th{background:#f3f4f6;font-weight:700;font-size:14px;color:#333}table tr:hover{background:#f9fafc}#systems-status-data{font-size:15px}.status-up{background:#d4edda;color:#155724;padding:6px 10px;border-radius:5px;font-weight:700}.status-down{background:#f8d7da;color:#721c24;padding:6px 10px;border-radius:5px;font-weight:700}.status-maintenance{background:#fff3cd;color:#856404;padding:6px 10px;border-radius:5px;font-weight:700}.status-unknown{background:#d6d8db;color:#383d41;padding:6px 10px;border-radius:5px;font-weight:700}canvas{width:100%!important;height:100%!important}.cn{width:100%;height:100%;max-height:465px;background:var(--color-white)}.chart-container{display:flex;justify-content:space-between;margin-top:20px}.chart{width:48%;padding:15px;background:var(--color-white);border-radius:10px;box-shadow:0 4px 8px #0000001a;border:1px solid #e5e7eb}.graph-placeholder,.pie-placeholder{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:16px;color:#777}.cnTitle{display:flex;justify-content:space-between;margin-bottom:10px}.cnTitle i{margin-left:1rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#444;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s ease-in-out,color .2s ease-in-out}.cnTitle i:hover{background-color:#e2e2e2;color:var(--color-black)}.health-container{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.health-metric{background:#f8f9fa;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:700}.metric-title{font-size:14px;color:#555;margin-bottom:5px}.metric-value{font-size:18px;font-weight:700}.btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;padding:10px 14px}.btn.btn-green{background:#28a745;color:var(--color-white)}.btn.btn-red{background:#dc3545;color:var(--color-white)}.btn:hover{opacity:.8}.details{display:inline-block;padding:.5rem 1rem;text-align:center;cursor:pointer;font-size:1rem;font-weight:500;color:var(--color-11n-navy);background-color:var(--color-white);border:2px solid var(--color-11n-navy);border-radius:5px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .2s ease-in-out;margin-top:1.5rem}.details:hover{box-shadow:0 4px 10px #00000026}.details:focus{outline:none;box-shadow:0 0 0 3px #4caf504d}#details-button{margin-top:0}.modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out}.modal.details-panel{display:none;position:fixed}.modal .modal-content{background:var(--color-white);padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000004d;width:80vw;max-width:900px;overflow-y:auto;position:relative;animation:slideIn .3s ease-in-out}.modal .modal-content p{font-size:16px;margin:10px 0}.modal .modal-content .active{background:var(--color-11n-secondary);color:#fff;border-color:var(--color-11n-darkblue)}.modal .close-btn{position:absolute;top:20px;right:25px;font-size:30px;cursor:pointer;color:#333}.modal .close-btn:hover{color:#dc3545}.modal .file-metadata-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #ccc}.modal .file-metadata-section h4{margin:.5rem 0;color:var(--color-11n-darkblue)}.modal .file-metadata-section .metadata-list{list-style:none;padding:0;margin:0 0 1rem}.modal .file-metadata-section .metadata-list li{font-size:.9rem;line-height:1.4}.modal .file-metadata-section .comment-list{list-style:none;padding:0;margin:0 0 .5rem}.modal .file-metadata-section .comment-list li{font-size:.9rem;margin-bottom:.4rem}.modal .file-metadata-section textarea{width:100%;min-height:60px;resize:vertical;padding:6px;font-size:.9rem}.modal .file-metadata-section .file-btn{margin-top:.5rem}.modal .form-grid{display:flex;flex-direction:column}.modal .form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--color-verydark-grey);margin-bottom:5px}.modal .form-grid label div{font-size:.95rem;display:flex;align-items:center;gap:5px}.modal .form-grid label input[type=text],.modal .form-grid label input[type=password],.modal .form-grid label select{padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s ease;outline:none;width:100%;background-color:#fff}.modal .form-grid label input[type=text]:focus,.modal .form-grid label input[type=password]:focus,.modal .form-grid label select:focus{border-color:var(--color-11n-blue);box-shadow:0 0 0 3px #5a7fef26}.modal .form-grid label input[type=text]:disabled,.modal .form-grid label input[type=password]:disabled,.modal .form-grid label select:disabled{background-color:#f3f4f6;cursor:not-allowed}.modal .form-grid>div[style*=gridTemplateColumns]{background-color:#f8fafc;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:16px!important;gap:16px!important;margin-top:5px}.modal .form-grid>div[style*=gridTemplateColumns] label{flex-direction:row;align-items:center;font-weight:500;margin:0;cursor:pointer;color:#334155}.modal .form-grid>div[style*=gridTemplateColumns] label input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer}.modal .form-grid>div[style*=gridTemplateColumns] label:hover{color:var(--color-11n-darkblue)}.modal .form-grid>div[style*=borderTop]{border-top:1px solid #e2e8f0!important;margin-top:15px;padding-top:15px!important}.modal .form-grid>div[style*=borderTop] strong{color:var(--color-11n-darkblue);font-size:1.1rem}.modal .form-grid>div[style*=borderTop] .btn-sm{background:#eff6ff;color:var(--color-11n-blue);border:1px solid var(--color-11n-blue);padding:4px 10px;border-radius:15px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.modal .form-grid>div[style*=borderTop] .btn-sm:hover{background:var(--color-11n-blue);color:#fff}.modal .form-grid>div[style*=borderTop]>div[style*=gridTemplateColumns]{background:#fff!important;border:1px solid #e2e8f0;border-radius:6px;padding:10px!important;box-shadow:0 1px 2px #00000008;transition:box-shadow .2s}.modal .form-grid>div[style*=borderTop]>div[style*=gridTemplateColumns]:hover{box-shadow:0 4px 6px #0000000d}.modal .form-grid>div[style*=borderTop]>div[style*=gridTemplateColumns] input[type=text]{padding:6px 10px;margin:0;border:1px solid #ddd;border-radius:4px}.modal .form-grid>div[style*=borderTop]>div[style*=gridTemplateColumns] button.btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.modal .form-grid>div[style*=borderTop]>div[style*=gridTemplateColumns] button.btn-danger:hover{background:#dc2626;color:#fff}.modal .form-grid>div[style*=flex]:last-child{margin-top:20px!important}.modal .form-grid>div[style*=flex]:last-child .action-btn{padding:10px 20px;font-size:1rem;border-radius:6px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.modal .form-grid>div[style*=flex]:last-child .action-btn:not(.secondary){background-color:var(--color-11n-blue);color:#fff}.modal .form-grid>div[style*=flex]:last-child .action-btn:not(.secondary):hover{background-color:var(--color-11n-darkblue)}.modal .form-grid>div[style*=flex]:last-child .action-btn.secondary{background-color:#f1f5f9;color:#64748b}.modal .form-grid>div[style*=flex]:last-child .action-btn.secondary:hover{background-color:#e2e8f0;color:#334155}.details-content{background:var(--color-white);padding:40px;border-radius:10px;box-shadow:0 10px 30px #0000004d;width:80vw;height:80vh;max-width:900px;overflow-y:auto;position:relative;animation:slideIn .3s ease-in-out;display:none}#notifications-list{list-style:none;padding:0;margin-top:20px}#notifications-list li{background:#f8f9fa;padding:15px;margin:10px 0;border-radius:5px;box-shadow:0 2px 5px #0000001a;font-size:18px}.modal.share-modal .modal-content{width:740px;height:auto;max-height:88vh;padding:24px 22px 18px;display:grid;gap:14px;position:relative}.modal.share-modal h3{margin:0 0 6px;font-size:clamp(16px,2vw,18px);font-weight:650}.modal.share-modal .copy-row{display:grid;gap:8px}.modal.share-modal .copy-row label{font-weight:600;margin-bottom:2px}.modal.share-modal .copy-row .copy-controls{display:grid;grid-template-columns:1fr auto;gap:8px}.modal.share-modal .copy-row .copy-controls input{min-width:0;padding:10px 12px;background:var(--color-white);border:1px solid #e5e7eb;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px}.modal.share-modal .copy-row .copy-controls input:focus-visible{outline-offset:2px}.modal.share-modal .copy-row .copy-controls .file-btn{white-space:nowrap}.modal.share-modal details{margin-top:6px}.modal.share-modal details summary{cursor:pointer;color:var(--color-dark-grey);transition:color .12s ease}.modal.share-modal details summary:hover{color:var(--color-11n-darkblue)}.modal.share-modal details .link-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}.modal.share-modal details .link-list li{display:grid;grid-template-columns:1fr auto;gap:8px}.modal.share-modal details .link-list li input{padding:8px 10px;background:var(--color-white);border:1px solid #e5e7eb;border-radius:10px;font-family:ui-monospace,monospace;font-size:12px}.modal.share-modal details .link-list li .file-btn{padding:6px 10px}.modal.share-modal .modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.modal.share-modal .modal-actions .file-btn.secondary{background:#838383}.modal.share-modal .close-btn{top:14px;right:18px}.percent-complete{background:#d4edda;color:#155724;font-weight:700;border-radius:4px;padding:4px 8px}.percent-progress{background:#fff3cd;color:#856404;font-weight:700;border-radius:4px;padding:4px 8px}.percent-failed{background:#f8d7da;color:#721c24;font-weight:700;border-radius:4px;padding:4px 8px}.systems-status{background:#1e2a38;color:var(--color-white);padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.systems-status-box{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:10px}.systems-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.system-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;padding:10px 14px;background:#0c2b82;color:var(--color-white)}.system-btn:hover{background:#3d559b}.systems-table-container{background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.folder-bar{display:flex;background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.files-status{background:#1e2a38;color:var(--color-white);padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.files-status-box{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:10px}.file-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.file-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;padding:10px 14px;background:#0c2b82;color:var(--color-white)}.file-btn:hover{background:#3d559b}.files-table-container{background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.file-icon{margin-right:10px;color:#0c2b82;font-size:1.2rem}.video-modal{border-radius:10px;max-width:800px;width:90%;height:80vh;position:relative;align-items:center}.video-details span{font-weight:700}.modal-content video{border-radius:10px;margin-top:10px}.video-tags{margin-top:15px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.tag{background-color:#0c2b82;color:var(--color-white);padding:5px 10px;border-radius:12px;display:flex;align-items:center;gap:5px;font-size:.9rem}.tag .remove-tag{cursor:pointer;font-weight:700}#tag-input{width:50%;padding:.4rem;border:1px solid #ccc;border-radius:20px;outline:none;font-size:.9rem;color:#444;transition:border-color .2s ease-in-out}#tag-input:focus{border-color:#888}#add-tag-btn{background:#0c2b82;color:var(--color-white);border:none;padding:.4rem 1rem;border-radius:20px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out}#add-tag-btn:hover{background:#3d559b}.thumb{max-width:150px;height:auto;border-radius:10px;margin-bottom:0}.stand-by{background:#f0f0f0;color:#999}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{text-decoration:underline}.file-pagination{background:#fff}.share-page{margin:24px auto;padding:16px 20px;background:var(--surface, #ffffff);color:var(--text, #0f172a);border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:10px;box-shadow:var(--elevation-1, 0 1px 2px rgba(0, 0, 0, .06));box-sizing:border-box}.share-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border, rgba(0, 0, 0, .08))}.share-header h1{margin:0;font-size:2.5rem;line-height:1.2}.share-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:8px}.share-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2, rgba(0, 0, 0, .03));border:1px solid var(--border, rgba(0, 0, 0, .08));border-radius:8px}.share-item .name{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text, inherit)}.share-item .meta{font-size:.9rem;color:var(--muted, #6b7280)}.share-item .ops{justify-self:end;display:flex;gap:8px}.share-item .ops .file-btn{white-space:nowrap}@media (max-width: 640px){.share-header{flex-direction:column;align-items:flex-start;gap:8px}.share-item{grid-template-columns:1fr auto;grid-auto-rows:auto}.share-item .ops{grid-column:1/-1;justify-self:start}}.status-section{background:#1e2a38;color:var(--color-white);padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.status-box{display:flex;align-items:center;font-size:1.2rem;font-weight:700}.status-indicator{font-size:1rem;font-weight:700;padding:5px 10px;background-color:#fff;color:var(--color-white);border-radius:5px;margin-right:10px}.status-indicator.online{color:#27a327}.status-indicator.offline{color:#dc3545}.drive-list{font-size:.9rem;display:flex;flex-wrap:wrap;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:10px;background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.action-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;padding:10px 14px;background:#0c2b82;color:var(--color-white)}.action-btn:hover{background:#3d559b}.table-container{background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.users-actions{display:flex;gap:10px;justify-content:flex-start;background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:15px}.user-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;padding:10px 14px;background:#0c2b82;color:var(--color-white);font-size:1rem}.user-btn:hover{background:#3d559b}.users-table-container{background:#1e2a38;padding:15px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.users-table{width:100%;border-collapse:collapse;background:var(--color-white);border-radius:8px;overflow:hidden}.users-table th,.users-table td{padding:12px;border-top:1px solid #ddd;text-align:left}.users-table th{background:#f3f4f6;font-weight:700;color:#333}.users-table tr:hover{background:#f9fafc}.edit-btn{background:transparent;color:#0c2b82;border:none;cursor:pointer;font-size:1rem;margin-right:5px;transition:color .2s ease-in-out;border-radius:5px}.edit-btn:hover{background-color:#dadada}.delete-btn{background:transparent;color:#dc3545;border:none;cursor:pointer;font-size:1rem;margin-right:5px;transition:color .2s ease-in-out;border-radius:5px}.delete-btn:hover{background-color:#dadada}.logout-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s ease-in-out;padding:10px 14px;background:#dc3545;color:var(--color-white);display:block;margin:20px auto}.logout-btn:hover{background:#c82333}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1e2a38;padding:20px;border-radius:8px;color:var(--color-white);box-shadow:0 4px 8px #0000001a}.popup .close-btn{float:right;font-size:1.5rem;cursor:pointer}.popup input{width:100%;padding:8px;margin-bottom:10px;border-radius:4px;border:none}.popup button{background:#0c2b82;color:var(--color-white);padding:10px;border:none;cursor:pointer;border-radius:4px}body.login-page{padding:0}.login-background{width:100vw;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background:linear-gradient(125deg,#fff,color-11n-blue,#0c2b82);margin:0;font-family:Lexend Deca,Helvetica Neue,Helvetica,Arial,sans-serif}.login-container{background:#fff;padding:50px;border-radius:10px;box-shadow:0 10px 30px #0000004d;text-align:center;width:350px;animation:fadeInLogin .5s ease-in-out}.login-container img{display:block;margin:0 auto 10px;max-width:140px;width:50%;height:auto}@keyframes fadeInLogin{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-container input{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:8px;font-size:16px;transition:all .3s}.login-container input:focus{border-color:#36bded;box-shadow:0 0 8px #36bded80;outline:none}.login-container button{width:100%;padding:12px;background:#0c2b82;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin-top:10px;transition:background .3s ease-in-out}.login-container button:hover{background:#3d559b;transform:scale(1.01)}.error{color:red;font-size:14px;margin-top:10px}img{width:250px;margin-right:10px}.social-login{width:100%;padding:12px;margin-top:10px;font-size:16px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:background .3s ease-in-out}.login-hostname{margin-bottom:25px;font-size:2rem;font-weight:400;-webkit-user-select:none;user-select:none;background-color:#fff!important;color:#0c2b82!important}@media (max-width: 500px){.login-container{width:90%;padding:30px}}.icon{width:20px;height:20px;display:inline-block;margin-right:5px;vertical-align:middle}html,body,#root{height:100%;width:100%}.wrapper,.container{display:flex;align-items:stretch;min-height:100vh;width:100%}.sidebar{flex:0 0 220px;min-width:220px;height:auto}.main-content{flex:1 1 auto;min-width:0;min-height:100vh;height:auto;margin-left:0}.main-content>.content,.main-content>.page,.main-content>.page-content{width:100%;max-width:none;margin:0}.main-content .files-status,.main-content .file-actions,.main-content .files-table-container,.main-content .reports-actions,.main-content .reports-table-container,.main-content .table-container,.main-content .status-section,.main-content .drive-list,.table-container table,.reports-table,.files-table{width:100%;max-width:none}.logo{content:url(/images/11-Nines-Blue-Transparent-Logo.png)}html[data-theme=dark] .logo{content:url(/images/11-Nines-White-Transparent-Logo.png)}.sidebar-logo{content:url("/images/11-Nines-Blue-Solid-(Final).png")}html[data-theme=dark] .sidebar-logo{content:url("/images/11-Nines-White-Transparent-(Final).png")}@media (min-width: 769px){.dashboard-grid,.panel,.small-box-grid{max-width:none}}@media (max-width: 1024px){.files-table-container,.reports-table-container{padding:10px}.files-status-box{flex-direction:column;align-items:flex-start}.file-actions,.reports-actions{flex-direction:column;align-items:center}.file-btn{width:80%;text-align:center}.report-btn{font-size:1rem;padding:6px 12px}}@media (max-width: 768px){.sidebar{position:absolute;top:0;left:-100%;width:220px;height:100%;background:var(--color-white);transition:left .3s ease-in-out;z-index:999}.sidebar.active{left:0}.sidebar-toggle{display:inline-block}.container{flex-direction:column;position:relative;width:auto}.main-content{width:92%;margin:0}.dashboard-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.grid-item,.large-box,.small-box,.cn{width:100%!important}.cn{height:1000px}header{width:100%;padding:10px;box-sizing:border-box}.logo-container{width:100%;justify-content:space-between;flex-wrap:wrap}h1{font-size:32px;flex-grow:1}.small-box-flex{flex-direction:column;gap:20px}.health-container{grid-template-columns:1fr}.video-modal{grid-template-columns:1fr;max-width:90%}.reports-actions{flex-wrap:wrap;justify-content:center}}