@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a3a4a;border-radius:4px}body{background:#16161e;margin:0;font-family:Inter,sans-serif}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#16161e}.auth-box{background:#1e1e2a;border-radius:20px;padding:40px;width:100%;max-width:400px;animation:fadeUp .3s ease}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px}.auth-logo-icon{width:42px;height:42px;background:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff}.auth-logo-name{font-size:22px;font-weight:800;color:#fff}.auth-logo-sub{font-size:10px;color:#6b6b8a;letter-spacing:.06em;margin-top:2px}.auth-tabs{display:flex;background:#16161e;border-radius:10px;padding:3px;margin-bottom:28px}.auth-tab{flex:1;padding:9px;border:none;background:none;color:#6b6b8a;font-family:inherit;font-size:11px;cursor:pointer;border-radius:8px;transition:all .2s;letter-spacing:.04em;font-weight:600}.auth-tab.active{background:#2a2a3a;color:#fff}.auth-field{margin-bottom:14px}.auth-label{font-size:11px;color:#9090b0;letter-spacing:.04em;display:block;margin-bottom:6px;font-weight:600}.auth-input{width:100%;background:#16161e;border:none;color:#fff;padding:12px 14px;border-radius:10px;font-size:13px;outline:none;font-family:inherit;transition:all .2s}.auth-input:focus{background:#242438;box-shadow:0 0 0 2px #4f46e5}.auth-input::placeholder{color:#3e3e58}.auth-btn{width:100%;background:#4f46e5;border:none;color:#fff;padding:13px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s;margin-top:6px}.auth-btn:hover{background:#5850ec;transform:translateY(-1px);box-shadow:0 8px 20px #4f46e566}.auth-btn:disabled{background:#2a2a3a;color:#4e4e68;cursor:not-allowed;transform:none;box-shadow:none}.auth-msg{padding:11px 14px;border-radius:10px;font-size:12px;margin-top:12px;line-height:1.6}.auth-msg.error{background:#2a1515;color:#ff9090}.auth-msg.success{background:#152a15;color:#90e090}.app{height:100vh;overflow:hidden;background:#16161e;color:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column}.header{padding:14px 22px;display:flex;align-items:center;justify-content:space-between;background:#16161e;flex-shrink:0;border-bottom:1px solid #22222e}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:30px;height:30px;background:#4f46e5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff}.logo-name{font-weight:800;font-size:17px;color:#fff}.badge{background:#2a2a3a;color:#8888a8;font-size:10px;padding:3px 8px;border-radius:6px;letter-spacing:.04em;font-weight:600}.header-right{display:flex;align-items:center;gap:10px}.count-txt{font-size:12px;color:#6b6b8a;font-weight:500}.btn-add{display:flex;align-items:center;gap:6px;background:#4f46e5;border:none;color:#fff;padding:9px 16px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.btn-add:hover{background:#5850ec;transform:translateY(-1px);box-shadow:0 4px 16px #4f46e566}.btn-add:disabled{background:#2a2a3a;color:#4e4e68;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon{display:flex;align-items:center;justify-content:center;background:#2a2a3a;border:none;color:#9090b0;padding:8px;border-radius:10px;cursor:pointer;transition:all .15s}.btn-icon:hover{background:#32324a;color:#fff}.body{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;padding:16px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex-shrink:0;background:#1a1a24;border-right:1px solid #22222e;height:100%}.sidebar-label{font-size:10px;color:#4e4e68;letter-spacing:.08em;padding:0 8px;margin-bottom:6px;margin-top:12px;font-weight:700;text-transform:uppercase}.sidebar-label:first-child{margin-top:0}.nav-btn{display:flex;align-items:center;gap:9px;background:transparent;border:none;color:#8888a8;padding:9px 10px;border-radius:10px;font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit;width:100%;text-align:left;font-weight:500}.nav-btn:hover{background:#22222e;color:#fff}.nav-btn.active{background:#22222e;color:#fff;font-weight:700}.nav-count{margin-left:auto;font-size:11px;font-weight:700;background:#2a2a3a;padding:2px 7px;border-radius:8px}.nav-icon{font-size:14px;width:18px;text-align:center}.pro-card{margin-top:auto;padding-top:14px}.pro-inner{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:14px;padding:14px;text-align:center}.pro-badge{font-size:12px;color:#fff;font-weight:700;margin-bottom:4px}.pro-desc{font-size:10px;color:#ffffffb3;line-height:1.5;margin-bottom:8px}.pro-price{font-size:15px;color:#fff;font-weight:800}.main{flex:1;display:flex;overflow:hidden}.list-pane{padding:18px;overflow-y:auto;flex-shrink:0;height:100%;max-width:680px;width:100%}.search-bar{margin-bottom:14px}.search-wrap{position:relative}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6b6b8a}.search-input{background:#1e1e2a;border:none;color:#fff;padding:11px 14px 11px 36px;border-radius:12px;font-size:13px;outline:none;font-family:inherit;width:100%;transition:all .2s;font-weight:500}.search-input:focus{background:#242438;box-shadow:0 0 0 2px #4f46e5}.search-input::placeholder{color:#4e4e68}.type-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.type-pill{background:#1e1e2a;border:none;color:#8888a8;padding:6px 13px;border-radius:20px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;gap:5px;font-weight:600}.type-pill:hover{background:#2a2a3a;color:#fff}.type-pill.active{background:#4f46e5;color:#fff}.empty{text-align:center;padding:70px 20px}.empty-icon{font-size:36px;margin-bottom:14px;opacity:.4}.empty-text{font-size:13px;line-height:1.9;color:#4e4e68;font-weight:500}.card-grid{display:flex;flex-direction:column;gap:10px}.card{border:1px solid #252540;border-radius:14px;padding:13px 16px;cursor:pointer;transition:all .2s;animation:fadeUp .22s ease both;position:relative;background:#1a1a2e}.card:hover{border-color:#3a3a5e;background:#1e1e36;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.card.selected{border-color:#4f46e5;background:#1e1e38;box-shadow:0 0 0 1px #4f46e530,0 8px 24px #0006}.card[data-type=code],.card[data-type=command],.card[data-type=note],.card[data-type=link],.card[data-type=sop],.card[data-type=fix]{background:#1a1a2e}.card[data-type=code] .card-type-icon{background:#1565c0}.card[data-type=command] .card-type-icon{background:#2e7d32}.card[data-type=note] .card-type-icon{background:#e65100}.card[data-type=link] .card-type-icon{background:#00838f}.card[data-type=sop] .card-type-icon{background:#6a1b9a}.card[data-type=fix] .card-type-icon{background:#b71c1c}.card-top{display:flex;align-items:flex-start;gap:10px}.card-type-icon{font-size:16px;flex-shrink:0;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-body{flex:1;min-width:0}.card-title{font-size:14px;font-weight:700;color:#e8e5f0;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:12px;color:#88a;line-height:1.5;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-tags{display:flex;flex-wrap:wrap;gap:4px}.tag{display:inline-block;background:#14142a;border:1px solid #2e2e4e;color:#8888b8;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:600}.card-meta-right{display:flex;align-items:center;gap:7px;flex-shrink:0}.card-type-badge{font-size:9px;color:#a0a0c8;letter-spacing:.05em;background:#13132a;border:1px solid #2a2a4a;padding:3px 9px;border-radius:6px;font-weight:700}.card-uses{font-size:10px;color:#4e4e78;font-weight:600}.detail{flex:1;border-left:1px solid #22222e;padding:24px 26px;overflow-y:auto;background:#1a1a24;animation:slideIn .2s ease;height:100%}.detail-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.detail-title-row{display:flex;align-items:flex-start;gap:12px;flex:1;padding-right:10px}.detail-type-icon{font-size:28px}.detail-title{font-size:22px;font-weight:800;color:#fff;line-height:1.3}.detail-badges{display:flex;align-items:center;gap:8px;margin:10px 0 18px;flex-wrap:wrap}.detail-type-badge{font-size:11px;padding:4px 12px;border-radius:8px;letter-spacing:.04em;font-weight:700;color:#fff}.detail-date,.detail-uses{font-size:11px;color:#6b6b8a;font-weight:500}.detail-desc{font-size:14px;color:#c0c0d8;margin-bottom:20px;line-height:1.7;font-weight:500}.content-label{font-size:10px;color:#6b6b8a;letter-spacing:.07em;margin-bottom:10px;display:block;font-weight:700;text-transform:uppercase}.code-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.code-block{background:#12121a;border-radius:12px;padding:18px;font-size:13px;line-height:1.8;color:#e0dcff;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:360px;overflow-y:auto;font-family:Courier New,monospace}.text-block{background:#12121a;border-radius:12px;padding:18px;font-size:13px;line-height:1.9;color:#d0cce8;white-space:pre-wrap;word-break:break-word;max-height:360px;overflow-y:auto;font-family:inherit;font-weight:500}.link-block{background:#12121a;border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:12px}.link-url{color:#818cf8;font-size:13px;text-decoration:none;word-break:break-all;font-weight:600}.link-url:hover{color:#a5b4fc;text-decoration:underline}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.detail-tags .tag{background:#22222e;color:#9090b0;border-radius:8px;padding:3px 10px;font-size:11px}.detail-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.btn-copy{display:flex;align-items:center;gap:6px;background:#22222e;border:none;color:#a0a0c0;padding:9px 16px;border-radius:10px;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s;font-weight:600}.btn-copy:hover{background:#2a2a3a;color:#fff}.btn-copy.copied{background:#1a3a1a;color:#60e060}.btn-action{display:flex;align-items:center;gap:6px;border:none;padding:9px 16px;border-radius:10px;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s;font-weight:600}.btn-action.edit{background:#2a2200;color:#ffb347}.btn-action.edit:hover{background:#ff8c00;color:#fff;transform:translateY(-1px)}.btn-action.danger{background:#2a0a0a;color:#ff6b6b}.btn-action.danger:hover{background:#c0392b;color:#fff;transform:translateY(-1px)}.btn-close{background:none;border:none;color:#4e4e68;cursor:pointer;line-height:1;padding:2px;transition:color .15s;flex-shrink:0;font-size:22px}.btn-close:hover{color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.modal{background:#1e1e2a;border-radius:18px;padding:28px;width:100%;max-width:560px;animation:fadeUp .2s ease;max-height:92vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-title{font-size:16px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}.type-selector{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.type-opt{display:flex;align-items:center;gap:6px;background:#16161e;border:none;color:#8888a8;padding:8px 14px;border-radius:10px;font-size:12px;cursor:pointer;font-family:inherit;transition:all .15s;font-weight:600}.type-opt:hover{background:#22222e;color:#fff}.type-opt.active{color:#fff;font-weight:700}.type-opt[data-type=code].active{background:#1565c0}.type-opt[data-type=command].active{background:#2e7d32}.type-opt[data-type=note].active{background:#e65100}.type-opt[data-type=link].active{background:#00838f}.type-opt[data-type=sop].active{background:#6a1b9a}.type-opt[data-type=fix].active{background:#b71c1c}.field{margin-bottom:15px}.field-label{font-size:11px;color:#9090b0;letter-spacing:.04em;display:block;margin-bottom:7px;font-weight:600}.field-row{display:flex;gap:12px}.field-input{background:#16161e;border:none;color:#fff;padding:11px 14px;border-radius:10px;font-size:13px;outline:none;font-family:inherit;width:100%;transition:all .2s;font-weight:500}.field-input:focus{background:#1e1e34;box-shadow:0 0 0 2px #4f46e5}.field-input::placeholder{color:#3e3e58}.field-textarea{min-height:120px;resize:vertical;line-height:1.7}.field-textarea.short{min-height:60px}.tag-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tag-suggest{background:#16161e;border:none;color:#6b6b8a;padding:3px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s;font-weight:600}.tag-suggest:hover{background:#4f46e5;color:#fff}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.btn-save{background:#4f46e5;border:none;color:#fff;padding:11px 26px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.btn-save:hover{background:#5850ec;transform:translateY(-1px);box-shadow:0 6px 20px #4f46e566}.btn-save:disabled{background:#2a2a3a;color:#4e4e68;cursor:not-allowed;transform:none;box-shadow:none}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#16161e;color:#4e4e68;font-family:Inter,sans-serif;font-size:13px;gap:14px}.spinner{width:22px;height:22px;border:2px solid #2a2a3a;border-top-color:#4f46e5;border-radius:50%;animation:spin .7s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}