*{box-sizing:border-box}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#111827;background-color:#f4f7fb}body{margin:0;min-width:320px;background:linear-gradient(180deg,#f8fbff,#eef3fb)}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.main-content{max-width:1100px;margin:0 auto;padding:1rem}.navbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;border-bottom:1px solid #d9e2ef;background-color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.brand{font-size:1.15rem;font-weight:700;color:#2563eb}.nav-links{display:flex;gap:.5rem}.nav-link{padding:.5rem .8rem;border-radius:8px;color:#334155}.nav-link.active{background-color:#dbeafe;color:#1d4ed8}.nav-right{display:flex;align-items:center;gap:.8rem}.welcome-text{font-size:.9rem;color:#334155}.page{padding:1rem 0}.page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem}.page-header h1{margin:0;font-size:1.8rem}.page-header p{margin:.3rem 0 0;color:#64748b}.btn{border:none;border-radius:10px;padding:.6rem 1rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;cursor:pointer;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#e2e8f0;color:#0f172a}.card{background:#fff;border:1px solid #dce5f3;border-radius:14px;padding:1rem;margin-bottom:1rem;box-shadow:0 8px 18px #0f172a0f}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.link-button{color:#1d4ed8;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:1rem}.stat-card{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;border-radius:14px;padding:1rem}.stat-card h3{margin:0;font-size:2rem}.stat-card p{margin:.25rem 0 0}.folder-form h2{margin:0 0 .7rem}.inline-form{display:flex;gap:.6rem}.input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem .75rem;font-size:.95rem;background:#fff}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.folder-card{background:#fff;border-radius:14px;border:1px solid #dce5f3;padding:1rem;transition:transform .18s ease,box-shadow .18s ease}.folder-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a14}.folder-icon{font-size:1.7rem}.folder-card h3{margin:.5rem 0 .3rem}.folder-card p{margin:0;color:#64748b}.folder-list-compact{display:flex;flex-wrap:wrap;gap:.6rem}.folder-pill{background:#eff6ff;color:#1e3a8a;border-radius:999px;padding:.45rem .8rem;font-size:.85rem;font-weight:600}.image-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.image-card{border:1px solid #dce5f3;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px #0f172a14}.gallery-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.image-card-body{padding:.75rem}.image-card-body h4{margin:0}.auth-page{min-height:80vh;display:grid;place-items:center}.auth-card{width:min(420px,100%);background:#fff;border-radius:16px;border:1px solid #dce5f3;padding:1.2rem;box-shadow:0 10px 25px #1e293b14}.auth-card h2{margin:0}.auth-card p{color:#64748b}.auth-card .input{margin-bottom:.7rem}.auth-card .btn{width:100%;margin-top:.3rem}.auth-switch{margin-bottom:0;text-align:center;color:#334155}.auth-switch a{color:#1d4ed8;font-weight:600}.error-text{color:#dc2626;font-size:.9rem;margin:.4rem 0}.back-link{font-size:.9rem;color:#2563eb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:1rem;z-index:90}.modal{width:min(460px,100%);background:#fff;border-radius:16px;padding:1rem}.modal h3{margin:0 0 .8rem}.modal-form .input{margin-bottom:.7rem}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}@media (max-width: 768px){.navbar{flex-wrap:wrap}.page-header{flex-direction:column;align-items:stretch}.inline-form{flex-direction:column}}folder-card{display:flex;justify-content:center;align-items:center;flex-direction:column}