@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}a.brxe-image{display:inline-block}figure.brxe-image{margin:0}:where(.brxe-image).tag{display:inline-block;height:fit-content;position:relative;width:auto}:where(.brxe-image).caption{position:relative}:where(.brxe-image).caption:has(figcaption.bricks-image-caption){overflow:hidden}:where(.brxe-image).overlay{position:relative}:where(.brxe-image).overlay:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}:where(.brxe-image):before{border-radius:inherit}:where(.brxe-image) a{border-radius:inherit;position:static;transition:inherit}:where(.brxe-image) picture{border-radius:inherit;transition:inherit}:where(.brxe-image) img{border-radius:inherit;height:100%;position:static!important;transition:inherit;width:100%}:where(.brxe-image) img.bricks-lazy-hidden+figcaption{display:none}:where(.brxe-image) .icon{color:#fff;font-size:60px;pointer-events:none;position:absolute;right:50%;text-align:center;top:50%;transform:translate(50%,-50%);z-index:5}:where(.brxe-image) .bricks-image-caption{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.25) 70%,transparent);bottom:0;color:#fff;font-size:inherit;margin:0;padding:10px 15px;pointer-events:none;position:absolute;text-align:center;width:100%;z-index:1}}@layer bricks {@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes scrolling{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}}:where(.brxe-search) button{align-items:center;background-color:transparent;cursor:pointer;display:flex;gap:.5em;height:40px;justify-content:center;width:60px}:where(.brxe-search) button svg:not([height]){height:inherit}.bricks-search-overlay{background-color:#fff;background-position:50%;background-size:cover;bottom:0;color:var(--bricks-text-medium);height:100%;left:0;opacity:0;position:fixed;right:0;text-align:center;top:0;transform:scale(1.1);transition:all .4s;visibility:hidden;width:100%;z-index:-1}.bricks-search-overlay:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.bricks-search-overlay.show{opacity:1;transform:scale(1);visibility:visible;z-index:999}.bricks-search-overlay .bricks-search-inner{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;z-index:1}.bricks-search-overlay .close{background-color:transparent;cursor:pointer;font-size:60px;line-height:1;position:fixed;right:30px;text-align:center;top:15px;z-index:1}.bricks-search-overlay .title{margin:0 0 1em}.bricks-search-overlay .bricks-search-form{max-width:600px}.bricks-search-overlay .bricks-search-form input[type=search]{background-color:transparent;border-radius:0;font-size:1.4em;line-height:60px;text-align:center;width:100%}}@layer bricks {.brxe-icon{font-size:60px}svg.brxe-icon{font-size:inherit}}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.modal-container { position: relative; width: 95%; max-width: 850px; height: 75vh; max-height: 85vh; background: #ffffff; border-radius: 24px; box-shadow: 0 30px 100px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; overflow: hidden; pointer-events: auto; cursor: default; margin: auto; animation: popupFadeIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;}.modal-header { position: relative; padding: 40px 40px 25px; border-bottom: 1px solid #f0f0f0; display: flex; flex-direction: column; align-items: center;  text-align: center; flex-shrink: 0;}.modal-title { font-size: 28px; font-weight: 800; margin: 0 0 20px 0;  color: #1d1d1f;}.search-container { position: relative; width: 100%; max-width: 400px; display: flex; align-items: center;}.search-icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 16px; color: #94a3b8; z-index: 5; pointer-events: none; display: block;}.popup-search { width: 100%;}.popup-search input[type="search"] { width: 100%; height: 48px; padding: 0 15px 0 40px; border-radius: 12px; border: 1px solid #edf2f7; background: #f8fafc; font-size: 15px; transition: all 0.3s ease; text-align: left;}.popup-search input[type="search"]:focus { outline: none; background: #ffffff; border-color: #0056fb; box-shadow: 0 0 0 4px rgba(0, 86, 251, 0.08);}@media (max-width: 767px) { .modal-title { font-size: 22px; margin-top: 10px;  } .modal-header { padding: 50px 20px 20px; }}.modal-content { padding: 30px 40px 40px; width: 100%; overflow-y: auto; flex: 1; -webkit-overflow-scrolling: touch;}.modal-content::-webkit-scrollbar { width: 6px; }.modal-content::-webkit-scrollbar-track { background: #f9f9f9; }.modal-content::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }.projects-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}.project-card { background: #ffffff; border: 1px solid #edf2f7; border-radius: 20px; padding: 12px; display: flex; align-items: center; gap: 15px; text-decoration: none; transition: all 0.3s ease;}.project-card:hover { transform: translateY(-4px); border-color: var(--color-accent); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.05);}.project-image-mini { width: 70px; height: 70px; border-radius: 14px; object-fit: cover; flex-shrink: 0;}.project-name { font-size: 17px; font-weight: 700; color: #1d1d1f; margin: 0 0 4px;}.project-status { font-size: 12px; color: #8a909b; display: flex; align-items: center; gap: 5px;}.status-dot, .dot-yellow, .dot-red { width: 6px; height: 6px; border-radius: 50%; }.status-dot { background: #10b981; }.dot-yellow { background: #ffd64e; }.dot-red { background: #df6c75; }.project-action-icon { font-size: 14px; color: #e1d7cb; transition: 0.3s; margin-left: auto;}.project-card:hover .project-action-icon { color: var(--color-accent); transform: translateX(3px); }@media (max-width: 767px) { .modal-header { flex-direction: column; padding: 45px 20px 20px; } .modal-content {padding-left: 20px; padding-right: 20px; } .modal-close { position: absolute; top: 15px; right: 15px; } .projects-grid { grid-template-columns: 1fr; } .modal-container { height: 85vh; } .modal-title { font-size: 20px; margin-bottom: 10px; }}