html,body,#root{height:100%;margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}body{color:#0f172a;background:#f1f5f9}.h-screen{height:100vh}.h-full{height:100%}.flex{display:flex}.flex-1{flex:1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-y-auto{overflow-y:auto}.grid{display:grid}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.p-6{padding:24px}.p-5{padding:20px}.p-4{padding:16px}.py-4{padding-top:16px;padding-bottom:16px}.py-3{padding-top:12px;padding-bottom:12px}.py-2{padding-top:8px;padding-bottom:8px}.py-1{padding-top:4px;padding-bottom:4px}.px-4{padding-left:16px;padding-right:16px}.px-3{padding-left:12px;padding-right:12px}.mx-auto{margin-left:auto;margin-right:auto}.mb-6{margin-bottom:24px}.mb-4{margin-bottom:16px}.mb-2{margin-bottom:8px}.mt-1{margin-top:4px}.mt-4{margin-top:16px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-4>*+*{margin-top:16px}.space-y-3>*+*{margin-top:12px}.w-20{width:80px}.w-14{width:56px}.w-full{width:100%}.h-14{height:56px}.max-w-5xl{max-width:1024px}.w-\[380px\]{width:380px}.min-h-\[320px\]{min-height:320px}.min-h-\[300px\]{min-height:300px}.min-h-\[280px\]{min-height:280px}.bg-white{background:#fff}.bg-slate-100{background:#f1f5f9}.bg-slate-900{background:#0f172a}.bg-slate-50{background:#f8fafc}.bg-amber-50{background:#fffbeb}.border{border:1px solid #e2e8f0}.border-r{border-right:1px solid #e2e8f0}.border-l{border-left:1px solid #e2e8f0}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-slate-500{border-color:#64748b}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:24px}.text-center{text-align:center}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-xl{font-size:20px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.text-white{color:#fff}.text-slate-900{color:#0f172a}.text-slate-800{color:#1e293b}.text-slate-700{color:#334155}.text-slate-600{color:#475569}.text-slate-500{color:#64748b}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 10px #0000001f}.transition{transition:all .2s}.outline-none{outline:none}.hover\:bg-slate-100:hover{background:#f1f5f9}.focus\:border-slate-500:focus{border-color:#64748b}button{cursor:pointer}textarea{resize:vertical;font-family:inherit}.sidebar{background:#fff;border-right:1px solid #e2e8f0;width:220px;min-width:220px;height:100%;padding:20px 16px;box-shadow:0 1px 2px #0000000d}.sidebar-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:12px;font-weight:600}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-button{color:#334155;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.sidebar-button:hover{background:#f1f5f9}.sidebar-button-active{color:#fff;background:#0f172a;border-color:#0f172a}.sidebar-icon{font-size:18px;line-height:1}.sidebar-label{font-size:14px;font-weight:600;line-height:1.2}