:root{--primary-color:#1a365d;--primary-light:#2d4b8c;--secondary-color:#2d3748;--secondary-light:#4a5568;--accent-color:#3182ce;--accent-light:#63b3ed;--light-color:#f7fafc;--gray-color:#e2e8f0;--gray-light:#edf2f7;--text-color:#2d3748;--text-light:#718096;--success-color:#38a169;--warning-color:#ed8936;--danger-color:#e53e3e;--custom-color:#805ad5;--info-color:#4299e1;--border-radius:10px;--border-radius-sm:6px;--border-radius-lg:15px;--shadow:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 10px 25px rgba(0, 0, 0, 0.1);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.05);--transition:all 0.25s ease;--transition-slow:all 0.4s ease;--card-bg:white;--header-bg:white;--modal-bg:white;--input-bg:white;--footer-bg:var(--primary-color)}.dark-mode{--primary-color:#2d3748;--primary-light:#4a5568;--secondary-color:#e2e8f0;--secondary-light:#cbd5e0;--accent-color:#63b3ed;--accent-light:#90cdf4;--light-color:#1a202c;--gray-color:#4a5568;--gray-light:#2d3748;--text-color:#e2e8f0;--text-light:#a0aec0;--success-color:#68d391;--warning-color:#f6ad55;--danger-color:#fc8181;--custom-color:#9f7aea;--info-color:#76c6ff;--card-bg:#2d3748;--header-bg:#2d3748;--modal-bg:#2d3748;--input-bg:#2d3748;--footer-bg:#1a202c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI','PingFang SC','Microsoft YaHei',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-color);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-slow)}body.dark-mode{background-color:#121212;color:#e0e0e0}a{text-decoration:none;color:inherit}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent-color);border-radius:var(--border-radius);transition:var(--transition);white-space:nowrap}.btn:hover{background-color:var(--primary-light);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-light)}.btn-outline{background-color:transparent;border:2px solid var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-icon{padding:10px;border-radius:50%;min-width:40px;min-height:40px}.edit-btn{position:absolute;top:10px;right:45px;background:var(--info-color);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;opacity:0;transition:var(--transition);z-index:10}.edit-btn:hover{background:#3182ce;transform:scale(1.1)}.none{display:none!important}header{background-color:var(--header-bg);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);background-color:rgba(var(--header-bg),.95);transition:var(--transition-slow);border-bottom:1px solid var(--gray-color)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.4rem;color:var(--primary-color)}.logo-icon{color:var(--accent-color);font-size:1.8rem}.logo-text{display:flex;flex-direction:column;line-height:1.2}.logo-subtitle{font-size:.7rem;color:var(--text-light);font-weight:500;letter-spacing:.5px}.header-actions{display:flex;gap:10px;margin-left:20px}.mobile-menu-btn{display:none;background:0 0;border:none;font-size:1.5rem;color:var(--primary-color);cursor:pointer;padding:5px;border-radius:var(--border-radius-sm)}.mobile-menu-btn:hover{background-color:var(--gray-light)}.function-tabs{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08);margin-bottom:25px;overflow:hidden}.tab-header{display:flex;background-color:#e0e8f5;padding-bottom:3px}.dark-mode .tab-header{background-color:#2d3748}.tab-btn{flex:1;padding:16px 20px;border:none;cursor:pointer;font-size:1rem;font-weight:400;background:#eef2f7;color:#5a6c7d;transition:.3s;display:flex;align-items:center;justify-content:center;gap:10px}.tab-btn i{padding:0 5px}.dark-mode .tab-btn{background:#2d2d2d;color:#b0b0b0}.tab-btn .activeicon{display:none}.tab-btn.bottomwidth{width:0;display:none}.tab-btn:hover{background:#d5e0f0;color:#4a6491}.dark-mode .tab-btn:hover{background:#3d3d3d;color:#fff}.tab-btn.active{background-color:var(--card-bg);background-color:#e0e8f5;color:#4a6491;font-weight:700}.tab-btn.active .activeicon{padding-left:5px;display:inline}.dark-mode .tab-btn.active{background-color:#2d3748;color:#fff;font-weight:700}.tab-btn.active .bottomwidth{display:block;width:50px;border-bottom:1px solid #4a6491;border:1px solid}.tab-content{padding:25px}.tab-pane{display:none}.tab-pane.active{display:block}.dark-mode .tab-pane.active{background-color:#2d3748}nav ul{display:flex;list-style:none;gap:5px}nav a{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;padding:10px 18px;border-radius:var(--border-radius);transition:var(--transition);white-space:nowrap}nav a.active,nav a:hover{background-color:var(--gray-light);color:var(--accent-color)}nav a i{font-size:1.1rem}main{flex:1;padding:30px 0}.page-title{font-size:2rem;margin-bottom:30px;color:var(--primary-color);padding-bottom:15px;border-bottom:2px solid var(--gray-color);position:relative}.page-title:after{content:'';position:absolute;bottom:-2px;left:0;width:80px;height:2px;background-color:var(--accent-color)}footer{background-color:var(--footer-bg);color:#fff;padding:40px 0 20px;margin-top:auto;transition:var(--transition-slow)}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-section{flex:1;min-width:250px}.footer-section h3{margin-bottom:18px;font-size:1.2rem;position:relative;padding-bottom:10px}.footer-section h3:after{content:'';position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--accent-color)}.footer-section p{color:#cbd5e0;line-height:1.8}.copyright{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--gray-color);color:#a0aec0;font-size:.85rem}.search-section{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--shadow);margin-bottom:25px;border:1px solid var(--gray-color);transition:var(--transition-slow)}.search-form{display:flex;flex-direction:column;gap:25px}.search-engine-selector{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.search-engine-selector h3{font-size:1.1rem;color:var(--secondary-color);width:100%;margin-bottom:5px;flex-basis:100%}.engine-options-container{display:flex;flex-wrap:wrap;gap:12px;width:100%}.engine-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 18px;border-radius:30px;border:2px solid var(--gray-color);transition:var(--transition);background-color:var(--card-bg);flex-shrink:0}.engine-option:hover{border-color:var(--accent-light);background-color:var(--gray-light)}.engine-option.selected{border-color:var(--accent-color);background-color:var(--gray-light);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.engine-option i{font-size:1.1rem}.search-input-group{display:flex;gap:10px}.search-input{flex:1;padding:16px 20px;border:2px solid var(--gray-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--input-bg);color:var(--text-color)}.search-input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.search-input::placeholder{color:var(--text-light)}.nav-section{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--shadow);border:1px solid var(--gray-color);transition:var(--transition-slow)}.section-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:5px}.section-header h2{font-size:1.5rem;color:var(--primary-color)}.section-header p{color:var(--text-light);margin-top:5px}.edit-mode-controls{display:flex;gap:12px;flex-wrap:wrap}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;border-bottom:2px solid var(--gray-light);overflow-x:auto;scrollbar-width:thin;padding-bottom:10px}.category-tabs::-webkit-scrollbar{height:6px}.category-tabs::-webkit-scrollbar-track{background:var(--gray-light);border-radius:3px}.category-tabs::-webkit-scrollbar-thumb{background:var(--accent-light);border-radius:3px}.category-tab{padding:10px 22px;border-radius:30px;background-color:var(--gray-light);color:var(--text-color);cursor:pointer;font-weight:600;font-size:.9rem;transition:var(--transition);white-space:nowrap}.category-tab:hover{background-color:var(--accent-light);color:#fff;transform:translateY(-2px)}.category-tab.active{background-color:var(--accent-color);color:#fff;box-shadow:var(--shadow)}.websites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.website-card{display:flex;align-items:center;gap:18px;padding:15px;border-radius:var(--border-radius);border:2px solid var(--gray-color);transition:var(--transition);cursor:pointer;background-color:var(--card-bg);position:relative;overflow:hidden}.website-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:var(--shadow)}.website-card:active{transform:translateY(-2px)}.website-card.editing-mode .delete-btn,.website-card.editing-mode .edit-btn{display:flex;opacity:.7}.website-card.editing-mode:hover .delete-btn,.website-card.editing-mode:hover .edit-btn{opacity:1}.website-icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ebf8ff,#bee3f8);border-radius:12px;font-size:1.6rem;color:var(--accent-color);flex-shrink:0;box-shadow:var(--shadow-sm)}.website-info{flex:1;min-width:0}.website-info h3{margin-bottom:6px;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-info p{color:var(--text-light);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.website-category{display:inline-block;margin-top:8px;padding:5px 10px;background-color:var(--gray-light);border-radius:12px;font-size:.75rem;font-weight:600;color:var(--secondary-color)}.custom-badge{position:absolute;margin-left:20px;margin-top:-3px;background-color:#cbd5e0;color:#fff;font-size:.65rem;padding:5px 15px;border-radius:12px;font-weight:600;z-index:5;box-shadow:0 1px 3px rgba(0,0,0,.2)}.original-default-badge{position:absolute;background-color:#cbd5e0;color:#fff;font-size:.65rem;padding:2px 6px;border-radius:10px;font-weight:600;z-index:5;box-shadow:0 1px 3px rgba(0,0,0,.2)}.restore-default-btn{background-color:var(--info-color);color:#fff}.restore-default-btn:hover{background-color:#3182ce}.edit-mode-controls{padding:15px 20px;background-color:var(--gray-light);border-radius:var(--border-radius);margin-bottom:2px;border:1px solid var(--gray-color)}.software-filter{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;overflow-x:auto;padding-bottom:10px}.filter-btn{background-color:var(--gray-light);color:var(--text-color);transition:var(--transition);white-space:nowrap}.filter-btn:hover{background-color:var(--accent-light);color:#fff}.filter-btn.active{background-color:var(--accent-color);box-shadow:var(--shadow)}.software-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.software-card{background-color:var(--card-bg);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-color)}.software-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.software-card-header{padding:25px;background-color:var(--gray-light);border-bottom:1px solid var(--gray-color);display:flex;justify-content:space-between;align-items:flex-start}.software-card-header h3{font-size:1.35rem;margin-bottom:12px;color:var(--primary-color)}.software-card-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-light),var(--accent-color));border-radius:12px;font-size:1.5rem;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.platform-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:20px;background-color:var(--gray-light);color:var(--secondary-color);font-size:.8rem;font-weight:600;margin-right:8px;margin-bottom:8px}.software-card-body{padding:25px}.software-detail{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--gray-color)}.detail-label{font-weight:600;color:var(--secondary-color)}.software-card-footer{padding:20px 25px;background-color:var(--gray-light);border-top:1px solid var(--gray-color);display:flex;justify-content:space-between;gap:15px}.detail-container{display:grid;grid-template-columns:2fr 1fr;gap:30px}.detail-main{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:35px;box-shadow:var(--shadow);border:1px solid var(--gray-color);transition:var(--transition-slow)}.detail-sidebar{background-color:var(--card-bg);border-radius:var(--border-radius-lg);padding:30px;box-shadow:var(--shadow);border:1px solid var(--gray-color);align-self:start;position:sticky;top:100px;transition:var(--transition-slow)}.software-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:35px}.software-title h1{font-size:2.2rem;color:var(--primary-color);margin-bottom:10px}.software-meta{display:flex;gap:20px;color:var(--text-light);flex-wrap:wrap}.software-icon-large{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-light),var(--accent-color));border-radius:18px;font-size:2.8rem;color:#fff;box-shadow:var(--shadow)}.detail-section{margin-bottom:35px}.detail-section h2{font-size:1.6rem;margin-bottom:20px;color:var(--secondary-color);padding-bottom:12px;border-bottom:2px solid var(--gray-light)}.feature-list{list-style:none;padding-left:0}.feature-list li{margin-bottom:12px;padding-left:28px;position:relative}.feature-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--success-color);font-weight:700}.review-card{background-color:var(--card-bg);border-radius:var(--border-radius);padding:28px;box-shadow:var(--shadow);margin-bottom:25px;border:1px solid var(--gray-color);transition:var(--transition-slow)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;flex-wrap:wrap;gap:15px}.reviewer-info{display:flex;align-items:center;gap:18px;flex:1}.reviewer-avatar{width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--primary-light));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.3rem;flex-shrink:0}.review-rating{display:flex;gap:5px;color:#f6ad55;font-size:1.1rem;flex-shrink:0}.review-content{line-height:1.8;color:var(--text-color)}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px)}.modal.active{display:flex}.modal-content{background-color:var(--modal-bg);border-radius:var(--border-radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:35px;box-shadow:var(--shadow-lg);animation:.3s modalFadeIn;transition:var(--transition-slow)}.dark-mode .modal-content{background-color:#1e1e1e;box-shadow:0 15px 40px rgba(0,0,0,.4)}.modal-header{border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;align-items:center;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-title{font-size:1.6rem;color:#2c3e50}.modal-close{background:0 0;border:none;font-size:2rem;cursor:pointer;color:#7f8c8d;transition:.2s}.modal-close:hover{color:#2c3e50}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header h2{color:var(--primary-color);font-size:1.5rem}.close-modal{background:0 0;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-light);padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-modal:hover{background-color:var(--gray-light);color:var(--danger-color)}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--secondary-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 18px;border:2px solid var(--gray-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);font-family:inherit;background-color:var(--input-bg);color:var(--text-color)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(49,130,206,.1)}.form-group small{display:block;margin-top:6px;color:var(--text-light);font-size:.85rem}.form-group small a{color:var(--accent-color);text-decoration:underline}.form-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.new-category-input{display:none;margin-top:10px;animation:.3s fadeIn}.new-category-input.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.restore-selection{margin-top:20px;padding:15px;background-color:var(--gray-light);border-radius:var(--border-radius);border:1px solid var(--gray-color);max-height:300px;overflow-y:auto}.restore-option{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px;border-radius:var(--border-radius-sm);background-color:var(--card-bg);border:1px solid var(--gray-color);cursor:pointer;transition:var(--transition)}.restore-option:hover{background-color:var(--gray-light)}.restore-option input[type=checkbox]{margin:0}.restore-option label{flex:1;cursor:pointer;font-size:.9rem}.restore-checkbox{display:flex;align-items:center;gap:8px}.select-all-btn{font-size:.85rem;padding:6px 12px;margin-right:10px}.restore-hint{grid-column:1/-1;text-align:center;padding:20px;background-color:var(--gray-light);border-radius:var(--border-radius);margin-top:10px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state i{font-size:3.5rem;color:var(--gray-color);margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin-bottom:15px;color:var(--secondary-color)}.loader{display:none;text-align:center;padding:40px}.loader.active{display:block}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid var(--accent-color);width:40px;height:40px;animation:1s linear infinite spin;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.delete-btn{position:absolute;top:10px;right:10px;background:var(--danger-color);color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;opacity:0;transition:var(--transition);z-index:10}.website-card:hover .delete-btn{opacity:1}.delete-btn:hover{background:#c53030;transform:scale(1.1)}.settings-btn{background:0 0;border:none;color:var(--text-color);cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.settings-btn:hover{background-color:var(--gray-light)}.settings-menu{position:absolute;top:60px;right:0;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:10px;min-width:250px;border:1px solid var(--gray-color);display:none;z-index:101}.settings-menu.active{display:block;animation:.2s modalFadeIn}.settings-menu-item{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);color:var(--text-color);position:relative}.settings-menu-item:hover{background-color:var(--gray-light)}.settings-menu-item.danger{color:var(--danger-color)}.settings-menu-item.danger:hover{background-color:rgba(229,62,62,.1)}.menu-item-description{font-size:.75rem;color:var(--text-light);margin-top:4px;line-height:1.3;display:none}.settings-menu-item:hover .menu-item-description{display:block}.menu-item-info{position:absolute;top:12px;right:15px;font-size:.8rem;color:var(--accent-color);font-weight:600}.info-popup{position:absolute;top:0;left:100%;margin-left:10px;background-color:var(--card-bg);border:1px solid var(--gray-color);border-radius:var(--border-radius);padding:15px;box-shadow:var(--shadow-lg);min-width:250px;display:none;z-index:102;font-size:.85rem;line-height:1.5}.info-popup h4{margin-bottom:8px;color:var(--primary-color);font-size:.9rem}.info-popup table{width:100%;margin-top:10px;border-collapse:collapse;font-size:.8rem}.info-popup td,.info-popup th{padding:6px 8px;border:1px solid var(--gray-color);text-align:left}.info-popup th{background-color:var(--gray-light);font-weight:600}.info-popup tr:nth-child(2n){background-color:var(--gray-light)}.info-icon{margin-left:5px;color:var(--accent-color);cursor:help}.app-container{display:grid;grid-template-columns:1fr 290px;gap:25px}.dark-mode .app-container{background-color:#123}.sidebar{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08);padding:25px;height:fit-content}.dark-mode .sidebar{background-color:#2d3748;box-shadow:0 6px 15px rgba(0,0,0,.2)}.section-title{font-size:1.4rem;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f2f5;display:flex;align-items:center;gap:10px}.dark-mode .section-title{color:#e0e0e0;border-bottom-color:#333}.dark-mode .search-filter-section{background-color:#1e1e1e;box-shadow:0 6px 15px rgba(0,0,0,.2)}.notes-area{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08);padding:25px}.dark-mode .notes-area{background-color:#2d3748;box-shadow:0 6px 15px rgba(0,0,0,.2)}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.notes-count{font-size:1.1rem;color:#5a6c7d}.dark-mode .notes-count{color:#b0b0b0}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.note-card{border-radius:12px;padding:22px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:.3s;cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.note-card:hover{transform:translateY(-8px);box-shadow:0 12px 25px rgba(0,0,0,.15)}.note-card.pinned::before{content:'\f08d';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:12px;right:12px;color:rgba(0,0,0,.2);font-size:1.2rem}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.note-title{font-size:1.4rem;font-weight:700;color:#2c3e50;margin-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.dark-mode .note-title{color:#e0e0e0}.note-category{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.note-content{flex-grow:1;margin-bottom:20px;color:#4a5568;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.dark-mode .note-content{color:silver}.note-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#7f8c8d;border-top:1px solid rgba(0,0,0,.05);padding-top:15px}.dark-mode .note-footer{color:#777;border-top-color:#333}.note-date{display:flex;align-items:center;gap:5px}.note-actions{display:flex;gap:8px}.note-action-btn{background:0 0;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#7f8c8d;transition:.2s}.dark-mode .note-action-btn{color:#999}.note-action-btn:hover{background-color:rgba(0,0,0,.05);color:#4a6491}.dark-mode .note-action-btn:hover{background-color:rgba(255,255,255,.1);color:#5d7bb5}.empty-notes{text-align:center;padding:60px 20px;color:#95a5a6}.dark-mode .empty-notes{color:#777}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.3}.empty-text{font-size:1.2rem;margin-bottom:15px}.filter-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--gray-color)}.note-form{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.form-group-note{display:flex;flex-direction:column;gap:8px}label{font-weight:600;color:#5a6c7d;font-size:.95rem}.dark-mode label{color:#b0b0b0}input,select,textarea{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:.3s}.dark-mode input,.dark-mode select,.dark-mode textarea{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}input:focus,select:focus,textarea:focus{outline:0;border-color:#4a6491;box-shadow:0 0 0 3px rgba(74,100,145,.2)}.dark-mode input:focus,.dark-mode select:focus,.dark-mode textarea:focus{border-color:#5d7bb5;box-shadow:0 0 0 3px rgba(93,123,181,.3)}textarea{resize:vertical;min-height:120px;font-family:inherit}.btn{padding:14px 20px;background-color:#4a6491;color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.btn:hover{background-color:#3a5479;transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.15)}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:#28a745}.btn-success:hover{background-color:#218838}.btn-danger{background-color:#dc3545}.btn-danger:hover{background-color:#c82333}.color-options{display:flex;gap:8px;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:.2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#2c3e50;transform:scale(1.1)}.dark-mode .color-option.selected{border-color:#e0e0e0}.stats{background-color:#f8f9fa;border-radius:10px;padding:20px;margin-top:25px}.dark-mode .stats{background-color:#252525}.stat-item{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eaeaea}.dark-mode .stat-item{border-bottom-color:#333}.stat-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.stat-value{font-weight:700;color:#4a6491}.dark-mode .stat-value{color:#5d7bb5}.search-filter-section{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px rgba(0,0,0,.08);padding:25px;margin-bottom:25px}.search-filter-container{display:flex;flex-direction:column;gap:20px}.search-box{position:relative}.search-box input{width:100%;padding:12px 15px 12px 45px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:.3s}.search-box input:focus{outline:0;border-color:#4a6491;box-shadow:0 0 0 3px rgba(74,100,145,.2)}.dark-mode .search-box input{background-color:#2d2d2d;border-color:#444;color:#e0e0e0}.dark-mode .search-box input:focus{border-color:#5d7bb5;box-shadow:0 0 0 3px rgba(93,123,181,.3)}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7f8c8d}.dark-mode .search-icon{color:#999}.filter-options{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{padding:8px 15px;background-color:#eef2f7;border:none;border-radius:20px;cursor:pointer;font-weight:600;color:#5a6c7d;transition:.3s;font-size:.9rem}.dark-mode .filter-btn{background-color:#2d2d2d;color:#b0b0b0}.filter-btn.active{background-color:#4a6491;color:#fff}.filter-btn:hover:not(.active){background-color:#dfe6f0}.note-color-yellow{background-color:#fff9c4;color:#5d4037}.note-color-blue{background-color:#e3f2fd;color:#0d47a1}.note-color-green{background-color:#e8f5e9;color:#1b5e20}.note-color-pink{background-color:#fce4ec;color:#880e4f}.note-color-purple{background-color:#f3e5f5;color:#4a148c}.note-color-white{background-color:#fff;color:#333;border:1px solid #e0e0e0}.dark-mode .note-color-yellow{background-color:#3d3a1d;color:khaki}.dark-mode .note-color-blue{background-color:#1a2a3a;color:#87ceeb}.dark-mode .note-color-green{background-color:#1a2a1a;color:#98fb98}.dark-mode .note-color-pink{background-color:#3a1a2a;color:#ffb6c1}.dark-mode .note-color-purple{background-color:#2a1a3a;color:#d8bfd8}.dark-mode .note-color-white{background-color:#2d2d2d;color:#e0e0e0;border:1px solid #444}@media (max-width:1000px){.detail-container{grid-template-columns:1fr}.detail-sidebar{position:static}.software-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.app-container{grid-template-columns:1fr}.search-filter-section{order:-1;grid-column:1}}@media (max-width:768px){.header-container{padding:10px 0}.header-actions{display:none}.mobile-menu-btn{display:block}nav{position:fixed;top:70px;left:0;width:100%;background-color:var(--header-bg);box-shadow:var(--shadow-lg);border-top:1px solid var(--gray-color);padding:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-slow);z-index:99}nav.active{transform:translateY(0);opacity:1;visibility:visible}nav ul{flex-direction:column;gap:5px}nav a{padding:15px;border-radius:var(--border-radius);justify-content:flex-start}main{padding:20px 0}.page-title{font-size:1.7rem;margin-bottom:25px}.detail-main,.detail-sidebar,.nav-section,.search-section{padding:20px}.search-input-group{flex-direction:column}.btn{width:100%;justify-content:center}.section-header{flex-direction:column;align-items:flex-start;gap:15px}.edit-mode-controls{width:100%;flex-direction:column}.websites-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.software-grid{grid-template-columns:1fr;gap:25px}.software-card-footer{flex-direction:column}.software-card-footer .btn{width:100%}.review-header{flex-direction:column;align-items:flex-start;gap:15px}.reviewer-info{width:100%}.modal-content{padding:25px 20px;max-height:85vh}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.footer-container{flex-direction:column;gap:30px}.settings-menu{position:fixed;top:70px;left:0;right:0;width:100%;max-width:300px;margin:0 auto}.info-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0;width:90%;max-width:300px}.restore-selection{max-height:200px}.app-container{gap:20px}.notes-grid{grid-template-columns:1fr}.notes-header{flex-direction:column;align-items:flex-start;gap:15px}h1{font-size:2.2rem}.filter-options{flex-wrap:wrap}}@media (max-width:480px){.container{padding:0 15px}.logo{font-size:1.2rem}.logo-icon{font-size:1.5rem}.websites-grid{grid-template-columns:1fr}.website-card{padding:18px}.software-card-header{flex-direction:column;gap:15px}.software-card-icon{align-self:flex-start}.engine-option{padding:8px 15px;font-size:.9rem}.search-engine-selector h3{font-size:1rem}.edit-mode-controls .btn{width:100%}}.import-export-buttons{display:flex;gap:8px;align-items:center}#importFile{display:none}#exportBtn,#importBtn,.theme-toggle{width:80px;height:40px;border-radius:8px;cursor:pointer;font-size:1rem;align-items:center;justify-content:center;transition:.3s;background:var(--gray-light);color:var(--text-color);border:1px solid var(--gray-color)}.theme-toggle{right:25px}.theme-toggle:hover{background:var(--accent-color);box-shadow:var(--shadow)}.dark-mode .theme-toggle{background:var(--gray-color);border-color:var(--secondary-light)}.dark-mode .theme-toggle:hover{background:var(--accent-light);color:var(--primary-color)}#exportBtn{right:80px}#importBtn{right:135px}#exportBtn:hover,#importBtn:hover,.theme-toggle:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.dark-mode #exportBtn,.dark-mode #importBtn,.dark-mode .theme-toggle{background:rgba(255,255,255,.05)}.dark-mode #exportBtn:hover,.dark-mode #importBtn:hover,.dark-mode .theme-toggle:hover{background:rgba(255,255,255,.15)}@media (max-width:768px){header{padding-right:25px}#exportBtn,#importBtn,.theme-toggle{position:relative;top:0;right:0;display:inline-block;margin:5px}}.category-meeting{background-color:#e3f2fd;color:#1565c0}.category-work{background-color:#e8f5e9;color:#2e7d32}.category-project{background-color:#fff3e0;color:#e65100}.category-reminder{background-color:#fce4ec;color:#c2185b}.category-idea{background-color:#f3e5f5;color:#7b1fa2}.category-personal{background-color:#fff8e1;color:#ff8f00}.dark-mode .category-meeting{background-color:rgba(30,136,229,.2);color:#64b5f6}.dark-mode .category-work{background-color:rgba(76,175,80,.2);color:#81c784}.dark-mode .category-project{background-color:rgba(255,167,38,.2);color:#ffcc80}.dark-mode .category-reminder{background-color:rgba(240,98,146,.2);color:#f48fb1}.dark-mode .category-idea{background-color:rgba(186,104,200,.2);color:#ce93d8}.dark-mode .category-personal{background-color:rgba(255,193,7,.2);color:#ffd54f}.contact-link-container.simple{position:relative;display:inline-block}.qr-popup.simple{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#fff;padding:15px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,.2);border:1px solid #ddd;z-index:1000;text-align:center}.qr-popup.simple img{max-width:168px}.qr-popup.simple p{margin:0;font-size:.9rem;color:#666}