.projects-view[hidden],.projects-modal-layer[hidden]{display:none!important}
.projects-view{direction:rtl;flex:1;min-height:0;overflow:auto;padding:0 0 64px;color:#0a1f44;font:14px/28px Dana}
.projects-heading{height:64px;display:flex;align-items:center;justify-content:flex-start;gap:8px}
.projects-heading h1{margin:0;font-size:20px;line-height:32px;font-weight:600}
.projects-back{width:40px;height:40px;display:grid;place-items:center;border:1px solid #f2f2f2;border-radius:12px;background:#fff;padding:0}
.projects-back img{width:24px;height:24px}
.projects-content{width:min(976px,100%);margin:0 auto;display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding-top:0}
.projects-create{align-self:flex-end;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid #635bff;border-radius:12px;background:#635bff;color:#fff;font:500 16px/28px Dana}
.projects-create:hover{background:#554dde}.projects-create img{width:24px;height:24px;filter:brightness(0) invert(1)}
.projects-search{width:100%;height:56px;display:flex;align-items:center;gap:8px;padding:0 16px;border:1px solid #f2f2f2;border-radius:16px;background:#fff;box-shadow:0 0 5.5px rgba(0,0,0,.05)}
.projects-search img{width:24px;height:24px}.projects-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#0a1f44;font:14px/28px Dana;text-align:right}.projects-search input::placeholder{color:#8a94a6;opacity:1}
.projects-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-card{position:relative;height:94px;border:1px solid #f2f2f2;border-radius:16px;background:#fff;box-shadow:0 0 5.5px rgba(0,0,0,.05);overflow:visible;transition:border-color .14s,background-color .14s,box-shadow .14s}
.project-card:hover{border-color:#dedcff;background:#fcfbff;box-shadow:0 4px 14px rgba(99,91,255,.09)}.project-card.selected{border-color:color-mix(in srgb,var(--project-accent) 38%,#f2f2f2);background:color-mix(in srgb,var(--project-accent) 3%,white)}
.project-card-main{width:100%;height:100%;display:flex;direction:rtl;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:0;border-radius:16px;background:transparent;color:#0a1f44;text-align:right}
.project-card-main:hover{background:transparent}
.project-card-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:right}.project-card-title{max-width:210px;display:flex;direction:rtl;align-items:center;gap:8px;font-size:18px;line-height:30px;font-weight:500;white-space:nowrap}.project-card-title b{overflow:hidden;text-overflow:ellipsis;font:inherit}.project-card-title .project-mask{width:24px;height:24px}.project-card-copy small{max-width:210px;padding-inline-start:32px;color:#8a94a6;font-size:14px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-card-open{width:24px;height:24px;flex:none;transform:rotate(90deg)}
.project-card-actions{position:absolute;inset-inline-start:12px;top:31px;display:flex;direction:ltr;gap:4px;opacity:0;pointer-events:none;transition:opacity .14s}.project-card:hover .project-card-actions,.project-card:focus-within .project-card-actions{opacity:1;pointer-events:auto}.project-card:hover .project-card-open,.project-card:focus-within .project-card-open{opacity:0}
.project-card-action{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #f2f2f2;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(10,31,68,.08)}.project-card-action:hover{border-color:#cbc8ff;background:#f9f8ff}.project-card-action.danger:hover{border-color:#fecaca;background:#fff7f7}.project-card-action img{width:18px;height:18px}
.projects-empty{width:100%;min-height:180px;display:grid;place-items:center;border:1px dashed #dfe3ea;border-radius:16px;background:rgba(255,255,255,.72);color:#8a94a6;font-size:14px}
.project-mask{display:inline-block;flex:none;background:var(--project-color,#16a34a);-webkit-mask:var(--project-icon) center/contain no-repeat;mask:var(--project-icon) center/contain no-repeat}
.projects-modal-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.74);direction:rtl}
.project-modal{width:min(500px,calc(100vw - 32px));height:458px;display:flex;flex-direction:column;gap:32px;padding:32px;border-radius:16px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);color:#0a1f44;font-family:Dana}
.project-modal-header{height:56px;display:flex;flex-direction:column;gap:24px;border-bottom:1px solid #f2f2f2}.project-modal-header>div{height:32px;display:flex;align-items:center;justify-content:space-between}.project-modal-header h2{margin:0;font-size:18px;line-height:32px;font-weight:700}.project-modal-close{width:16px;height:16px;border:0;background:transparent;padding:0}.project-modal-close img{display:block;width:16px;height:16px}
.project-modal-form{display:flex;flex:1;min-height:0;flex-direction:column;gap:32px}.project-name-field{height:77px;display:flex;flex-direction:column;gap:8px}.project-name-field>span,.project-picker>span{color:#53627c;font-size:14px;line-height:21px}.project-name-field input{width:100%;height:48px;padding:0 16px;border:1px solid #f2f2f2;border-radius:12px;background:#fff;outline:0;color:#0a1f44;font:16px/28px Dana;text-align:right}.project-name-field input::placeholder{color:#8a94a6}.project-name-field input:focus{border-color:#635bff;box-shadow:0 0 0 3px rgba(99,91,255,.08)}.project-name-field input.invalid{border-color:#ef4444}
.project-picker{height:117px;display:flex;flex-direction:column;gap:16px}.project-picker-body{display:flex;flex-direction:column;gap:16px}.project-icon-picker,.project-color-picker{height:32px;display:flex;align-items:center;justify-content:space-between;direction:ltr}.project-icon-picker button,.project-color-picker button{width:32px;height:32px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:8px;transition:border-color .14s,background-color .14s,transform .14s}.project-icon-picker button{background:#f8f9fb}.project-icon-picker button:hover{background:#f1f2f6}.project-picker-mask{display:block;width:24px;height:24px;background:var(--project-color);-webkit-mask:var(--project-icon) center/contain no-repeat;mask:var(--project-icon) center/contain no-repeat}.project-icon-picker button.selected{border:1px solid var(--selected-color);background:color-mix(in srgb,var(--selected-color) 5%,white)}
.project-color-picker button{position:relative;background:var(--swatch)}.project-color-picker button:hover{transform:scale(1.06)}.project-color-picker button.selected{padding:2px;border:1px solid #0a1f44;background:#fff}.project-color-picker button span{display:none;width:100%;height:100%;place-items:center;border-radius:6px;background:var(--swatch);color:#fff;font-size:18px;line-height:1}.project-color-picker button.selected span{display:grid}
.project-modal-actions{height:48px;display:flex;gap:16px;direction:ltr}.project-modal-actions button{height:48px;border-radius:12px;padding:0 16px;font:500 16px/28px Dana}.project-modal-submit{flex:1;border:1px solid #635bff;background:#635bff;color:#fff}.project-modal-cancel{width:138px;border:1px solid #635bff;background:#fff;color:#635bff}.project-modal-submit:hover{background:#554dde}.project-modal-cancel:hover{background:rgba(99,91,255,.05)}
.project-delete-modal{width:min(500px,calc(100vw - 32px));padding:32px;border-radius:16px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);color:#0a1f44;font-family:Dana}.project-delete-modal .project-modal-header{margin-bottom:24px}.project-delete-modal p{margin:0 0 24px;color:#53627c;font-size:14px}.project-delete-modal .project-modal-submit{background:#ef4444;border-color:#ef4444}
#projectsPageButton{cursor:pointer}
.projects-group-title{direction:ltr}.projects-group-title .group-icons button,.projects-page-button{border:0;background:transparent;padding:0}.projects-group-title .group-icons button{width:24px;height:24px;display:grid;place-items:center}.projects-group-title .group-icons button:hover{border-radius:7px;background:rgba(99,91,255,.08)}.projects-group-title .group-icons button img{width:24px;height:24px}.projects-collapse[aria-expanded="false"] img{transform:rotate(180deg)}.projects-page-button{display:flex;align-items:center;gap:8px;color:inherit}.projects-group .group-items{max-height:clamp(132px,25vh,280px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8dce5 transparent}.projects-group .group-items::-webkit-scrollbar{width:4px}.projects-group .group-items::-webkit-scrollbar-thumb{border-radius:8px;background:#d8dce5}.project-side-item{direction:ltr;justify-content:flex-end;min-width:0;border-radius:8px}.project-side-item:hover{background:#f7f6ff}.project-side-item.selected{background:rgba(99,91,255,.08);color:#635bff}.project-side-name{min-width:0;overflow:hidden;text-overflow:ellipsis;direction:rtl;text-align:right;color:inherit!important}.project-side-icon{width:20px!important;height:20px!important}
@media(max-width:1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-content{padding-inline:16px}}
@media(max-width:760px){.projects-view{padding-bottom:24px}.projects-heading{height:54px}.projects-heading h1{font-size:17px}.projects-content{padding-inline:0}.projects-grid{grid-template-columns:1fr}.project-card-title,.project-card-copy small{max-width:calc(100vw - 150px)}.project-modal{height:auto;min-height:458px;padding:24px}.project-icon-picker,.project-color-picker{overflow-x:auto;justify-content:flex-start;gap:6px}.project-icon-picker button,.project-color-picker button{flex:0 0 32px}}