.edit-icon-btn{text-decoration:none!important;transition:all .2s ease;opacity:.6;border:none!important;background:none!important;padding:0!important;margin-left:8px}.edit-icon-btn:hover{opacity:1;transform:scale(1.15);text-decoration:none!important}.edit-icon-btn:focus{box-shadow:none!important;text-decoration:none!important;outline:none!important}@media print{.edit-icon-btn{display:none!important}}.auth-debug{font-family:monospace;background:#ffffff80;padding:4px 8px;border-radius:4px;margin-top:8px}.profile-edit-form{background:var(--about-background-color);border-radius:8px;padding:20px;border-left:4px solid var(--accent-color);margin-bottom:20px}.profile-edit-form .form-label{color:var(--default-color);font-weight:500}.profile-edit-form .form-control{border:2px solid var(--surface-color, --default-color);border-radius:6px;padding:10px 12px;transition:all .3s ease}.profile-edit-form .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem rgba(var(--accent-color),.1)}.profile-edit-form .form-control.is-invalid{border-color:var(--text-error-color)}.profile-edit-form .btn{border-radius:6px;font-weight:500;padding:8px 16px;transition:all .3s ease}.profile-edit-form .btn:hover:not(:disabled){transform:translateY(-1px)}.profile-edit-form .invalid-feedback{font-size:.875rem;font-weight:500}.profile-edit-form .form-text{font-size:.8rem;color:var(--default-color)}.profile-edit-form .text-danger{color:var(--text-error-color)!important}.global-edit-mode{background:linear-gradient(135deg,var(--text-warning-color) 0%,var(--text-warning-color) 100%);border:2px dashed var(--text-warning-color);border-radius:8px;padding:10px;margin-bottom:20px;text-align:center}.global-edit-mode .alert{background:rgba(var(--text-warning-color),.1);border-color:var(--text-warning-color);color:var(--text-warning-color);font-size:.9rem;padding:8px 12px;margin-bottom:0}.skills-edit-form,.education-edit-form,.experience-edit-form{margin-bottom:20px}.skills-edit-form .form-control,.education-edit-form .form-control,.experience-edit-form .form-control{border:1px solid var(--surface-color);border-radius:4px;padding:6px 10px;font-size:.9rem}.skills-edit-form .form-control:focus,.education-edit-form .form-control:focus,.experience-edit-form .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .15rem rgba(var(--accent-color),.1)}.image-upload-container,.file-upload-container{position:relative}@keyframes captcha-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.captcha-refresh-spin{animation:captcha-spin 1s linear infinite;display:inline-block}.drag-drop-area{transition:all .3s ease;border:2px dashed var(--surface-color);background-color:var(--background-color);cursor:pointer;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.drag-drop-area:hover{border-color:var(--accent-color);background-color:var(--background-color)}.drag-drop-area.drag-hover{border-color:var(--accent-color);background-color:var(--background-color);transform:scale(1.02)}.image-preview-container .card{transition:transform .2s ease}.image-preview-container .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--default-color),.1)}.image-preview-container .card img{transition:opacity .2s ease}.image-preview-container .card img:hover{opacity:.9}.progress{background-color:var(--spedial-background-color)}.progress-bar.bg-success{background-color:var(--text-success-color)!important}.progress-bar.bg-danger{background-color:var(--text-error-color)!important}.btn-danger.position-absolute{box-shadow:0 2px 4px rgba(var(--default-color),.2)}.btn-danger.position-absolute:hover{transform:scale(1.1)}.modal .modal-dialog{max-width:90vw}.modal .modal-body img{border-radius:8px;box-shadow:0 4px 12px rgba(var(--default-color),.15)}.list-group-item{border:1px solid var(--surface-color);transition:background-color .2s ease}.list-group-item:hover{background-color:var(--background-color)}.list-group-item .btn-outline-danger:hover{transform:scale(1.1)}@media (max-width: 768px){.drag-drop-area{min-height:100px;padding:1rem}.drag-drop-area i{font-size:2rem!important}.drag-drop-area p{font-size:.9rem}.image-preview-container .col-6{flex:0 0 50%;max-width:50%}}@media (max-width: 576px){.image-preview-container .col-6{flex:0 0 100%;max-width:100%}}.captcha-refresh-spin{display:inline-block;animation:spin 1s linear infinite}.captcha-container img{transition:opacity .3s ease}.blog{padding:5px;background-color:var(--blog-background-color)}.blog .entry{padding:10px;margin-bottom:30px;border-radius:5px;border:1px solid color-mix(in srgb,var(--default-color),transparent 80%)}.blog .entry .entry-img,.blog .entry .entry-content img{max-height:450px;overflow:hidden}.blog .entry .entry-title{font-size:20px;font-weight:700;padding:0;margin:30px 0}.blog .entry .entry-title a{color:var(--default-color);transition:.3s}.blog .entry .entry-title a:hover{color:var(--accent-color)}.blog .entry .entry-meta{margin-bottom:15px;color:var(--accent-color)}.blog .entry .entry-meta ul,.blog .entry .entry-footer ul{display:flex;flex-wrap:wrap;flex-shrink:calc(100% - 20px);list-style:none;align-items:center;padding:0;margin:0}.blog .entry .entry-meta ul li:not(:first-child){padding-left:15px}.blog .entry .entry-meta i{font-size:14px;margin-right:8px;line-height:0}.blog .entry .entry-meta a,.blog .entry .entry-meta #view-count{color:var(--default-color);font-size:14px;display:inline-block;line-height:1}.blog .entry .entry-content{margin-top:20px}.blog .entry .entry-content p{line-height:2}.blog .entry .entry-content h3{font-size:22px;margin-top:30px;font-weight:500}.blog .entry .entry-content blockquote{overflow:hidden;padding:20px;position:relative;text-align:start;margin:10px 0}.blog .entry .entry-content blockquote p{color:var(--default-color);line-height:1.6;margin-bottom:0;font-style:italic;font-weight:500;font-size:22px}.blog .entry .entry-content blockquote:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--accent-color);margin-top:20px;margin-bottom:20px}.blog .entry .entry-footer{padding-top:10px;border-top:1px solid color-mix(in srgb,var(--default-color),transparent 10%)}.blog .entry .entry-footer i{color:var(--default-color);font-size:14px;margin-right:5px;display:inline}.blog .entry .entry-footer a{font-size:14px;transition:.3s}.blog .entry .entry-footer .read-article{font-size:14px;border-radius:4px;transition:.3s}.blog .entry .entry-footer .read-article i{padding-left:5px;color:inherit;background:transparent}.blog .entry .entry-footer .cats{list-style:none;display:inline;padding:0 20px 0 0;font-size:14px}.blog .entry .entry-footer .cats li{display:inline-block}.blog .entry .entry-footer .tags{list-style:none;display:inline;padding:0;font-size:14px}.blog .entry .entry-footer .tags li{display:inline-block}.blog .entry .entry-footer .tags li:not(:last-child):after{content:",";padding-right:5px;padding-left:1px;color:var(--default-color)}.blog .entry .entry-footer .tags li:last-child:after{content:"";padding:0}.blog .entry .entry-footer .tags li:hover a{color:var(--background-color);background-color:var(--contrast-color)}.blog .entry .entry-footer .tags li:hover a{color:inherit;background:none}.blog .entry-single,.blog .blog-comments{margin-bottom:30px}.blog .blog-comments .comments-count{font-weight:700}.blog .blog-comments .comment{margin-top:30px;position:relative}.blog .blog-comments .comment .comment-img{margin-right:14px}.blog .blog-comments .comment .comment-img img{width:60px}.blog .blog-comments .comment h5{font-size:16px;margin-bottom:2px}.blog .blog-comments .comment h5 a{font-weight:700;color:#444;transition:.3s}.blog .blog-comments .comment h5 a:hover{color:#f6b024}.blog .blog-comments .comment h5 .reply{padding-left:10px;color:var(--default-color)}.blog .blog-comments .comment h5 .reply i{font-size:20px}.blog .blog-comments .comment time{display:block;font-size:14px;color:#2b99f8;margin-bottom:5px}.blog .blog-comments .comment.comment-reply{padding-left:40px}.blog .blog-comments .reply-form{margin-top:30px;padding:30px;box-shadow:0 4px 16px #0000001a}.blog .blog-comments .reply-form h4{font-weight:700;font-size:22px}.blog .blog-comments .reply-form p{font-size:14px}.blog .blog-comments .reply-form input{border-radius:4px;padding:10px;font-size:14px}.blog .blog-comments .reply-form input:focus{box-shadow:none;border-color:#fad386}.blog .blog-comments .reply-form textarea{border-radius:4px;padding:10px;font-size:14px}.blog .blog-comments .reply-form textarea:focus{box-shadow:none;border-color:#fad386}.blog .blog-comments .reply-form .form-group{margin-bottom:25px}.blog .blog-comments .reply-form .btn-primary{border-radius:4px;padding:10px 20px;border:0;background-color:var(--default-color)}.blog .blog-comments .reply-form .btn-primary:hover{background-color:#138df7}.blog .blog-pagination{color:var(--default-color)}.blog .blog-pagination ul{display:flex;padding:0;margin:0;list-style:none}.blog .blog-pagination li{margin:0 5px;transition:.3s}.blog .blog-pagination li a{color:var(--default-color);padding:7px 16px;display:flex;align-items:center;justify-content:center}.blog .blog-pagination li.active,.blog .blog-pagination li:hover{background:#f6b024}.blog .blog-pagination li.active a,.blog .blog-pagination li:hover a{color:#fff}.widgets-container{margin:40px 0 30px}.widget-title{color:var(--heading-color);font-size:20px;font-weight:600;padding:0 0 0 10px;margin:0 0 20px;border-left:4px solid var(--accent-color)}.widget-item{margin-bottom:30px;background-color:color-mix(in srgb,var(--background-color),transparent 8%);border:1px solid color-mix(in srgb,var(--default-color),transparent 8%);color:var(--default-color);box-shadow:0 1px 2px color-mix(in srgb,var(--default-color),transparent 8%);padding:30px;border-radius:5px}.widget-item:last-child{margin-bottom:0}.blog-author-widget img{max-width:100px;margin-right:20px}.blog-author-widget h4{font-weight:600;font-size:22px;margin-bottom:0;padding:0;color:color-mix(in srgb,var(--default-color),transparent 20%)}.blog-author-widget .social-links{margin:5px 0}.blog-author-widget .social-links a{color:color-mix(in srgb,var(--default-color),transparent 10%);margin-right:5px;font-size:18px}.blog-author-widget .social-links a:hover{color:var(--accent-color)}.blog-author-widget p{font-style:italic;color:color-mix(in srgb,var(--default-color),transparent 20%);margin:10px 0 0}.search-widget form{background:var(--background-color);border:1px solid color-mix(in srgb,var(--default-color),transparent 0%);padding:3px 10px;position:relative;border-radius:10px;transition:.3s}.search-widget form input[type=text],.search-widget form input[type=search]{border:none;padding:4px;width:calc(100% - 40px);background-color:transparent;color:var(--default-color)}.search-widget form input[type=text]:focus,.search-widget form input[type=search]:focus{box-shadow:none;border:none;outline:none}.search-widget form button{position:absolute;top:0;right:0;bottom:0;border:0;font-size:16px;padding:0 20px;background:none;color:color-mix(in srgb,var(--default-color),transparent 20%);transition:.3s;line-height:0}.search-widget form button i{color:var(--accent-color);line-height:0;background:none}.search-widget form button:hover{transform:rotate(90deg);background:none}.search-widget form:is(:focus-within){border-color:var(--accent-color)}.search-widget form select{border:0;padding:4px;border-radius:4px;width:calc(100% - 40px)}.recent-posts-widget .post-item{display:flex;margin-bottom:15px}.recent-posts-widget .post-item:last-child{margin-bottom:0}.recent-posts-widget .post-item img{width:80px;margin-right:15px}.recent-posts-widget .post-item h4{font-size:15px;font-weight:700;margin-bottom:5px}.recent-posts-widget .post-item h4 a{color:var(--default-color);transition:.3s}.recent-posts-widget .post-item h4 a:hover{color:var(--accent-color)}.recent-posts-widget .post-item time{display:block;font-style:italic;font-size:14px;color:color-mix(in srgb,var(--default-color),transparent 50%)}.tags-widget ul{list-style:none;padding:0;margin:0}.tags-widget ul li{display:inline-block}.tags-widget ul a{background-color:color-mix(in srgb,var(--default-color),transparent 94%);color:color-mix(in srgb,var(--default-color),transparent 5%);border-radius:50px;font-size:14px;padding:5px 10px;margin:0 6px 8px 0;display:inline-block;transition:.3s}.tags-widget ul a:hover{color:var(--background-color);background-color:var(--default-color)}.tags-widget ul a span{padding-left:5px;color:color-mix(in srgb,var(--default-color),transparent 30%);font-size:14px}.tags-widget ul a:hover span{color:var(--background-color)}.blog-author-widget-2 img{max-width:160px}.blog-author-widget-2 h4{font-weight:600;font-size:24px;margin:15px 0 0;padding:0;color:color-mix(in srgb,var(--default-color),transparent 20%)}.blog-author-widget-2 .social-links{margin:5px 0}.blog-author-widget-2 .social-links a{color:color-mix(in srgb,var(--default-color),transparent 60%);margin:0 3px;font-size:18px}.blog-author-widget-2 .social-links a:hover{color:var(--accent-color)}.blog-author-widget-2 p{font-style:italic;color:color-mix(in srgb,var(--default-color),transparent 30%);margin:10px 0 0}.content-editor-section{transition:all .3s ease}.btn-group .btn-check:checked+.btn{background-color:var(--background-color);border-color:var(--default-color);color:var(--accent-color)}.content-preview .card{border:1px solid var(--default-color);box-shadow:0 .125rem .25rem #00000013}.ql-editor{min-height:200px;font-size:16px;line-height:1.6}.ql-toolbar{border-top:1px solid var(--default-color);border-left:1px solid var(--default-color);border-right:1px solid var(--default-color)}.ql-container{border-bottom:1px solid var(--default-color);border-left:1px solid var(--default-color);border-right:1px solid var(--default-color)}.alert-info{background-color:color-mix(in srgb,var(--background-color),transparent 94%);border-color:color-mix(in srgb,var(--default-color),transparent 70%);color:color-mix(in srgb,var(--default-color),transparent 30%)}.streamfield-loading{display:inline-block;width:20px;height:20px;border:3px solid var(--default-color);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-image-block{max-width:100%;overflow:hidden}.blog-image-left{float:left;margin:0 1.5rem 1rem 0;max-width:40%}.blog-image-right{float:right;margin:0 0 1rem 1.5rem;max-width:40%}.blog-image-center{text-align:center;margin:2rem 0;max-width:100%}.blog-image-full{margin:2rem 0;width:100%;max-width:100%}.blog-image-small img{max-width:min(300px,100%);width:auto;height:auto}.blog-image-medium img{max-width:min(500px,100%);width:auto;height:auto}.blog-image-large img{max-width:min(700px,100%);width:auto;height:auto}.blog-image-full img{width:100%;max-width:100%;height:auto}@supports not (max-width: min(300px,100%)){.blog-image-small img{max-width:300px;width:100%}.blog-image-medium img{max-width:500px;width:100%}.blog-image-large img{max-width:700px;width:100%}}.blog-image-block img{max-width:100%!important;height:auto!important;object-fit:contain;box-sizing:border-box}@media (max-width: 768px){.blog-image-left,.blog-image-right{float:none;margin:1rem 0;max-width:100%;text-align:center}.blog .entry .entry-content p{line-height:1.6}.blog-image-small img,.blog-image-medium img,.blog-image-large img{max-width:100%;width:auto}}@media (max-width: 576px){.blog-image-left,.blog-image-right{margin:1rem 0}.blog .entry .entry-content p{line-height:1.4}.blog-image-left{margin-right:.5rem}.blog-image-right{margin-left:.5rem}}.blog-content{line-height:1.8;font-size:1.1rem;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.blog-content img{max-width:100%!important;height:auto!important;object-fit:contain}.blog-content img[width],.blog-content img[height]{width:auto!important;height:auto!important;max-width:100%!important}.blog-content figure{max-width:100%;margin-left:auto;margin-right:auto}.blog-content .rich-text-block{margin:1.5rem 0;max-width:100%}.blog-content .rich-text-block p{margin-bottom:1.2rem;max-width:100%}.blog-content .rich-text-block img{max-width:100%!important;height:auto!important;object-fit:contain;display:block;margin:1rem auto}.blog-content .rich-text-block h2,.blog-content .rich-text-block h3,.blog-content .rich-text-block h4,.blog-content .rich-text-block h5{margin-top:2.5rem;margin-bottom:1rem;color:#2c3e50}.blog-content .rich-text-block ul,.blog-content .rich-text-block ol{margin:1.5rem 0;padding-left:2rem}.blog-content .rich-text-block li{margin-bottom:.5rem}.blog-content .heading-block{clear:both;margin:2.5rem 0 1.5rem}.blog-content .quote-block,.blog-content .code-block,.blog-content .callout-block,.blog-content .embed-block{clear:both;margin:2rem 0}.blog-content:after{content:"";display:table;clear:both}.blog-content{overflow-x:auto;overflow-y:visible}.container,.card{overflow-x:hidden}@media (max-width: 768px){.blog-content{font-size:1rem;padding:0 .5rem}.blog-content .rich-text-block h2,.blog-content .rich-text-block h3,.blog-content .rich-text-block h4,.blog-content .rich-text-block h5{margin-top:2rem}.blog-content .rich-text-block img{float:none!important;margin:1rem auto;display:block;text-align:center}}.toast{transition:opacity .3s ease-in-out;opacity:0}.toast.show{opacity:1}.toast{transform:translate(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.toast.show{transform:translate(0)}.share-btn{background-color:var(--surface-color);color:var(--default-color);text-decoration:none;transition:all .3s ease;border-radius:.375rem}.share-btn:hover{background-color:var(--card-background-color);color:var(--accent-color);text-decoration:none}.share-btn:focus{box-shadow:0 0 0 .25rem #007bff40}.special-btn{color:var(--default-color);transform:scale(1.02);transition:all .3s ease}.special-btn:hover{transform:scale(1.01);color:var(--default-color, #333)}.share-link{color:var(--default-color, #333);background-color:transparent;text-decoration:none;transition:all .3s ease}.share-link:hover{text-decoration:none;color:var(--accent-color, #333)}.share-link i{color:var(--accent-color, #333);margin-right:5px}.modal-dialog.modal-sm{max-width:400px}.share-image-container{max-height:120px;overflow:hidden}.share-image-preview{max-height:120px;object-fit:cover;border-radius:.375rem}.modal-content{border-radius:.5rem}.modal-header{padding:1rem 1rem .5rem}.modal-body{padding:.5rem 1rem 1rem}.modal-title{font-size:1.1rem;margin-bottom:0}.modal-body .d-grid.gap-2{gap:.5rem!important}.share-btn{padding:.5rem .75rem;font-size:.9rem}.modal-backdrop{background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 1200px){.modal-dialog.modal-sm{max-width:350px}.modal-header{padding:.75rem 1rem .25rem}.modal-body{padding:.25rem 1rem .75rem}.modal-title{font-size:1rem}.share-btn{padding:.4rem .6rem;font-size:.85rem}.share-image-preview{max-height:100px}}@media (max-width: 768px){.share-btn{font-size:.875rem;padding:.5rem .75rem}.share-image-preview{max-height:120px}}.share-btn .bi-facebook{color:#1877f2!important}.share-btn .bi-twitter-x{color:#1da1f2!important}.share-btn .bi-whatsapp{color:#25d366!important}.share-btn .bi-linkedin{color:#0077b5!important}.share-btn.btn-success{background-color:#28a745;border-color:#28a745;color:#fff}.share-btn.btn-success:hover{background-color:#218838;border-color:#1e7e34;color:#fff}.rich-text-editor{border-radius:.375rem;overflow:hidden}.editor-toolbar{background-color:var(--blog-background-color);border-bottom:1px solid var(--accent-color)}.editor-toolbar .btn-group{margin-right:.5rem}.editor-toolbar .btn{border-radius:.25rem;padding:.375rem .5rem;font-size:.875rem}.editor-toolbar .btn.active{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--default-color)}.editor-content{background-color:var(--card-background-color);min-height:300px;padding:1rem}.editor-content .ProseMirror{outline:none;min-height:250px;padding:1rem;line-height:1.6}.editor-content .ProseMirror p{margin-bottom:1rem}.editor-content .ProseMirror h1,.editor-content .ProseMirror h2,.editor-content .ProseMirror h3,.editor-content .ProseMirror h4,.editor-content .ProseMirror h5,.editor-content .ProseMirror h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600;line-height:1.25}.editor-content .ProseMirror h1{font-size:2rem}.editor-content .ProseMirror h2{font-size:1.5rem}.editor-content .ProseMirror h3{font-size:1.25rem}.editor-content .ProseMirror ul,.editor-content .ProseMirror ol{margin-bottom:1rem;padding-left:1.5rem}.editor-content .ProseMirror li{margin-bottom:.25rem}.editor-content .ProseMirror blockquote{border-left:4px solid var(--accent-color);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--default-color)}.editor-content .ProseMirror code{background-color:var(--card-background-color);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;color:var(--accent-color)}.editor-content .ProseMirror pre{background-color:var(--card-background-color);padding:1rem;border-radius:.375rem;overflow-x:auto;margin:1rem 0}.editor-content .ProseMirror pre code{background-color:transparent;padding:0;color:inherit}.editor-content .ProseMirror img{max-width:100%;height:auto;border-radius:.375rem;margin:1rem 0}.editor-content .ProseMirror a{color:var(--default-color);text-decoration:none}.editor-content .ProseMirror a:hover{text-decoration:underline}.editor-content .ProseMirror mark{background-color:var(--special-background-color);padding:.125rem .25rem;border-radius:.25rem}.editor-content .ProseMirror hr{border:none;border-top:2px solid var(--default-color);margin:2rem 0}.editor-content .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--default-color);pointer-events:none;height:0}.editor-content:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 .25rem rgba(var(--accent-color),.25)}.blog-editor-page{background-color:var(--blog-background-color);min-height:100vh}.editor-header{box-shadow:0 2px 4px rgba(var(--default-color),.1);z-index:1000}.editor-main{background-color:var(--card-background-color);border-radius:.5rem;padding:2rem;box-shadow:0 2px 4px rgba(var(--card-background-color),.1)}.editor-sidebar{position:sticky;top:2rem}.project-details-row{margin-bottom:3rem}.project-gallery{position:relative;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px rgba(var(--default-color),.1)}.project-info,.project-description{box-shadow:0 2px 4px rgba(var(--accent-color),.1)}.project-description-content{line-height:1.6}.project-description-content p{margin-bottom:1rem}.project-description-content h1,.project-description-content h2,.project-description-content h3,.project-description-content h4,.project-description-content h5,.project-description-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:600}.project-description-content ul,.project-description-content ol{margin-bottom:1rem;padding-left:1.5rem}.project-description-content li{margin-bottom:.25rem}.project-description-content blockquote{border-left:4px solid var(--default-color);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--default-color)}.project-description-content code{background-color:var(--projects-background-color);padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;color:var(--accent-color)}.project-description-content pre{background-color:var(--card-background-color);padding:1rem;border-radius:.375rem;overflow-x:auto;margin:1rem 0}.project-description-content pre code{background-color:transparent;padding:0;color:inherit}.project-description-content img{max-width:100%;height:auto;border-radius:.375rem;margin:1rem 0}.project-description-content a{color:var(--accent-color);text-decoration:none}.project-description-content a:hover{text-decoration:underline}@media (max-width: 768px){.editor-main{padding:1rem}.editor-sidebar{position:static;margin-top:2rem}.project-details-row{flex-direction:column}.project-gallery{margin-bottom:2rem}}.device-preview-container{display:flex;justify-content:center;align-items:flex-start;min-height:400px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;position:relative}.device-frame{position:relative;background:#000;border-radius:20px;box-shadow:0 20px 40px #0000004d;overflow:hidden;transition:all .3s ease;transform-origin:center top}.device-frame:hover{transform:scale(1.02);box-shadow:0 25px 50px #0006}.device-frame.fullscreen{border-radius:0;box-shadow:none;transform:none}.device-mobile{border-radius:25px;padding:8px;width:375px;height:667px}.device-mobile:before{content:"";position:absolute;top:15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#333;border-radius:2px;z-index:10}.device-mobile .device-screen{border-radius:20px;overflow:hidden}.device-tablet{border-radius:15px;padding:12px;width:768px;height:1024px}.device-tablet:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:80px;height:6px;background:#333;border-radius:3px;z-index:10}.device-tablet .device-screen{border-radius:10px;overflow:hidden}.device-desktop{border-radius:8px;padding:0;width:1200px;height:800px;background:#2c2c2c;box-shadow:0 0 0 2px #1a1a1a}.device-desktop:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:200px;height:20px;background:#1a1a1a;border-radius:10px;z-index:10}.device-desktop .device-screen{border-radius:0;overflow:hidden;border:2px solid #333}.device-screen{width:100%;height:100%;background:#fff;overflow:auto;position:relative}.preview-content-wrapper{width:100%;height:100%;overflow:auto;background:#fff}.device-selection .btn-group .btn{border-radius:0;border-right:1px solid #dee2e6}.device-selection .btn-group .btn:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.device-selection .btn-group .btn:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem;border-right:none}.device-selection .btn-group .btn.active{background-color:#0d6efd;border-color:#0d6efd;color:#fff}.preview-content-wrapper .blog{margin:0;padding:0}.preview-content-wrapper .container{max-width:100%;padding:20px}.preview-content-wrapper .entry-single{max-width:100%}@media (max-width: 768px){.device-preview-container{padding:10px}.device-frame{max-width:100%;max-height:80vh}.device-mobile{width:100%;max-width:375px;height:667px}.device-tablet{width:100%;max-width:768px;height:600px}.device-desktop{width:100%;max-width:1200px;height:500px}}@media (max-width: 576px){.device-preview-container{padding:5px}.device-mobile{height:500px}.device-tablet{height:400px}.device-desktop{height:300px}}.device-frame.switching{animation:deviceSwitch .3s ease-in-out}@keyframes deviceSwitch{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.05);opacity:.9}to{transform:scale(1);opacity:1}}.modal-fullscreen .device-preview-container{min-height:100vh;padding:0}.modal-fullscreen .device-frame{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;box-shadow:none}.modal-fullscreen .device-screen{border-radius:0}.preview-content-wrapper .alert-info{background:linear-gradient(135deg,#d1ecf1,#bee5eb);border:1px solid #b8daff;border-radius:8px;margin-bottom:20px}.preview-content-wrapper .alert-info .badge{font-size:.75em}.device-mobile{box-shadow:0 0 0 1px #333,0 20px 40px #0000004d,inset 0 0 0 1px #ffffff1a}.device-tablet{box-shadow:0 0 0 1px #333,0 25px 50px #0000004d,inset 0 0 0 1px #ffffff1a}.device-desktop{box-shadow:0 0 0 2px #1a1a1a,0 30px 60px #0006,inset 0 0 0 1px #ffffff0d}.device-frame.loading .device-screen{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.App{text-align:center}#preloader{position:fixed;inset:0;z-index:9999;overflow:hidden;background-color:var(--preloader-background-color, #fff);transition:all .6s ease-out;width:100%;height:100vh}#preloader.fade-out{opacity:0;visibility:hidden}.route-loading{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#007bff1a;z-index:9998;overflow:hidden}.route-loading:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:var(--accent-color, #007bff);transform:translate(-100%);animation:slide-right .8s ease-out forwards}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(0)}}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in,transform .2s ease-in}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;opacity:0;visibility:hidden;transition:all .3s ease}.search-modal-open{opacity:1;visibility:visible}.search-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;position:relative;transform:translateY(-20px);transition:transform .3s ease}.search-modal-open .search-modal-container{transform:translateY(0)}.search-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease;z-index:10}.search-modal-close:hover{background:#f5f5f5;color:#333}.search-modal-content{padding:2rem;flex:1;overflow-y:auto;display:flex;flex-direction:column}.search-modal-header{margin-bottom:1.5rem}.search-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#333}.search-form{position:relative;margin-bottom:1rem;flex-shrink:0}.search-input-container{position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;left:1rem;color:#666;font-size:1.1rem;z-index:2}.search-input{width:100%;padding:1rem 3rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;background:#fff;transition:all .2s ease;outline:none}.search-input:focus{border-color:#007bff;box-shadow:0 0 0 4px #007bff26}.search-input::placeholder{color:#999}.search-input-clear{position:absolute;right:1rem;background:none;border:none;color:#666;cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s ease;z-index:2}.search-input-clear:hover{background:#f5f5f5;color:#333}.search-suggestions{margin-top:.5rem;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:350px;overflow-y:auto;z-index:10}.search-suggestion-item{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f5f5f5;transition:all .2s ease}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover,.search-suggestion-selected{background:#f8f9fa}.search-suggestion-loading,.search-suggestion-error,.search-suggestion-empty{color:#666;font-style:italic;cursor:default}.search-suggestion-error{color:#dc3545}.search-suggestion-content{display:flex;align-items:center;width:100%}.search-suggestion-icon{margin-right:.75rem;color:#666;font-size:1rem;width:20px;text-align:center}.search-suggestion-text{flex:1}.search-suggestion-title{font-weight:500;color:#333;margin-bottom:.25rem}.search-suggestion-type{font-size:.875rem;color:#666}.search-highlight{background:#fff3cd;color:#856404;padding:.1rem .2rem;border-radius:3px;font-weight:600}.search-sections{margin-top:1rem;flex:1;overflow-y:auto}.search-section{margin-bottom:2rem}.search-section:last-child{margin-bottom:0}.search-section-title{font-size:1rem;font-weight:600;color:#333;margin-bottom:.75rem;display:flex;align-items:center}.search-section-items{display:flex;flex-direction:column;gap:.5rem}.search-section-item{display:flex;align-items:center;padding:.75rem 1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:.95rem;color:#333}.search-section-item:hover{background:#e9ecef;border-color:#dee2e6}.search-popular-count{margin-left:auto;font-size:.8rem;color:#666;background:#e9ecef;padding:.2rem .5rem;border-radius:12px}.search-empty-state{text-align:center;padding:2rem 1rem;color:#666}.search-empty-state h3{margin-bottom:.5rem;color:#333}@media (max-width: 768px){.search-modal{padding:1rem .5rem}.search-modal-container{max-height:90vh}.search-modal-content{padding:1.5rem}.search-modal-header h2{font-size:1.25rem}.search-input{padding:.875rem .875rem .875rem 2.5rem;font-size:.95rem}.search-input-icon{left:.875rem;font-size:1rem}.search-suggestions{max-height:250px}.search-suggestion-item{padding:.625rem .875rem}.search-section-item{padding:.625rem .875rem;font-size:.9rem}}@media (max-width: 480px){.search-modal{padding:.5rem}.search-modal-content{padding:1rem}.search-modal-header{margin-bottom:1rem}.search-modal-header h2{font-size:1.1rem}.search-input{padding:.75rem .75rem .75rem 2.25rem;font-size:.9rem}.search-input-icon{left:.75rem;font-size:.95rem}.search-suggestions{max-height:200px}.search-suggestion-item{padding:.5rem .75rem}.search-section-item{padding:.5rem .75rem;font-size:.85rem}}@media (prefers-color-scheme: dark){.search-modal-container{background:#1a1a1a;color:#e9ecef}.search-modal-header h2{color:#e9ecef}.search-input{background:#2d2d2d;border-color:#495057;color:#e9ecef}.search-input:focus{border-color:#007bff;background:#2d2d2d}.search-input-icon,.search-input-clear{color:#adb5bd}.search-suggestions{background:#2d2d2d;border-color:#495057}.search-suggestion-item:hover,.search-suggestion-selected{background:#343a40}.search-suggestion-title{color:#e9ecef}.search-suggestion-type{color:#adb5bd}.search-section-title{color:#e9ecef}.search-section-item{background:#343a40;border-color:#495057;color:#e9ecef}.search-section-item:hover{background:#495057;border-color:#6c757d}.search-popular-count{background:#495057;color:#adb5bd}.search-empty-state h3{color:#e9ecef}.search-empty-state{color:#adb5bd}}#inbox-layout{min-height:calc(100vh - 200px)}.inbox-sidebar{background:var(--card-background-color);border-radius:8px;transition:all .3s ease}.inbox-sidebar.sidebar-minimized{max-width:60px}.inbox-sidebar .card{border:none;box-shadow:0 2px 4px #0000001a}.inbox-main{padding-left:1rem}.folder-item{margin-bottom:.25rem}.folder-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;text-decoration:none;color:var(--default-color);border:none;background:transparent;border-radius:6px;transition:all .2s ease}.folder-link:hover,.folder-link.active{background:var(--special-background-color);color:var(--accent-color)}.folder-link-content{display:flex;align-items:center}.folder-link i{width:20px;text-align:center}.sidebar-minimized .folder-link{padding:.75rem .5rem;justify-content:center}.sidebar-minimized .folder-link-content span,.sidebar-minimized .badge{display:none}.inbox-toolbar{margin-bottom:1rem}.inbox-toolbar .card{border:none;box-shadow:0 2px 4px #0000001a}.search-container .input-group{max-width:400px}.bulk-actions .btn-group .btn{font-size:.875rem}.inbox-content{background:var(--background-color);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.message-list{max-height:70vh;overflow-y:auto}.message-item{display:flex;align-items:center;padding:1rem;margin-bottom:.5rem;border:1px solid var(--default-color);background:color-mix(in srgb,var(--background-color) 50%,transparent);border-radius:.5rem;transition:all .2s ease;position:relative}.message-item:hover{background:color-mix(in srgb,var(--special-background-color) 50%,transparent);border-left:2px solid var(--accent-color)}.message-item.selected{background:var(--background-color);border-left:2px solid var(--accent-color);border-bottom:1.5px solid var(--accent-color);border-top:1.5px solid var(--accent-color)}.message-item.unread{font-weight:500}.message-item.read{background:color-mix(in srgb,var(--surface-color) 80%,transparent);opacity:.8}.message-checkbox{margin-right:1rem;flex-shrink:0}.message-checkbox input[type=checkbox]{transform:scale(1.2)}.message-content{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-sender strong{color:var(--accent-color)}.message-email{font-size:.875rem;margin-left:.5rem}.message-date{font-size:.875rem;color:var(--default-color);flex-shrink:0}.message-subject{margin-bottom:.5rem}.message-subject strong{color:var(--default-color);font-size:1rem}.message-preview{color:var(--default-color);font-size:.875rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-actions{margin-left:1rem;flex-shrink:0}.message-actions .btn-group .btn{padding:.375rem .5rem;background:var(--accent-color);color:var(--default-color);font-size:.875rem;border:none;border-radius:.375rem;transition:all .2s ease}.message-actions .btn-group .btn:hover{background:var(--special-background-color);color:var(--accent-color)}.message-detail{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.message-meta{background:var(--about-background-color);padding:1rem;border-radius:6px;border-left:3px solid var(--accent-color)}.message-subject h4{color:var(--default-color);margin:0;font-weight:600}.message-body{border:1px solid var(--card-background-color);font-family:inherit;line-height:1.6}.inbox-stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid var(--default-color)}.inbox-stats .stat-item:hover{background:var(--special-background-color);color:var(--accent-color);border-bottom:1px solid var(--accent-color)}.inbox-stats .stat-item:first-of-type{border-top:1px solid var(--default-color)}.inbox-stats .stat-item:last-of-type{border-bottom:1px solid var(--default-color);border-top:none}@media (max-width: 991.98px){.inbox-main{padding-left:0;margin-top:1rem}.message-header{flex-direction:column;align-items:flex-start}.message-date{margin-top:.25rem}.bulk-actions{margin-top:1rem;justify-content:flex-start!important}.bulk-actions .btn-group{flex-wrap:wrap}.bulk-actions .btn-group .btn{margin-bottom:.25rem}}@media (max-width: 767.98px){.message-item{flex-direction:column;align-items:flex-start}.message-checkbox{margin-bottom:.5rem}.message-actions{margin-left:0;margin-top:.5rem;width:100%}.message-actions .btn-group{width:100%}.message-actions .btn-group .btn{flex:1}}.spinner-border{width:3rem;height:3rem}.display-1{font-size:4rem;opacity:.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item{animation:fadeIn .3s ease}.folder-link:focus,.message-checkbox:focus,.btn:focus{outline:2px solid var(--accent-color);outline-offset:2px}
