*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:#f9fafb;color:#344050;min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;background:#fff;padding:.7rem 2rem;box-shadow:0 2px 10px #00000012;display:flex;align-items:center;justify-content:space-between;z-index:1000}.navbar-logo{font-weight:700;font-size:1.5rem;color:#2c3e50;letter-spacing:1.2px;-webkit-user-select:none;user-select:none}.navbar-links{list-style:none;display:flex;gap:2rem}.navbar-links li a{text-decoration:none;font-weight:600;color:#344050;padding:.4rem .6rem;border-radius:8px;transition:background-color .3s ease}.navbar-links li a:hover,.navbar-links li a:focus{background-color:#a6dcef;color:#05668d;outline:none;cursor:pointer}.nav-toggle{display:none}.nav-toggle-label{display:none;flex-direction:column;cursor:pointer;width:24px;height:18px;justify-content:space-between}.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{content:"";display:block;background:#2c3e50;height:3px;border-radius:3px;transition:all .3s ease;position:relative}.nav-toggle-label span:before,.nav-toggle-label span:after{position:absolute;width:100%}.nav-toggle-label span:before{top:-7px}.nav-toggle-label span:after{bottom:-7px}@media (max-width: 768px){.nav-toggle{display:block}.nav-toggle-label{display:flex}.navbar-links{position:absolute;top:60px;right:0;background:#fff;width:100%;max-width:300px;flex-direction:column;box-shadow:0 4px 20px #0000001a;padding:1rem 2rem;transform:translate(100%);transition:transform .3s ease;border-radius:0 0 0 10px}.nav-toggle:checked~.navbar-links{transform:translate(0)}.navbar-links li{margin-bottom:1.2rem}}.main-container{flex-grow:1;max-width:1080px;margin:2rem auto 3rem;padding:0 1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.header h2{font-weight:700;font-size:2rem;color:#05668d}.highlight{color:#028090;font-weight:800}.btn-add{background:#02c39a;color:#fff;border:none;padding:.7rem 1.5rem;font-weight:700;font-size:1rem;border-radius:40px;cursor:pointer;box-shadow:0 6px 12px #02c39a99;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.btn-add:hover{background:#028090;box-shadow:0 8px 20px #02c39ae6}.search-section{margin-bottom:2.5rem}.search-section h3{font-weight:700;color:#05668d;margin-bottom:.8rem}.search-bar{display:flex;gap:1rem;flex-wrap:wrap}.search-bar input{flex-grow:1;padding:.7rem 1rem;font-size:1rem;border-radius:30px;border:2px solid #02c39a;transition:border-color .3s ease;outline-offset:2px}.search-bar input:focus{border-color:#028090;outline:none}.btn-search{background:#028090;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:30px;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #028090b3;transition:background-color .3s ease}.btn-search:hover{background:#05668d}.files-section{margin-bottom:3rem}.files-section h3{font-weight:700;color:#05668d;margin-bottom:1rem;border-bottom:3px solid #02c39a;padding-bottom:.3rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.file-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #02c39a26;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .3s ease,transform .3s ease;height:320px}.file-card:hover{box-shadow:0 10px 30px #02c39a59;transform:translateY(-6px)}.file-img{width:100%;height:220px;object-fit:cover;transition:transform .4s ease;border-bottom:3px solid #02c39a}.file-card:hover .file-img{transform:scale(1.05)}.file-info{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;font-weight:600;font-size:1rem;color:#344050}.btn-perm{background:#02c39a;color:#fff;border:none;padding:.5rem 1rem;border-radius:30px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #02c39a80;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.btn-perm:hover{background:#028090;box-shadow:0 6px 18px #028090b3}.no-files{font-style:italic;color:#667085;margin-top:1rem}.about-section{max-width:720px;margin:0 auto 4rem;background:#d9f0f0;padding:2.5rem 2rem;border-radius:25px;box-shadow:0 8px 20px #02c39a26;color:#05445e}.about-section h3{font-size:2rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.about-section p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;text-align:center}.modal-backdrop{position:fixed;inset:0;background:#0000004d;display:flex;justify-content:center;align-items:center;z-index:2000}.modal{background:#fff;border-radius:20px;max-width:420px;width:90%;padding:2rem 2.5rem;box-shadow:0 10px 30px #00000026;color:#344050}.modal h3{margin-bottom:1rem;font-weight:700;color:#05668d;text-align:center}.modal input[type=file],.modal input[type=text]{width:100%;padding:.7rem 1rem;margin-bottom:1rem;border-radius:25px;border:2px solid #02c39a;font-size:1rem;transition:border-color .3s ease;outline-offset:2px}.modal input[type=file]:focus,.modal input[type=text]:focus{border-color:#028090;outline:none}.selected-file{margin-bottom:1rem;font-style:italic;color:#667085;text-align:center}.modal-buttons{display:flex;justify-content:space-between;gap:1rem}.btn-submit{flex-grow:1;background:#02c39a;color:#fff;border:none;padding:.7rem 1rem;font-weight:700;font-size:1.1rem;border-radius:30px;cursor:pointer;box-shadow:0 6px 18px #02c39a99;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.btn-submit:hover{background:#028090;box-shadow:0 8px 25px #028090cc}.btn-cancel{flex-grow:1;background:#e0e0e0;color:#344050;border:none;padding:.7rem 1rem;font-weight:600;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.btn-cancel:hover{background:#c4c4c4}.perm-address-list{margin-top:1.5rem}.perm-address-list h4{font-weight:700;color:#05668d;margin-bottom:.7rem;text-align:center}.perm-address-list ul{max-height:140px;overflow-y:auto;padding-left:1.2rem;color:#344050}.perm-address-list li{padding:.25rem 0;border-bottom:1px solid #02c39a33;font-weight:600;font-size:.95rem}.no-permissions{color:#667085;font-style:italic;text-align:center}.footer{background:#02c39a;color:#fff;padding:1.5rem 2rem;text-align:center;font-weight:600;font-size:.95rem;-webkit-user-select:none;user-select:none;box-shadow:0 -4px 20px #02c39ab3}@media (max-width: 768px){.files-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.file-card{height:280px}.file-img{height:180px}.btn-perm,.btn-add,.btn-submit,.btn-cancel,.btn-search{font-size:1rem;padding:.6rem 1.2rem}}@media (max-width: 480px){.files-grid{grid-template-columns:1fr}.file-card{height:auto}.file-img{height:220px;border-radius:15px 15px 0 0}.file-info{flex-direction:column;gap:.8rem;font-size:1rem}.btn-perm{width:100%;padding:.75rem 0;border-radius:25px}.header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){body{font-size:1.1rem}.search-bar{flex-direction:column}.search-bar input,.btn-search{width:100%}.btn-search{margin-top:.8rem}.files-grid{grid-template-columns:1fr;gap:2rem}.file-card{height:auto}.file-img{height:auto;max-height:200px;width:100%;border-radius:15px 15px 0 0;object-fit:cover}.file-info{flex-direction:column;gap:.5rem}.btn-perm{width:100%;padding:.75rem 0;font-size:1.1rem;border-radius:25px}.header{flex-direction:column;align-items:flex-start;gap:1rem}.modal{padding:1.5rem 1.8rem}.about-section{padding:2rem 1.5rem}}@media (max-width: 480px){body{font-size:1.15rem}.btn-search,.btn-perm,.btn-submit,.btn-cancel{font-size:1.2rem;padding:1rem 1.2rem}.files-section h3,.search-section h3{font-size:1.5rem}.about-section h3{font-size:1.6rem}.search-bar input,.modal input[type=file],.modal input[type=text]{padding:1rem 1.2rem}.file-card:hover{box-shadow:0 6px 15px #02c39a40;transform:none}}.about-section{background:#eaf9f8;padding:3rem 2rem;border-radius:15px;max-width:900px;margin:3rem auto;box-shadow:0 10px 30px #02c39a26;color:#0b3c49;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;line-height:1.6;transition:background .3s ease}.about-section h3{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#028c81;letter-spacing:1.5px;text-transform:uppercase;text-shadow:1px 1px 3px rgba(2,195,154,.3)}.about-section p{font-size:1.1rem;max-width:700px;margin:0 auto;color:#05494d}.about-section:hover{background:#d2f2f0;box-shadow:0 12px 40px #02c39a4d}@media (max-width: 768px){.about-section{padding:2rem 1rem}.about-section h3{font-size:2rem}.about-section p{font-size:1rem}}@media (max-width: 480px){.about-section h3{font-size:1.7rem}.about-section p{font-size:.95rem}}