:root{--color-primary:#6b46c1;--color-primary-light:#8b5cf6;--color-secondary:#6c3;--color-secondary-light:#4ade80;--color-danger:#ef4444;--color-danger-light:#f87171;--color-text:#4a4a4a;--color-text-light:#6b7280;--color-background:#f8f9fa;--color-background-secondary:#e9ecef;--color-white:#fff;--color-border:#bbbdbf;--color-border-light:hsla(210,3%,74%,.2);--spacing-xs:2px;--spacing-sm:4px;--spacing-md:6px;--spacing-lg:10px;--spacing-xl:10px;--spacing-2xl:12px;--spacing-3xl:32px;--font-family:"Arial",Tahoma,Geneva,Verdana,sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:26px;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 2px 8px rgba(107,70,193,.06);--shadow-lg:0 6px 24px rgba(107,70,193,.1);--shadow-xl:0 4px 12px rgba(107,70,193,.25);--border-radius-sm:4px;--border-radius-md:6px;--border-radius-lg:8px;--border-radius-xl:10px;--border-radius-full:50%;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-modal:1050;--z-overlay:1100}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:linear-gradient(135deg,var(--color-background) 0,var(--color-background-secondary) 100%);min-height:100vh;color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:focus,input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px rgba(107,70,193,.3)}.header{background:var(--color-background);padding:var(--spacing-xl) 0;box-shadow:var(--shadow-md);margin-bottom:var(--spacing-2xl);position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:200px;height:3px;background:linear-gradient(90deg,transparent 0,var(--color-primary) 50%,transparent 100%);border-radius:var(--border-radius-sm)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);justify-content:center;text-align:center}.header-content,.logo{display:flex;align-items:center}.logo{gap:var(--spacing-xl)}.logo-icon{width:135px;height:135px;background:url(https://boxedgorilla.com/wp-content/uploads/2023/04/cropped-BG-Logo.png) 50%/contain no-repeat;border-radius:var(--border-radius-xl);filter:drop-shadow(0 2px 6px rgba(0,0,0,.1))}.logo-text h1{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:600;margin:0}.logo-text p{color:var(--color-primary);font-size:var(--font-size-base);font-weight:500;margin-top:var(--spacing-xs)}.container{max-width:900px;margin:0 auto;padding:0 var(--spacing-xl)}.search-section{background:var(--color-white);border-radius:var(--border-radius-md);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center}.search-section h2{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.search-section p{color:var(--color-text);font-size:var(--font-size-base);margin-bottom:var(--spacing-xl)}.search-form{display:flex;gap:var(--spacing-md);max-width:450px;margin:0 auto;align-items:flex-start}.search-form input{flex:1 1;padding:var(--spacing-lg) var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-lg);font-family:var(--font-family);background:var(--color-white);transition:all var(--transition-base)}.search-form input:focus{border-color:var(--color-primary)}.search-btn{padding:var(--spacing-lg) var(--spacing-2xl);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-weight:600;font-size:var(--font-size-lg);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,70,193,.4)}.search-btn:active{transform:translateY(0)}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:linear-gradient(135deg,#fef2f2,#fef8f8);color:var(--color-danger);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);margin:var(--spacing-lg) 0;text-align:center;border:1px solid rgba(239,68,68,.2);box-shadow:0 3px 8px rgba(239,68,68,.1);animation:slideIn var(--transition-base)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.project-status{background:var(--color-white);border-radius:var(--border-radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);animation:fadeIn var(--transition-slow)}.project-status.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-header{border-bottom:2px solid #f0f0f0;padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.project-title{font-size:var(--font-size-2xl);color:var(--color-text);font-weight:600;margin-bottom:var(--spacing-md);word-wrap:break-word}.status-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.8px;box-shadow:var(--shadow-sm);white-space:nowrap}.status-not-started{background:var(--color-border);color:var(--color-text)}.status-bidding{background:var(--color-primary);color:var(--color-white)}.status-planning{background:var(--color-primary-light);color:var(--color-white)}.status-in-progress-rush{background:#ff6b6b;color:var(--color-white)}.status-in-progress{background:#4ecdc4;color:var(--color-white)}.status-awaiting-printing{background:#45b7d1;color:var(--color-white)}.status-hold-approval{background:#ffa726;color:var(--color-white)}.status-hold{background:#ff8a65;color:var(--color-white)}.status-approved-in-progress{background:var(--color-secondary);color:var(--color-white)}.status-need-invoice{background:#ba68c8;color:var(--color-white)}.status-awaiting-payment{background:#ffb74d;color:var(--color-white)}.status-outboarding{background:#81c784;color:var(--color-white)}.status-dead{background:#f44336;color:var(--color-white)}.status-done{background:var(--color-secondary);color:var(--color-white)}.status-needs-revision{background:var(--color-danger);color:var(--color-white)}.info-section{margin-bottom:var(--spacing-xl)}.info-section h3{color:var(--color-primary);font-size:var(--font-size-lg);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;margin-bottom:var(--spacing-md)}.rich-text-content{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary);box-shadow:0 1px 3px rgba(107,70,193,.04);color:var(--color-text);line-height:1.6;word-wrap:break-word}.client-activity-content .text-bold,.rich-text-content .text-bold{font-weight:700;display:block;margin:0 0 var(--spacing-xs);color:var(--color-text)}.client-activity-content .text-italic,.rich-text-content .text-italic{font-style:italic}.client-activity-content .text-underline,.rich-text-content .text-underline{text-decoration:underline}.client-activity-content .text-strikethrough,.rich-text-content .text-strikethrough{text-decoration:line-through}.client-activity-content .text-code,.rich-text-content .text-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f1f5f9;padding:var(--spacing-xs) var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:90%}.client-activity-content a,.rich-text-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid var(--color-primary);transition:all var(--transition-fast)}.client-activity-content a:hover,.rich-text-content a:hover{background:rgba(107,70,193,.1);color:var(--color-text)}.bg-content strong,.bg-content strong.text-bold,.client-activity-content strong,.client-activity-content strong.text-bold,.rich-text-content strong,.rich-text-content strong.text-bold{font-weight:700!important;font-family:inherit!important}.bg-content strong,.client-activity-content strong,.rich-text-content strong{font-weight:700!important}.bg-response-section{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:linear-gradient(135deg,#f3f0ff,#faf9ff);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-md);box-shadow:0 1px 3px rgba(107,70,193,.08)}.bg-response-badge{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xl);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px rgba(107,70,193,.15)}.bg-response-content{line-height:1.3;color:var(--color-text);margin-top:var(--spacing-md)}.bg-content{margin-bottom:var(--spacing-xl)}.client-activity-section{margin:var(--spacing-md) 0;padding:var(--spacing-md);border-radius:var(--border-radius-md);box-shadow:0 1px 3px rgba(0,0,0,.08)}.client-feedback-section{background:#f8fafc;border-left:4px solid #3b82f6}.client-approval-section{background:linear-gradient(135deg,#f0fdf4,#f7fef8);border-left:4px solid var(--color-secondary)}.change-request-section{background:linear-gradient(135deg,#fff7ed,#fffbf5);border-left:4px solid #f97316}.client-activity-badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-xl);display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);min-height:20px;line-height:1.2}.client-feedback-badge{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:var(--color-white)}.feedback-badge{background:linear-gradient(135deg,var(--color-danger) 0,var(--color-danger-light) 100%);color:var(--color-white)}.approval-badge{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-white)}.change-request-badge{background:linear-gradient(135deg,#f97316,#fb923c);color:var(--color-white)}.client-activity-content{line-height:1.4!important;color:var(--color-text);margin-top:0}.client-activity-content br{line-height:1.2!important;margin:0!important;padding:0!important}.links-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light)}.file-link{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--color-white);border:1px solid hsla(210,3%,74%,.3);border-radius:var(--border-radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);box-shadow:0 1px 4px rgba(0,0,0,.05)}.file-link:last-child{margin-bottom:0}.file-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,70,193,.15);border-color:var(--color-primary)}.file-info{gap:var(--spacing-md)}.file-icon,.file-info{display:flex;align-items:center}.file-icon{font-size:var(--font-size-xl);width:40px;height:40px;justify-content:center;background:#6c3;border-radius:var(--border-radius-md)}.file-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-xs)}.file-type{font-size:var(--font-size-xs);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px}.download-icon{font-size:var(--font-size-lg);color:var(--color-primary);opacity:.7;transition:all var(--transition-fast)}.file-link:hover .download-icon{opacity:1;transform:translateY(-1px)}.project-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background:var(--color-white);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:var(--font-family);box-shadow:0 1px 3px rgba(0,0,0,.05)}.project-button:last-child{margin-bottom:0}.project-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,70,193,.15);border-color:var(--color-primary)}.project-button:focus{outline:none;box-shadow:0 0 0 3px rgba(107,70,193,.3)}.project-status-dot{width:12px;height:12px;border-radius:var(--border-radius-full);margin-right:var(--spacing-md);flex-shrink:0}.project-info{flex:1 1}.project-name{font-weight:600;font-size:var(--font-size-base);color:var(--color-text);margin-bottom:var(--spacing-xs);line-height:1.4}.project-status-text{font-size:var(--font-size-sm);color:var(--color-text-light);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.project-arrow{font-size:var(--font-size-lg);color:var(--color-primary);opacity:.7;transition:all var(--transition-fast);margin-left:var(--spacing-md)}.project-button:hover .project-arrow{opacity:1;transform:translateX(2px)}.approval-section{background:linear-gradient(135deg,#fafafa,#f4f4f5);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin:var(--spacing-xl) 0}.approval-section h3{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-lg)}.feedback-section{margin-bottom:var(--spacing-xl)}.feedback-section label{display:block;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:var(--font-size-base)}.feedback-section textarea{width:100%;min-height:100px;padding:var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-family:var(--font-family);font-size:var(--font-size-base);resize:vertical;transition:all var(--transition-base)}.feedback-section textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(107,70,193,.1)}.action-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.action-buttons button,.feedback-buttons button{flex:1 1;padding:var(--spacing-lg) var(--spacing-xl);border:none;border-radius:var(--border-radius-md);font-weight:600;font-size:var(--font-size-base);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}#approveBtn{background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-light) 100%);color:var(--color-white)}#approveBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,204,51,.3)}#changesBtn{background:linear-gradient(135deg,#f97316,#fb923c);color:var(--color-white)}#changesBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(249,115,22,.3)}#submitFeedbackBtn{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:var(--color-white)}#submitFeedbackBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,70,193,.3)}.action-buttons button:disabled,.feedback-buttons button:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:500}.timeline{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg);background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light);margin:var(--spacing-xl) 0}.timeline-item{text-align:center}.timeline-label{font-size:var(--font-size-sm);color:var(--color-text-light);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.timeline-value{font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.contact-section{gap:var(--spacing-lg);background:linear-gradient(135deg,var(--color-text) 0,#374151 100%);color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl)}.contact-logo{width:60px;height:60px;background:url(https://boxedgorilla.com/wp-content/uploads/2023/04/cropped-BG-Logo.png) 50%/contain no-repeat;border-radius:var(--border-radius-md);flex-shrink:0}.contact-info h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-white)}.contact-info p{font-size:var(--font-size-base);color:hsla(0,0%,100%,.9);margin:0}.contact-info a{color:var(--color-white);text-decoration:none;border-bottom:1px solid hsla(0,0%,100%,.3);transition:all var(--transition-fast)}.contact-info a:hover{border-bottom-color:var(--color-white)}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*{max-width:100%}.pdf-viewer-modal *,.pdf-viewer-modal canvas,.pdf-viewer-modal img{max-width:none!important}@media (max-width:768px){html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,html{font-size:14px}.container,body{overflow-x:hidden}.container{width:100%;max-width:100vw}.container,.header-content{padding:0 var(--spacing-md)}.logo{flex-direction:column;gap:var(--spacing-md);text-align:center;padding-top:5px}.logo-icon{width:135px;height:135px}.logo-text h1{font-size:var(--font-size-2xl)!important}.logo-text p{font-size:var(--font-size-base)!important}.header{padding:var(--spacing-md) 0}.search-form{flex-direction:column;max-width:100%;width:100%}.search-form input{box-sizing:border-box}.search-btn,.search-form input{width:100%;font-size:16px}.project-status{padding:var(--spacing-lg);width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.approval-section,.links-container,.project-title,.rich-text-content{width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.timeline{grid-template-columns:1fr;gap:var(--spacing-md)}.action-buttons,.contact-section{flex-direction:column}.contact-section{text-align:center}.file-link,.project-button{padding:var(--spacing-md)}}@media (max-width:480px){.search-section{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-section h2{font-size:var(--font-size-lg)}.search-section p{font-size:var(--font-size-sm)}.project-title{font-size:var(--font-size-lg)}.logo-text h1{font-size:var(--font-size-lg)!important}.logo-text p{font-size:var(--font-size-xs)!important}.rich-text-content{padding:var(--spacing-md)}.container,.header-content{padding:0 var(--spacing-sm)}}.project-status.loading{opacity:.7;pointer-events:none}.project-status.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-top:3px solid var(--color-border-light);border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:var(--border-radius-full);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.hidden{display:none!important}.visible{display:block!important}.bg-content .text-bold,.bg-content strong,.client-activity-content .text-bold,.client-activity-content strong,.rich-text-content .text-bold,.rich-text-content strong{font-family:Arial,Helvetica,Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-size:1.07em!important;letter-spacing:.01em;background:none!important;display:inline!important;margin:0!important;padding:0!important;border:0!important}.bg-content,.client-activity-content,.rich-text-content{font-weight:400}.bg-content .text-bold,.bg-content strong,.client-activity-content .text-bold,.client-activity-content strong,.rich-text-content .text-bold,.rich-text-content strong{font-family:Arial,Helvetica,Segoe UI,sans-serif!important;font-weight:900!important;color:#181818!important}.contact-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;margin-top:30px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:8px}