.sidebar{background-color:var(--color-bg-secondary);border-right:1px solid var(--color-border);height:100vh;width:var(--sidebar-width);transition:width var(--transition);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid var(--color-border);min-height:var(--topbar-height);justify-content:space-between;align-items:center;padding:16px 12px;display:flex}.sidebar-logo{flex-direction:column;display:flex;overflow:hidden}.logo-name{color:var(--color-text-primary);letter-spacing:.5px;font-size:15px;font-weight:600}.logo-tag{color:var(--color-text-tertiary);white-space:nowrap;font-size:11px}.toggle-btn{border-radius:var(--radius-sm);background:var(--color-bg-tertiary);width:28px;height:28px;color:var(--color-text-secondary);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.toggle-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-bottom{border-top:1px solid var(--color-border);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background var(--transition), color var(--transition);white-space:nowrap;text-align:left;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13.5px;display:flex}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-left:2px solid var(--color-accent)}.nav-item.danger{color:var(--color-danger)}.nav-item.danger:hover{background:var(--color-bg-hover);color:var(--color-danger-hover)}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.nav-label{font-size:13.5px}.topbar{height:var(--topbar-height);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.topbar-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.topbar-right{align-items:center;gap:10px;display:flex}.avatar{background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.topbar-username{color:var(--color-text-secondary);font-size:13px}.layout{background-color:var(--color-bg-primary);height:100vh;display:flex;overflow:hidden}.layout-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.layout-content{flex:1;padding:28px;overflow-y:auto}.home{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.home-header h1{color:var(--color-text-primary);margin-bottom:8px;font-size:22px;font-weight:500}.home-header p{color:var(--color-text-secondary);font-size:13.5px;line-height:1.6}.analyzer-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.analyzer-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.analyzer-textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);resize:none;transition:border var(--transition);padding:14px;font-size:13.5px;line-height:1.6}.analyzer-textarea:focus{border-color:var(--color-border-hover)}.analyzer-textarea::placeholder{color:var(--color-text-tertiary)}.analyzer-btn{background:var(--color-text-primary);color:var(--color-bg-primary);border-radius:var(--radius-md);transition:opacity var(--transition);align-self:flex-end;padding:10px 24px;font-size:13px;font-weight:500}.analyzer-btn:hover:not(:disabled){opacity:.85}.analyzer-btn:disabled{opacity:.4;cursor:not-allowed}.result-alternatives,.result-sources{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projects{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.projects-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.projects-header h1{color:var(--color-text-primary);margin-bottom:8px;font-size:22px;font-weight:500}.projects-header p{color:var(--color-text-secondary);font-size:13.5px}.btn-new{background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);white-space:nowrap;transition:opacity var(--transition);flex-shrink:0;padding:10px 20px;font-size:13px;font-weight:500}.btn-new:hover{opacity:.85}.projects-empty{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:8px;padding:48px 24px;display:flex}.projects-empty span{color:var(--color-text-primary);font-size:14px;font-weight:500}.projects-empty p{color:var(--color-text-tertiary);font-size:13px}.projects-list{flex-direction:column;gap:12px;display:flex}.project-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border var(--transition);flex-direction:column;gap:10px;padding:20px 24px;display:flex}.project-card:hover{border-color:var(--color-border-hover)}.project-card-header{justify-content:space-between;align-items:center;display:flex}.project-title{color:var(--color-text-primary);font-size:14px;font-weight:500}.project-date{color:var(--color-text-tertiary);font-size:12px}.project-description{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.project-recommendation{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);width:fit-content;padding:3px 10px;font-size:12px}.project-detail{flex-direction:column;gap:24px;max-width:800px;margin:0 auto;display:flex}.project-detail-empty{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.project-detail-header{flex-direction:column;gap:6px;display:flex}.btn-back{color:var(--color-text-tertiary);transition:color var(--transition);text-align:left;width:fit-content;font-size:13px}.btn-back:hover{color:var(--color-text-primary)}.project-detail-header h1{color:var(--color-text-primary);font-size:22px;font-weight:500}.project-detail-date{color:var(--color-text-tertiary);font-size:12px}.project-detail-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.detail-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.detail-textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);resize:none;transition:border var(--transition);padding:14px;font-size:13.5px;line-height:1.6}.detail-textarea:focus{border-color:var(--color-border-hover)}.detail-textarea::placeholder{color:var(--color-text-tertiary)}.btn-analyze{background:var(--color-accent);color:var(--color-bg-primary);border-radius:var(--radius-md);transition:opacity var(--transition);align-self:flex-end;padding:10px 24px;font-size:13px;font-weight:500}.btn-analyze:hover:not(:disabled){opacity:.85}.btn-analyze:disabled{opacity:.4;cursor:not-allowed}.result-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:24px;display:flex}.result-header{flex-direction:column;gap:8px;display:flex}.result-badge{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:500}.result-header h2{color:var(--color-text-primary);font-size:20px;font-weight:500}.result-justification{color:var(--color-text-secondary);border-left:2px solid var(--color-border);padding-left:16px;font-size:13.5px;line-height:1.7}.result-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.result-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.result-footer-label{color:var(--color-text-tertiary);font-size:12px}.result-tag{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);padding:3px 10px;font-size:12px}.profile{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}.profile-header h1{color:var(--color-text-primary);margin-bottom:8px;font-size:22px;font-weight:500}.profile-header p{color:var(--color-text-secondary);font-size:13.5px}.profile-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:28px;padding:32px;display:flex}.profile-avatar{background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:72px;height:72px;color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;display:flex}.profile-info{flex-direction:column;gap:0;width:100%;display:flex}.profile-field{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.profile-field:last-child{border-bottom:none}.profile-field-label{color:var(--color-text-tertiary);font-size:13px}.profile-field-value{color:var(--color-text-primary);font-size:13px}.settings{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}.settings-header h1{color:var(--color-text-primary);margin-bottom:8px;font-size:22px;font-weight:500}.settings-header p{color:var(--color-text-secondary);font-size:13.5px}.settings-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.settings-section h2{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;font-size:13px;font-weight:500}.settings-field{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-field-info{flex-direction:column;gap:3px;display:flex}.settings-field-label{color:var(--color-text-primary);font-size:13.5px}.settings-field-desc{color:var(--color-text-tertiary);font-size:12px}.settings-select{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;padding:6px 12px;font-size:13px}.settings-divider{background:var(--color-border);height:1px;margin:20px 0}.settings-toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.settings-toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-bg-tertiary);border:1px solid var(--color-border);transition:background var(--transition);cursor:pointer;border-radius:22px;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--color-text-tertiary);width:16px;height:16px;transition:transform var(--transition), background var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle input:checked+.toggle-slider{background:var(--color-text-primary);border-color:var(--color-text-primary)}.settings-toggle input:checked+.toggle-slider:before{background:var(--color-bg-primary);transform:translate(18px)}.login{background:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:32px;width:100%;max-width:380px;padding:40px;display:flex}.login-header{text-align:center}.login-header h1{color:var(--color-text-primary);letter-spacing:2px;font-size:28px;font-weight:600}.login-header p{color:var(--color-text-tertiary);margin-top:4px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:500}.login-field input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border var(--transition);padding:10px 14px;font-size:13.5px}.login-field input:focus{border-color:var(--color-border-hover)}.login-field input::placeholder{color:var(--color-text-tertiary)}.login-btn{background:var(--color-text-primary);color:var(--color-bg-primary);border-radius:var(--radius-md);transition:opacity var(--transition);margin-top:8px;padding:11px;font-size:13.5px;font-weight:500}.login-btn:hover{opacity:.85}:root{--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#eee;--color-bg-hover:#e5e5e5;--color-text-primary:#0f0f0f;--color-text-secondary:#555;--color-text-tertiary:#999;--color-border:#e0e0e0;--color-border-hover:silver;--color-accent:#0f0f0f;--color-danger:#c0392b;--color-danger-hover:#e74c3c;--sidebar-width:240px;--sidebar-collapsed-width:64px;--topbar-height:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:.2s ease;--font-sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans);color:inherit;background:0 0;border:none}input,textarea{font-family:var(--font-sans);color:inherit;outline:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}