*{box-sizing:border-box}body{color:#4a3f3a;background:linear-gradient(135deg,#fdf6f3 0%,#f8e8e0 100%);min-height:100vh;margin:0;font-family:Poppins,sans-serif}h1,h2,h3{color:#6b4a4f;font-family:Playfair Display,serif}.page-container{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px 32px;box-shadow:0 10px 40px #6b4a4f1f}.card-wide{max-width:900px}.title{text-align:center;margin:0 0 8px;font-size:26px}.subtitle{text-align:center;color:#a68b85;margin:0 0 28px;font-size:14px}.form-group{flex-direction:column;gap:14px;display:flex}.input-field{border:1.5px solid #eeddd8;border-radius:12px;outline:none;padding:13px 16px;font-family:Poppins,sans-serif;font-size:15px;transition:border-color .2s}.input-field:focus{border-color:#c9938f}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9938f,#b97b7f);border:none;border-radius:12px;padding:14px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #b97b7f59}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:#b97b7f;cursor:pointer;background:0 0;border:1.5px solid #e7cac7;border-radius:10px;padding:10px 18px;font-family:Poppins,sans-serif;font-size:14px}.link-text{text-align:center;color:#8a7570;margin-top:20px;font-size:14px}.link-btn{color:#b97b7f;cursor:pointer;background:0 0;border:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;text-decoration:underline}.error-text{color:#c0392b;text-align:center;margin:0;font-size:13px}.success-text{color:#4a8b5c;text-align:center;font-size:14px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.qr-box{text-align:center;background:linear-gradient(135deg,#fdf6f3,#f8e8e0);border:1.5px solid #eeddd8;border-radius:16px;margin-bottom:32px;padding:28px}.qr-image{background:#fff;border-radius:12px;width:220px;height:220px;padding:10px;box-shadow:0 4px 16px #6b4a4f1a}.folder-grid{flex-wrap:wrap;gap:16px;display:flex}.folder-card{cursor:pointer;text-align:center;background:#fff;border:1.5px solid #f0e2dd;border-radius:14px;width:150px;padding:20px 12px;transition:transform .15s,box-shadow .15s}.folder-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #6b4a4f1f}.folder-icon{font-size:36px}.folder-name{color:#6b4a4f;margin:8px 0 4px;font-size:14px;font-weight:600}.folder-count{color:#a68b85;margin:0;font-size:12px}.photo-grid{flex-wrap:wrap;gap:10px;display:flex}.photo-thumb{object-fit:cover;border-radius:12px;width:150px;height:150px;transition:transform .15s;box-shadow:0 4px 12px #6b4a4f1a}.photo-thumb:hover{transform:scale(1.03)}.upload-label{color:#fff;cursor:pointer;background:linear-gradient(135deg,#c9938f,#b97b7f);border-radius:14px;margin-top:20px;padding:18px 28px;font-size:15px;font-weight:600;display:inline-block;box-shadow:0 6px 16px #b97b7f4d}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{width:100%;position:absolute;top:0;left:0}.no-print{display:none!important}}