.add-to-project-section svg,.projects-list-container svg,.project-detail-container svg,.project-items-container svg{max-width:1.5rem;max-height:1.5rem}.add-to-project-section svg,.project-list svg,.project-detail svg,.project-card svg,.project-item-config svg{flex-shrink:0}.add-to-project-section svg.inline,.project-item-config svg.inline,svg.w-4{width:1rem !important;height:1rem !important;max-width:1rem !important;max-height:1rem !important}svg.w-5{width:1.25rem !important;height:1.25rem !important;max-width:1.25rem !important;max-height:1.25rem !important}svg.w-6,.add-to-project-section button svg,.project-card button svg{width:1.5rem !important;height:1.5rem !important;max-width:1.5rem !important;max-height:1.5rem !important}.project-detail-container .bg-white svg{width:1.5rem !important;height:1.5rem !important;max-width:1.5rem !important;max-height:1.5rem !important}svg.w-12{width:3rem !important;height:3rem !important;max-width:3rem !important;max-height:3rem !important}svg.w-16{width:4rem !important;height:4rem !important;max-width:4rem !important;max-height:4rem !important}.add-to-project-section{max-width:100%}.add-to-project-section select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.5em 1.5em;padding-right:2.5rem}.add-to-project-section select:focus{box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(239,246,255,0))}.to-indigo-50{--tw-gradient-to:#eef2ff}.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,rgba(37,99,235,0))}.to-indigo-600{--tw-gradient-to:#4f46e5}.add-to-project-section button{position:relative;overflow:hidden}.add-to-project-section button:not(:disabled):hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.add-to-project-section button:not(:disabled):active{transform:scale(.98)}.project-card{position:relative;overflow:hidden}.project-card:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#3b82f6,#1d4ed8);opacity:0;transition:opacity .3s ease}.project-card:hover:before{opacity:1}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}[x-cloak]{display:none !important}.project-card,.project-card *{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}.add-to-project-section .flex-col{flex-direction:column}}@media (min-width:769px) and (max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card button,.project-card a{position:relative;overflow:hidden}.project-card button:after,.project-card a:after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.project-card button:hover:after,.project-card a:hover:after{width:300px;height:300px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{animation:fadeIn .3s ease}.modal-content{animation:slideUp .3s ease}.project-item-config{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-left:3px solid #3b82f6;transition:all .3s ease}.project-item-config:hover{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);box-shadow:0 2px 4px rgba(59,130,246,.1)}.project-item-config svg{filter:drop-shadow(0 1px 2px rgba(59,130,246,.3))}.config-option-bullet{color:#3b82f6;font-weight:700}.project-card .bg-gray-50{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)}.empty-projects{min-height:300px;display:flex;align-items:center;justify-content:center}.loading-shimmer{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}button:focus,a:focus,input:focus,textarea:focus,select:focus{outline:2px solid #3b82f6;outline-offset:2px}.add-to-project-section .bg-blue-50{background-color:#eff6ff}.add-to-project-section .border-blue-200{border-color:#bfdbfe}.add-to-project-section .text-blue-800{color:#1e40af}@media (max-width:640px){.add-to-project-section{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}@media print{.project-card{page-break-inside:avoid;break-inside:avoid;border:1px solid #e5e7eb !important;box-shadow:none !important}.project-card button,.modal-backdrop,.add-to-project-section{display:none !important}}