:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-screen{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:fixed;top:0;left:0;z-index:9999}.loading-container{text-align:center;padding:40px}.loading-bar-wrapper{width:300px;height:6px;background:#fff3;border-radius:10px;overflow:hidden;margin-bottom:30px;box-shadow:0 0 20px #ffffff1a}.loading-bar{height:100%;width:100%;background:linear-gradient(90deg,#00d4ff,#09f,#667eea);border-radius:10px;animation:loadingProgress 2s ease-in-out forwards;box-shadow:0 0 15px #00d4ff99}@keyframes loadingProgress{0%{width:0%}80%{width:85%}to{width:100%}}.loading-text{color:#fff;font-size:1.2em;font-weight:500;letter-spacing:1px;animation:fadeInUp .6s ease-out .3s both}@media(max-width:768px){.loading-bar-wrapper{width:250px}.loading-text{font-size:1em}}@media(max-width:480px){.loading-container{padding:30px 20px}.loading-bar-wrapper{width:200px}.loading-text{font-size:.9em;letter-spacing:.5px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-page{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;position:relative}.home-container{text-align:center;max-width:800px;width:100%;animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.home-container h1{font-size:4em;margin-bottom:20px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.2}@media(max-width:768px){.home-container h1{font-size:2.5em}.home-container p{font-size:1em}.view-btn{padding:20px 15px;font-size:.95em}.user-name{font-size:1.2em}}@media(max-width:480px){.home-container h1{font-size:1.8em}.home-container p{font-size:.9em;margin-bottom:30px}.view-btn{padding:15px 12px;font-size:.85em;gap:8px}.user-name{font-size:1em}.view-label{font-size:.75em}}.home-container p{font-size:1.1em;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.3);margin-bottom:40px}.user-buttons{display:flex;gap:20px;flex-direction:column}.view-btn{padding:30px 20px;border:none;border-radius:10px;cursor:pointer;font-size:1em;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.nameer-view{background:linear-gradient(135deg,#667eea,#5a67d8)}.nameer-view:hover{transform:translateY(-5px);box-shadow:0 10px 25px #667eea66}.nameer-view .user-name,.nameer-view .view-label{color:#fff}.lyman-view{background:linear-gradient(135deg,#4ade80,#10b981)}.lyman-view:hover{transform:translateY(-5px);box-shadow:0 10px 25px #4ade8066}.view-label{font-size:.85em;opacity:.9}.user-name{font-size:1.5em}.admin-footer{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 20px;background:#fffffff2;border-radius:30px;box-shadow:0 5px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-links{display:flex;align-items:center;gap:20px;font-size:.9em}.admin-link{background:none;border:none;color:#666;cursor:pointer;text-decoration:none;font-size:.9em;transition:all .3s ease;padding:5px 0}.admin-link:hover{color:#333;font-weight:600}.nameer-admin:hover{color:#667eea}.lyman-admin:hover{color:#10b981}.admin-divider{color:#ccc;opacity:.5}@media(max-width:600px){.home-container{padding:40px 20px}.home-container h1{font-size:2em}.admin-footer{bottom:15px;padding:10px 15px}.admin-links{gap:15px;font-size:.85em}.admin-link{font-size:.85em}}.file-preview-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:stretch;justify-content:center;z-index:1000;padding:10px}.file-preview-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:1400px;height:auto;max-height:calc(100vh - 20px);display:flex;flex-direction:column;overflow:hidden}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;gap:15px;flex-shrink:0}.preview-title-container{flex:1;text-align:center;min-width:0}.preview-title{margin:0;font-size:1.3em;font-weight:600;color:#1a202c;overflow-wrap:break-word;word-wrap:break-word}@media(max-width:768px){.preview-title{font-size:1em}.preview-header{padding:10px 12px;gap:8px;flex-wrap:wrap}.preview-nav-btn{width:32px;height:32px;font-size:1em}.preview-close{width:28px;height:28px;font-size:1.2em}.preview-file-count{font-size:.75em}}@media(max-width:480px){.preview-title{font-size:.9em}.preview-header{padding:8px 10px;gap:5px}.preview-nav-btn{width:28px;height:28px;font-size:.9em}.preview-modal{border-radius:8px}}.preview-file-count{margin:5px 0 0;font-size:.85em;color:#6b7280}.preview-nav-btn{background:#667eea;color:#fff;border:none;width:40px;height:40px;border-radius:6px;cursor:pointer;font-size:1.2em;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;flex-shrink:0}.preview-nav-btn:hover:not(:disabled){background:#5568d3;transform:scale(1.05)}.preview-nav-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.preview-close{background:none;border:none;font-size:1.5em;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.preview-close:hover{background:#e5e7eb;color:#1a202c}.preview-content{flex:1;overflow:auto;padding:10px;background:#fff;min-height:0}.preview-image-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;min-height:0}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.preview-pdf-container{height:100%;width:100%;display:flex;flex-direction:column}.preview-pdf{width:100%;flex:1;border:none;border-radius:8px;min-height:0}.preview-html-container{height:100%;width:100%;display:flex;flex-direction:column}.preview-html{width:100%;flex:1;border:none;border-radius:8px;min-height:0}.preview-docx-container{height:100%;width:100%;display:flex;flex-direction:column}.preview-docx{width:100%;flex:1;border:none;border-radius:8px;min-height:0}.preview-text-container{height:100%;width:100%;display:flex;flex-direction:column;min-height:0}.preview-text-message{color:#6b7280;font-size:.9em;margin-bottom:5px;flex-shrink:0}.preview-text{flex:1;width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-family:Monaco,Courier New,monospace;font-size:.85em;line-height:1.5;min-height:0}.preview-video-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#000;border-radius:8px;min-height:0}.preview-video{width:100%;height:100%;border-radius:8px}.preview-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.preview-unsupported p{margin:10px 0;font-size:1em}.preview-footer{display:flex;gap:10px;padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;justify-content:flex-end;flex-shrink:0}.preview-footer .download-btn{background:#667eea;color:#fff;padding:10px 20px}.preview-footer .download-btn:hover{background:#5568d3}.preview-footer .close-btn{background:#e5e7eb;color:#1a202c;padding:10px 20px}.preview-footer .close-btn:hover{background:#d1d5db}@media(max-width:1024px){.file-preview-modal{max-width:90vw;max-height:90vh}.preview-title{font-size:1.1em}}@media(max-width:768px){.file-preview-modal{max-width:95vw;max-height:85vh}.preview-header{padding:15px 20px;gap:10px}.preview-title{font-size:1em}.preview-nav-btn{width:35px;height:35px;font-size:1em}.preview-content{padding:15px}.preview-footer{padding:15px 20px;flex-direction:column}.preview-footer .download-btn,.preview-footer .close-btn{width:100%}.preview-file-count{font-size:.75em}}.category-section{border-bottom:1px solid #e5e7eb;position:relative;transition:background .2s ease}.category-section:hover{background:#fafbfc}.category-section:last-child{border-bottom:none}.category-header{width:100%;padding:18px 30px;background:transparent;border:none;text-align:left;cursor:pointer;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:all .3s ease;font-size:.95em;font-family:inherit;gap:20px;outline:none}.category-header:hover{background:#f3f4f6}.category-header:focus{outline:none;box-shadow:none}.category-header:active{outline:none}.category-title{font-size:1.1em;font-weight:600;color:#1a202c;letter-spacing:.3px;text-align:left}.header-actions{display:flex;align-items:center;gap:0;justify-content:flex-end}.expand-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;cursor:pointer;transition:all .3s ease;border-radius:6px;padding:0 8px}.expand-toggle:hover{background:#f3f4f6}.toggle-arrow{display:inline-block;font-size:1.2em;color:#667eea;transition:transform .3s ease;font-weight:700;line-height:1}.toggle-arrow.expanded{transform:rotate(90deg)}.section-rename-btn{color:#10b981;padding:4px 12px;border-radius:4px 0 0 4px}.section-rename-btn:hover{background:#10b9811a;color:#10b981}.header-divider{width:1px;height:24px;background:#ef4444}.section-delete-btn{color:#ef4444;padding:4px 12px;border-radius:0 4px 4px 0}.section-delete-btn:hover{background:#ef44441a;color:#ef4444}.category-toggle{display:none}.rename-section-form{display:flex;gap:8px;padding:12px 30px;background:#f8f9fa;border-bottom:1px solid #e5e7eb;align-items:center;width:100%;box-sizing:border-box}.rename-section-input{flex:1;padding:8px 12px;border:1px solid #667eea;border-radius:6px;font-size:1.1em;font-weight:600;font-family:inherit}.rename-section-input:focus{outline:none;box-shadow:0 0 0 3px #667eea1a}.rename-section-form .confirm-btn{background:#10b981;color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9em}.rename-section-form .confirm-btn:hover{background:#059669}.rename-section-form .cancel-btn{background:#ef4444;color:#fff;border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9em}.rename-section-form .cancel-btn:hover{background:#dc2626}.category-content{padding:0 30px 20px;background:#fafbfc}.file-upload-section{margin-bottom:24px;padding:0}.upload-label{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;font-weight:600;font-size:.95em;border:none;border-radius:8px;transition:all .3s ease;width:100%;box-sizing:border-box}.upload-label:hover{box-shadow:0 8px 24px #667eea59;transform:translateY(-2px)}.upload-icon{font-size:1.2em;font-weight:700}.file-input{display:none}.files-container{display:flex;flex-direction:column;gap:0}.file-entry{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;transition:all .3s ease}.file-entry:hover{border-color:#667eea;background:#f8faff;box-shadow:0 2px 8px #667eea14}.file-icon{font-size:1.3em;flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{color:#1a202c;font-size:.9em;font-weight:500;word-break:break-all;line-height:1.4}.file-path{margin-bottom:6px}.path-label{font-size:.75em;color:#999;font-weight:400;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.file-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{display:flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease;padding:6px 12px;white-space:nowrap;font-family:inherit}.download-btn{color:#667eea;text-decoration:none}.download-btn:hover{background:#dbeafe;color:#667eea}.view-btn{color:#8b5cf6;text-decoration:none}.view-btn:hover{background:#ede9fe;color:#8b5cf6}.delete-btn{color:#ef4444}.delete-btn:hover{background:#fee2e2;color:#991b1b}.edit-btn{color:#10b981}.edit-btn:hover{background:#f0fdf4;color:#10b981}.confirm-btn{color:#10b981}.confirm-btn:hover{background:#f0fdf4;color:#10b981}.cancel-btn{color:#ef4444}.cancel-btn:hover{background:#fef2f2;color:#ef4444}.rename-form{flex:1;display:flex;align-items:center;gap:8px;width:100%}.rename-input{flex:1;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:.93em;font-family:inherit;transition:all .2s ease}.rename-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{padding:12px 14px;background:#fef2f2;border-left:3px solid #ef4444;border-radius:6px;color:#991b1b;margin-bottom:15px;font-size:.85em;font-weight:500}.loading{padding:40px 20px;text-align:center;color:#a0aec0;font-size:.9em;font-style:italic}.empty-state{padding:60px 30px;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;transition:all .3s ease;margin-bottom:20px;min-height:500px;display:flex;align-items:center;justify-content:center}.empty-state.drag-active{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#f5f3ff);box-shadow:inset 0 0 20px #667eea1a}.empty-state-content{max-width:400px}.empty-state-icon{font-size:5em;margin-bottom:16px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:1.5em;font-weight:700;color:#1a202c;margin:16px 0 12px}.empty-state-description{font-size:.95em;color:#64748b;margin-bottom:28px;line-height:1.5}.empty-state-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:.95em;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#f8faff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.btn-secondary:active{transform:translateY(0)}.empty-state-form{display:flex;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.empty-state-form .folder-input{padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:.95em;font-family:inherit;margin-bottom:8px}.empty-state-form .folder-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.empty-state-form .folder-submit,.empty-state-form .folder-cancel{padding:8px 16px;font-size:.9em}.empty-state-form>div:last-of-type{display:flex;gap:16px;justify-content:center}.content-summary{display:flex;align-items:center;justify-content:center;gap:36px;padding:24px 20px;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border:2px solid #dcdfe6;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #0000000d}.summary-item{display:flex;flex-direction:column;align-items:center;gap:6px}.summary-label{font-weight:600;color:#64748b;font-size:.85em;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-weight:800;color:#667eea;font-size:28px}.summary-divider{width:2px;height:50px;background:#cbd5e1}.expanded-upload-section{display:flex;justify-content:center;align-items:center;margin:20px 0 28px;padding:16px;background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border:2px dashed #667eea;border-radius:8px;min-height:60px}.expanded-upload-section label{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;min-width:180px!important;font-weight:600!important;cursor:pointer!important}.expanded-upload-section .btn{min-width:180px;font-weight:600}.btn-sm{padding:10px 18px;font-size:.9em}.paste-bar,.move-btn{display:none}.gallery-section{margin-bottom:28px}.gallery-title,.documents-title,.other-files-title{font-size:1em;font-weight:600;color:#1a202c;margin-bottom:14px;letter-spacing:.3px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.image-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;transition:all .3s ease}.image-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.image-container{width:100%;height:140px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.thumbnail{width:100%;height:100%;object-fit:cover}.image-footer{padding:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-top:1px solid #e5e7eb;background:#fafbfc}.image-name{font-size:.8em;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.image-footer .file-path{margin-bottom:4px}.image-footer .path-label{font-size:.7em;color:#999}.image-actions{display:flex;gap:12px;justify-content:center;width:100%;flex-wrap:wrap}.documents-section,.other-files-section{margin-bottom:20px}.documents-list,.files-list{display:flex;flex-direction:column;gap:10px}.document-entry{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s ease}.document-entry:hover{border-color:#667eea;background:#f8faff;box-shadow:0 2px 8px #667eea14}.path-navigation{padding:12px 0;margin:0 0 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.9em}.path-btn{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:none;padding:4px 0;font-weight:500;transition:all .2s ease}.path-btn:hover{text-decoration:underline;color:#764ba2}.path-separator{color:#ccc;margin:0 4px}.folders-section{margin-bottom:28px;background:transparent;padding:0}.folders-title{font-size:1em;font-weight:700;color:#1a202c;margin:0 0 14px;text-transform:none;letter-spacing:.3px}.folders-list{display:flex;flex-direction:column;gap:6px}.folder-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;background:#fafafa;border:1px solid #f0f0f0;transition:all .2s ease}.folder-entry:hover{background:#fff;border-color:#e5e5e5}.folder-entry:hover .edit-btn,.folder-entry:hover .delete-btn{opacity:1}.folder-name-btn{flex:1;background:none;border:none;color:#333;cursor:pointer;text-align:left;padding:0;border-radius:0;font-weight:500;transition:all .2s ease;font-family:inherit;font-size:.93em}.folder-name-btn:hover{background:none;color:#667eea}.folder-entry .edit-btn,.folder-entry .delete-btn{opacity:.3;transition:opacity .2s ease}.folder-entry .edit-btn:hover,.folder-entry .delete-btn:hover{opacity:1}.folder-create-row{margin-top:8px}.folder-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#f5f7fa,#f9fafb);border:2px solid #e5e7eb;color:#667eea;cursor:pointer;padding:12px 20px;border-radius:8px;font-weight:600;font-size:.95em;transition:all .3s ease;font-family:inherit}.folder-create-btn:hover{border-color:#667eea;background:#f8faff;color:#764ba2;box-shadow:0 4px 12px #667eea26}.folder-form{display:flex;gap:8px;padding:4px 8px;align-items:center}.folder-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.95em;transition:all .2s ease}.folder-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.folder-submit,.folder-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:1em;transition:all .2s ease;font-family:inherit}.folder-submit{color:#10b981}.folder-submit:hover{background:#f0fdf4;color:#10b981}.folder-cancel{color:#ef4444}.folder-cancel:hover{background:#fef2f2;color:#ef4444}@media(max-width:768px){.category-header{padding:14px 20px;font-size:.9em;gap:12px}.category-title{font-size:1em}.expand-toggle{width:28px;height:28px;padding:0 6px}.section-rename-btn,.section-delete-btn{padding:3px 8px;font-size:.85em}.category-content{padding:0 20px 15px}.rename-section-form{padding:10px 20px}}@media(max-width:600px){.category-header{padding:12px 15px;font-size:.85em;gap:8px;grid-template-columns:1fr auto}.category-title{font-size:.95em;word-wrap:break-word;overflow-wrap:break-word}.expand-toggle{width:24px;height:24px;padding:0 4px}.section-rename-btn,.section-delete-btn{padding:2px 6px;font-size:.75em}.header-divider{display:none}.category-content{padding:0 15px 12px}.rename-section-form{padding:8px 12px}.path-navigation{padding:8px 0;margin:0 0 12px;font-size:.85em}.empty-state{padding:40px 20px;min-height:400px}.empty-state-icon{font-size:3.5em}.empty-state-title{font-size:1.2em}.empty-state-description{font-size:.9em}.empty-state-actions{flex-direction:column;gap:10px}.btn{padding:10px 16px;font-size:.9em;gap:6px}.folder-form{flex-direction:column}.folder-input{width:100%}.folder-create-btn,.folder-submit,.folder-cancel{width:32px;height:32px;padding:0}.folders-title{font-size:.85em;margin:0 0 8px}.folder-entry{padding:10px 12px}.folder-name-btn{font-size:.88em}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.image-container{height:120px}.category-header{padding:14px 20px}.category-content{padding:0 20px 15px}.file-entry{padding:12px 14px}.expand-toggle{padding:6px}.toggle-arrow{font-size:1em}.header-actions{gap:0}.section-rename-btn,.section-delete-btn,.action-btn{padding:4px 8px;font-size:.85em}}.folder-entry[draggable=true],.image-card[draggable=true],.document-entry[draggable=true],.file-entry[draggable=true]{cursor:grab;transition:all .2s ease}.folder-entry[draggable=true]:active,.image-card[draggable=true]:active,.document-entry[draggable=true]:active,.file-entry[draggable=true]:active{cursor:grabbing}.folder-entry[draggable=true]:hover,.document-entry[draggable=true]:hover,.file-entry[draggable=true]:hover{background-color:#f5f5f5;border-radius:4px}.image-card[draggable=true]:hover{transform:scale(1.02)}.upload-status{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;padding:16px;margin-bottom:20px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.upload-progress{display:flex;align-items:flex-start;gap:12px}.upload-spinner{font-size:1.5em;animation:spin 1s linear infinite;flex-shrink:0;padding-top:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-info{flex:1}.upload-title{margin:0 0 8px;font-weight:600;color:#1565c0;font-size:.95em}.upload-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.upload-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffffb3;border-radius:4px;font-size:.9em;color:#0d47a1}.upload-icon{font-size:1em}.user-page{min-height:100vh;background:#f8f9fa}.nameer-page{background:#fcf5c7}.lyman-page{background:#96c3ce}.page-nav{padding:16px 0;border-bottom:none;position:sticky;top:0;z-index:10}.nameer-page .page-nav{background:#e8e0a4}.lyman-page .page-nav{background:#6aafbb}.back-btn{margin-left:20px;background:transparent;border:none;color:#667eea;font-weight:500;font-size:.95em;cursor:pointer;transition:all .3s ease;padding:8px 0}.back-btn:hover{color:#764ba2;transform:translate(-3px)}.nameer-page .back-btn{color:#4a3f35}.nameer-page .back-btn:hover{color:#2a2a2a}.lyman-page .back-btn{color:#fff}.lyman-page .back-btn:hover{color:#f0f0f0}.page-container{max-width:1000px;margin:0 auto;padding:40px 20px}.portfolio-header{margin-bottom:40px;position:relative}.portfolio-header h1{font-size:3.5em;font-weight:800;color:#1a202c;margin:0 0 8px;letter-spacing:-1px}@media(max-width:768px){.portfolio-header h1{font-size:2em}.portfolio-tagline{font-size:.95em}.page-container{padding:20px 15px}}@media(max-width:480px){.portfolio-header h1{font-size:1.5em}.portfolio-tagline{font-size:.85em}.page-container{padding:15px 12px}.back-btn{margin-left:12px;font-size:.85em}}.portfolio-tagline{font-size:1.1em;color:#718096;margin:0;font-weight:400;letter-spacing:.5px}.admin-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75em;font-weight:600;margin-top:12px;letter-spacing:.5px}.admin-panel{background:#fff;padding:25px 30px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:30px}.add-category h3{margin:0 0 15px;font-size:1em;color:#1a202c;font-weight:600}.add-category form{display:flex;gap:10px}.category-input{flex:1;padding:12px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95em;transition:all .3s ease;font-family:inherit}.category-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.add-btn{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.95em;transition:all .3s ease;white-space:nowrap}.add-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}@media(max-width:768px){.admin-panel{padding:20px;margin-bottom:20px}.add-category form{gap:8px}.category-input{font-size:.9em;padding:10px 12px}.add-btn{padding:10px 16px;font-size:.9em}.add-category h3{font-size:.95em;margin-bottom:12px}.admin-badge{font-size:.7em;padding:5px 10px;margin-top:10px}}@media(max-width:480px){.admin-panel{padding:15px;margin-bottom:15px;border-radius:8px}.add-category h3{font-size:.85em;margin-bottom:10px}.add-category form{flex-direction:column;gap:8px}.category-input{font-size:.85em;padding:9px 10px;width:100%}.add-btn{padding:9px 14px;font-size:.85em;width:100%}.admin-badge{font-size:.65em;padding:4px 8px}.portfolio-content{border-radius:8px}}.portfolio-content{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:0;overflow:hidden}.categories-list{divide-y:1px}.error-message{padding:15px 20px;background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;color:#991b1b;margin-bottom:20px;font-size:.9em;font-weight:500}.loading,.empty-state{padding:40px 30px;text-align:center;color:#718096;font-size:.95em}@media(max-width:768px){.page-container{padding:30px 15px}.portfolio-header h1{font-size:2.5em}.add-category form{flex-direction:column}.add-btn{width:100%}}.login-page{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:60px 45px;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:420px;width:100%;position:relative}.back-btn-login{position:absolute;top:25px;left:25px;background:transparent;border:none;padding:0;cursor:pointer;font-weight:500;color:#667eea;font-size:.95em;transition:all .3s ease}.back-btn-login:hover{transform:translate(-3px);color:#764ba2}.login-container h1{font-size:2.2em;margin-top:20px;margin-bottom:8px;color:#333;font-weight:700;letter-spacing:-.5px}.login-container p{color:#888;margin-bottom:40px;font-size:.95em;font-weight:400;line-height:1.5}.login-options{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.login-btn{padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:1em;transition:all .3s ease;font-weight:600;color:#333;background:#f9fafb}.nameer-login-btn{border-color:#e8e0a4;color:#8b7d52;background:#fcf5c7}.nameer-login-btn:hover{border-color:#6b5f38;background:#e8d975;color:#452a00;transform:translateY(-2px);box-shadow:0 5px 15px #8b7d524d}.lyman-login-btn{border-color:#6aafbb;color:#fff;background:#e8f4f7}.lyman-login-btn:hover{border-color:#1b4a55;background:#b3dfe8;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #2c5f6a4d}.password-wrapper{position:relative;display:flex;align-items:center;margin-bottom:24px}.password-input{flex:1;width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:10px 0 0 10px;font-size:1.2em;transition:all .3s ease;font-family:Courier New,monospace;background:#fafbfc;color:#1f2937;letter-spacing:4px}.password-input::placeholder{color:#d1d5db;letter-spacing:normal}.password-input:autofill,.password-input:autofill:hover,.password-input:autofill:focus{-webkit-autofill-text-fill-color:#1f2937!important;color:#1f2937!important}.password-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.show-password-btn{padding:14px;border:2px solid #e5e7eb;border-left:none;border-radius:0 10px 10px 0;background:#fafbfc;cursor:pointer;font-size:1.1em;transition:all .3s ease;border-color:#e5e7eb}.show-password-btn:hover{background:#f3f4f6;border-color:#667eea}.show-password-btn:focus{outline:none}.login-submit-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:1em;transition:all .3s ease;margin-bottom:20px;letter-spacing:.3px}.login-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea59}.error-message{padding:12px 14px;background:#fef2f2;border-left:3px solid #ef4444;border-radius:8px;color:#991b1b;margin-bottom:20px;font-size:.9em;font-weight:500}.hint{text-align:center;color:#b0b9c6;font-size:.85em;margin-top:0;font-weight:400;letter-spacing:.2px}@media(max-width:768px){.login-container{padding:40px 30px;border-radius:15px}.login-container h1{font-size:1.8em;margin-top:15px}.login-container p{font-size:.9em;margin-bottom:30px}.password-input{font-size:1em;padding:12px 14px}.show-password-btn{padding:12px;font-size:.95em}.login-submit-btn{padding:12px 16px;font-size:.95em}.login-btn{font-size:.95em;padding:12px 14px}.error-message{font-size:.85em;padding:10px 12px}}@media(max-width:600px){.login-container{padding:30px 20px;border-radius:12px;max-width:100%}.back-btn-login{top:15px;left:15px;font-size:.85em}.login-container h1{font-size:1.5em;margin-top:10px;margin-bottom:5px}.login-container p{font-size:.85em;margin-bottom:25px}.password-wrapper{margin-bottom:18px}.password-input{font-size:1em;padding:10px 12px}.show-password-btn{padding:10px;font-size:.9em}.login-submit-btn{padding:10px 14px;font-size:.9em;margin-bottom:15px}.login-options{gap:10px;margin-bottom:0}.login-btn{font-size:.9em;padding:11px 12px}.error-message{font-size:.8em;padding:8px 10px;margin-bottom:15px}.hint{font-size:.75em}}