@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600&display=swap";:root{--background: #1e1f22;--surface: #2b2d31;--surface-hover: #35373c;--divider: #2b2d31;--text-primary: #ffffff;--text-secondary: #b5bac1;--accent: #F0BB2A;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--header-height: 60px}*{margin:0;padding:0;box-sizing:border-box}[contenteditable]:empty:before{content:attr(data-placeholder);color:gray;pointer-events:none;display:block}::-webkit-scrollbar{width:0px;height:0px;background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-track{background:transparent}html{scrollbar-width:none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body,html{overflow-x:auto;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.sidebar-header{display:flex;justify-content:center}.user-profile{padding:1rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--divider)}.profile-picture{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:var(--accent);display:flex;align-items:center;justify-content:center}.profile-picture img{width:100%;height:100%;object-fit:cover}.profile-picture .initials{color:var(--background);font-size:1rem;font-weight:500}.profile-info{flex:1;min-width:0}.profile-name{color:var(--text-primary);font-weight:500;font-size:.9rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-company{color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.settings-button:hover{color:var(--text-primary)}.show-more-button{width:100%;padding:.75rem;margin-top:1rem;background:none;border:1px dashed var(--divider);color:var(--text-secondary);font-family:Josefin Sans,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;border-radius:4px}.show-more-button:hover{background-color:var(--surface);color:var(--text-primary);border-style:solid}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--divider) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-profile{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border-bottom:1px solid var(--divider)}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-info{flex:1}.skeleton-name{height:14px;width:120px;border-radius:4px;margin-bottom:.5rem}.skeleton-company{height:12px;width:80px;border-radius:4px}.skeleton-tool-category{margin-bottom:1.5rem}.skeleton-category-title{height:16px;width:100px;border-radius:4px;margin-bottom:1rem}.skeleton-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.skeleton-tool{aspect-ratio:1;border-radius:8px}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--background)}.app>.sidebar{height:calc(100vh - 50px)}.app>.canvas-container{height:calc(100vh - 50px)}.app-content{display:flex;flex:1;overflow:hidden}.app-header{display:flex;align-items:center;padding:10px 16px;background-color:var(--background);border-bottom:1px solid var(--border);height:50px}.logo-container{display:flex;align-items:center;margin-right:16px}.header-logo{height:30px;width:auto}.back-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;margin-right:10px}.back-button:hover{color:var(--text-primary)}.project-info{flex:1}.project-info h2{margin:3px 0 0;font-size:18px;font-weight:600;color:var(--text-primary)}.save-button{display:flex;align-items:center;gap:8px;background-color:var(--accent);color:var(--background);border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.save-button:hover{background-color:#d9a825}.save-button:disabled{background-color:#4d4d4d;cursor:not-allowed;color:var(--text-secondary)}.saving-indicator{font-size:14px}:root{--background: #1e1f22;--background-secondary: #2b2d31;--background-tertiary: #313338;--text-primary: #ffffff;--text-secondary: #b5bac1;--accent: #F0BB2A;--border: #2b2d31}*{font-family:Josefin Sans,sans-serif}.sidebar{width:280px;background-color:var(--background);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px;overflow-y:auto}.sidebar-content{display:flex;flex-direction:column;gap:12px;height:100%}.search-container{display:flex;gap:6px;align-items:center}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center;background:var(--background-secondary);border:1px solid var(--border);padding:6px 8px}.search-input-wrapper svg{color:var(--text-secondary);margin-right:6px}.search-input{border:none;outline:none;width:100%;font-size:14px;background:transparent;color:var(--text-primary)}.search-input::placeholder{color:var(--text-secondary)}.favorite-filter{padding:6px;border:1px solid var(--border);background:var(--background-secondary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}.favorite-filter:hover{background:var(--background-tertiary)}.favorite-filter.active{background:var(--accent);color:var(--text-primary);border-color:var(--accent)}.tools-container{display:flex;flex-direction:column;gap:16px}.tool-category{display:flex;flex-direction:column;gap:8px}.category-title{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.02em;margin:0;padding:0 4px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.tool-item{display:flex;flex-direction:column;gap:2px;align-items:center}.tool-button{width:40px;height:40px;border:1px solid var(--border);background:var(--background-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .2s ease}.tool-button:hover{background-color:var(--background-tertiary)}.tool-button.active{background-color:var(--accent);border-color:var(--accent);color:var(--text-primary)}.tool-button-content{display:flex;align-items:center;justify-content:center}.favorite-button{padding:2px;border:none;background:none;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.favorite-button:hover{color:var(--text-primary)}.favorite-button.active{color:var(--accent)}.file-upload{margin-top:auto;padding:8px;background:var(--background-secondary);border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .2s ease}.file-upload:hover{background:var(--background-tertiary)}.tool-button{width:100%;aspect-ratio:1;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:var(--spacing-sm);position:relative}.tool-button-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.keybinding{font-size:10px;text-transform:uppercase;color:var(--text-secondary);opacity:.7}.tool-button:hover .keybinding{color:var(--text-primary);opacity:1}.tool-button:hover{background-color:var(--surface-hover);color:var(--text-primary)}.tool-button.active{background-color:var(--surface-hover)}.tool-button img{filter:brightness(0) saturate(100%) invert(70%) sepia(12%) saturate(157%) hue-rotate(182deg) brightness(95%) contrast(86%);transition:filter .2s ease}.tool-button:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%)}.tool-button.active img{filter:invert(73%) sepia(96%) saturate(451%) hue-rotate(356deg) brightness(106%) contrast(102%)}.tool-button.save-button{margin-top:auto;background-color:var(--accent);color:var(--text-primary)}.tool-button.save-button:hover{background-color:#4752c4}.canvas-container{background:#1b1b1b;flex:1;position:relative;overflow:hidden}.canvas-wrapper{width:100%;height:100%}.canvas-content{display:block;min-width:10000px;min-height:10000px}.canvas{position:relative;background-color:var(--background);width:10000px;height:10000px;cursor:default}.canvas[data-tool=hand]{cursor:pointer}.canvas[data-tool=hand]:active{cursor:grabbing}.canvas[data-tool=circle],.canvas[data-tool=square],.canvas[data-tool=arrow]{cursor:crosshair}.pdf-image{display:block;max-width:none;width:auto;height:auto}.annotation.pdf{pointer-events:all;z-index:5;position:relative;width:fit-content;display:inline-block}.annotation.pdf .annotation-handle{transform:none;width:fit-content;display:inline-block}.pdf-container{position:relative;display:inline-block;vertical-align:top}.page-actions{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;gap:var(--spacing-sm);z-index:20}.page-button{background:var(--surface);color:var(--text-primary);border:none;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs)}.page-button:hover{background:var(--surface-hover)}.page-annotation{position:absolute;pointer-events:all;z-index:20;transform:none}.page-annotation .annotation-handle{position:relative;pointer-events:all;cursor:move;transform:translate(-20px,-20px)}.page-annotation img{display:block;pointer-events:none}.page-annotation.circle,.page-annotation.square,.page-annotation.arrow{pointer-events:all;z-index:20}.annotation{position:absolute;pointer-events:all;z-index:10;transform-origin:center;will-change:transform}.annotation-handle{cursor:move}.annotation.circle,.annotation.square,.annotation.arrow{color:var(--accent)}.layout-container{display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box;overflow-y:hidden}.main-content{flex:1}.footer{min-height:80px;background-color:var(--surface);border-top:1px solid var(--divider);display:flex;align-items:center;padding:1rem 0}.footer-content{width:100%;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-logo{height:40px;width:auto}.company-name{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.footer-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--text-primary)}@media (max-width: 768px){.footer-content{flex-direction:column;gap:1rem;text-align:center}.footer-nav{justify-content:center}}.home-container{height:calc(100vh - 80px);overflow-y:auto;display:flex;background-color:var(--background)}.auth-section{width:50%;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-form{width:100%;max-width:400px;padding:2rem;background-color:var(--surface)}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.auth-logo{width:50px;height:auto;margin-bottom:1rem}.auth-title{color:var(--text-primary);font-size:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-input{width:100%;padding:.75rem;background-color:var(--background);border:1px solid var(--divider);color:var(--text-primary);font-family:Josefin Sans,sans-serif;font-size:1rem}.form-input::placeholder{color:var(--text-secondary)}.form-input:focus{outline:none;border-color:var(--accent)}.auth-button{width:100%;padding:.75rem;background-color:var(--accent);color:var(--text-primary);font-family:Josefin Sans,sans-serif;font-size:1rem;cursor:pointer;border:none;margin-bottom:.5rem;transition:background-color .2s ease}.auth-button:hover{background-color:#d4a625}.auth-divider{height:1px;background-color:var(--divider);margin:1rem 0}.create-account{background-color:var(--surface);border:1px solid var(--divider);margin-bottom:0}.create-account:hover,.auth-button.secondary:hover{background-color:var(--surface-hover)}.auth-button.secondary{background-color:var(--surface);border:1px solid var(--divider)}.file-input-label{display:block;width:100%;padding:.75rem;background-color:var(--surface);border:1px solid var(--divider);color:var(--text-primary);font-family:Josefin Sans,sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background-color .2s ease}.file-input-label:hover{background-color:var(--surface-hover)}.file-input{display:none}.profile-upload-group{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-preview{margin:1.5rem auto;width:120px;height:120px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;background-color:var(--surface)}.profile-preview img{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.profile-placeholder svg{width:60%;height:60%}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-button.loading{background-color:var(--surface);position:relative}.error-message{background-color:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:.75rem;margin-bottom:1.5rem;font-size:.9rem}.image-section{width:50%;position:relative;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}.about-container{min-height:calc(100vh - 80px);background-color:var(--background);color:var(--text-primary);font-family:Josefin Sans,sans-serif;padding:2rem;display:flex;flex-direction:column}.about-header{margin-bottom:2rem}.about-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.about-divider{height:1px;background-color:#2b2d31;margin:1.5rem 0;width:100%}.about-content{flex:1;max-width:800px;margin:0 auto;width:100%}.about-company{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.company-logo{width:120px;height:auto}.company-info{display:flex;flex-direction:column}.company-name{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.company-description{font-size:1.1rem;color:var(--text-secondary)}.project-description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.about-ownership,.about-contact{margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;flex-direction:column;padding:.75rem;background-color:var(--surface)}.contact-label{font-size:.9rem;color:var(--accent);margin-bottom:.25rem}.contact-value{font-size:1rem;color:var(--text-primary)}.about-footer{margin-top:2rem;text-align:center}@media (max-width: 768px){.about-container{padding:1.5rem}.about-company{flex-direction:column;text-align:center}.company-logo{margin-right:0;margin-bottom:1rem}.contact-item{padding:.5rem}}.legal-container{min-height:calc(100vh - 80px);background-color:var(--background);color:var(--text-primary);font-family:Josefin Sans,sans-serif;padding:2rem;display:flex;flex-direction:column}.legal-header{margin-bottom:2rem}.legal-title{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.legal-divider{height:1px;background-color:#2b2d31;margin:1.5rem 0;width:100%}.legal-content{flex:1;max-width:800px;margin:0 auto;width:100%}.legal-section{margin-bottom:1.5rem}.section-title{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem}.legal-text{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1rem}.legal-footer{margin-top:2rem;text-align:center}.footer-text{font-size:1rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.legal-container{padding:1.5rem}}:root{--background: #1e1f22;--surface: #2b2d31;--surface-hover: #34363c;--text-primary: #ffffff;--text-secondary: #b5bac1;--accent: #F0BB2A;--divider: #2b2d31}.settings-page{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--background);position:fixed;top:0;left:0;z-index:1000;font-family:Josefin Sans,sans-serif}.settings-header{padding:16px;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:16px;background-color:var(--surface)}.back-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.back-button:hover{color:var(--text-primary);background-color:var(--surface-hover)}.header-content{display:flex;align-items:center}.header-content h1{color:var(--text-primary);font-size:20px;font-weight:500;margin:0}.settings-content{display:flex;flex:1;overflow:hidden}.settings-sidebar{width:240px;background-color:var(--surface);padding:16px 8px;display:flex;flex-direction:column;gap:2px}.settings-tab{width:100%;padding:8px 12px;text-align:left;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:16px}.settings-tab:hover,.settings-tab.active{background-color:var(--surface-hover);color:var(--text-primary)}.settings-main{flex:1;padding:24px;overflow-y:auto;background-color:var(--background)}.settings-section{max-width:740px}.settings-section h2{color:var(--text-primary);font-size:20px;font-weight:500;margin:0 0 24px}.keybinding-list{display:flex;flex-direction:column;gap:2px}.keybinding-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface)}.keybinding-item:hover{background:var(--surface-hover)}.tool-info{display:flex;flex-direction:column;gap:4px}.tool-name{color:var(--text-primary);font-weight:500}.default-keybinding{font-size:14px;color:var(--text-secondary)}.keybinding-input{display:flex;gap:8px;align-items:center}.keybinding-input input{width:140px;padding:8px 12px;border:none;font-family:Josefin Sans,monospace;text-align:center;background:var(--background);color:var(--text-primary)}.keybinding-input input::placeholder{color:var(--text-secondary)}.clear-keybinding{padding:6px 12px;border:none;background:var(--surface-hover);color:var(--text-primary);cursor:pointer;font-size:14px;font-family:Josefin Sans,sans-serif}.clear-keybinding:hover{background:var(--accent)}.modifier-key{padding:4px 8px;background:var(--surface-hover);color:var(--text-primary);font-size:12px;font-family:Josefin Sans,monospace;margin-right:4px}.modifier-key.active{background:var(--accent)}.projects-page{width:100%;height:100%;min-height:calc(100vh - 80px);padding:20px;background-color:#1e1f22;color:#fff;font-family:Josefin Sans,sans-serif;overflow-y:auto}.projects-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.search-container2{position:relative;width:100%}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#b5bac1}.search-input2{width:100%;padding:10px 40px;background-color:#2b2d31;border:none;border-radius:4px;color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#b5bac1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.filter-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.tag-filter{position:relative;flex:1}.tag-filter-button{display:flex;align-items:center;gap:8px;background-color:#2b2d31;color:#fff;border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;cursor:pointer;width:100%;text-align:left;border-radius:4px}.tag-filter-button:disabled{opacity:.5;cursor:not-allowed}.selected-tag-filter{display:flex;align-items:center;justify-content:space-between;background-color:#2b2d31;color:#fff;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;border-radius:4px}.clear-tag-filter{background:none;border:none;color:#b5bac1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tag-dropdown{position:relative;width:100%}.tag-dropdown-content{position:absolute;top:100%;left:0;width:100%;background-color:#2b2d31;border-radius:4px;margin-top:5px;z-index:10;max-height:200px;overflow-y:auto;display:none}.tag-dropdown:hover .tag-dropdown-content{display:block}.tag-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer}.tag-dropdown-item:hover{background-color:#36393f}.tag-color{width:12px;height:12px;border-radius:50%}.sort-dropdown{position:relative;min-width:200px}.sort-button{display:flex;align-items:center;gap:8px;background-color:#2b2d31;color:#fff;border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;cursor:pointer;width:100%;text-align:left;border-radius:4px;justify-content:space-between}.sort-dropdown-content{position:absolute;top:100%;right:0;width:100%;background-color:#2b2d31;border-radius:4px;margin-top:5px;z-index:10}.sort-option{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer}.sort-option:hover,.sort-option.active{background-color:#36393f}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #2b2d31}.projects-header h1{font-size:24px;font-weight:600;color:#fff;margin:0}.header-buttons{display:flex;gap:10px}.create-project-button{display:flex;align-items:center;gap:8px;background-color:#f0bb2a;color:#1e1f22;border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-project-button:hover{background-color:#d9a825}.create-project-button:disabled{background-color:#4d4d4d;cursor:not-allowed}.logout-button{display:flex;align-items:center;gap:8px;background-color:#36393f;color:#fff;border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.logout-button:hover{background-color:#4d4f57}.projects-container,.skeleton-container{width:100%}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.skeleton-card{background-color:#2b2d31;height:160px;position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-content{padding:16px;height:100%;display:flex;flex-direction:column}.skeleton-title{width:70%;height:18px;background-color:#36393f;margin-bottom:15px;border-radius:2px}.skeleton-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.skeleton-date{width:60%;height:12px;background-color:#36393f;border-radius:2px}.skeleton-tags{display:flex;gap:6px;margin-bottom:15px}.skeleton-tag{width:50px;height:22px;background-color:#36393f;border-radius:12px}.skeleton-company{width:40%;height:14px;background-color:#36393f;margin-top:auto;border-radius:2px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#b5bac1}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-projects{text-align:center;padding:40px 0;color:#b5bac1}.create-first-project{background-color:#f0bb2a;color:#1e1f22;border:none;padding:10px 20px;margin-top:15px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.create-first-project:hover{background-color:#d9a825}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card{background-color:#2b2d31;cursor:pointer;transition:background-color .2s;height:160px}.project-card:hover{background-color:#36393f}.project-card-content{padding:16px;height:100%;display:flex;flex-direction:column}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.project-card h3{margin:0;font-size:18px;font-weight:600;color:#fff;word-break:break-word;flex:1}.delete-project-button{background:none;border:none;color:#b5bac1;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s,color .2s}.delete-project-button:hover{opacity:1;color:#f44336}.project-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.project-date,.project-visited{margin:0;font-size:12px;color:#b5bac1}.project-company{margin-top:auto;font-size:14px;color:#b5bac1}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.project-tag{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;color:#fff;max-width:100%}.project-tag span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-tag{background:none;border:none;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.remove-tag:hover{color:#fff}.add-tag-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:#36393f;border:none;border-radius:12px;color:#b5bac1;cursor:pointer}.add-tag-button:hover{background-color:#4d4f57}.add-first-tag{display:flex;align-items:center;gap:6px;background:none;border:1px dashed #4d4d4d;padding:4px 8px;color:#b5bac1;font-size:12px;cursor:pointer;margin-bottom:12px}.add-first-tag:hover{background-color:#36393f}.tag-form{max-width:350px}.delete-form{max-width:400px}.delete-warning{color:#f44336;margin-bottom:20px;font-size:14px}.delete-button{background-color:#f44336;color:#fff;border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-width:100px}.delete-button:hover{background-color:#d32f2f}.delete-button:disabled{background-color:#4d4d4d;cursor:not-allowed}.color-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:8px}.color-option{width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border:2px solid #ffffff}@media (min-width: 768px){.projects-controls{flex-direction:row;align-items:center}.search-container2{flex:2}.filter-controls{flex:1}}.create-project-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.create-project-form{position:relative;width:400px;background-color:#2b2d31;padding:24px;z-index:1001}.create-project-form h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;color:#b5bac1}.form-group input{width:100%;padding:10px;background-color:#1e1f22;border:none;color:#fff;font-family:Josefin Sans,sans-serif;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.cancel-button{background-color:transparent;color:#b5bac1;border:1px solid #4d4d4d;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#36393f}.submit-button{background-color:#f0bb2a;color:#1e1f22;border:none;padding:8px 16px;font-family:Josefin Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-width:100px}.submit-button:hover{background-color:#d9a825}.submit-button:disabled{background-color:#4d4d4d;cursor:not-allowed}